{"id":30024,"date":"2026-09-11T10:58:28","date_gmt":"2026-09-11T10:58:28","guid":{"rendered":"https:\/\/it-learning.cloud\/?page_id=30024"},"modified":"2026-09-12T01:19:27","modified_gmt":"2026-09-12T01:19:27","slug":"technologies","status":"publish","type":"page","link":"https:\/\/it-learning.cloud\/index.php\/technologies\/","title":{"rendered":"\u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30024\" class=\"elementor elementor-30024\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c84e03e e-con-full e-flex e-con e-parent\" data-id=\"c84e03e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1827ad7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1827ad7\" 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\n   TECHNOLOGIES PAGE \u2014 WIDGET 01 \/ HERO\n   ========================================================== *\/\n\n.ilc-tech-hero{\n    position:relative;\n    width:100%;\n    overflow:hidden;\n\n    background:\n        radial-gradient(circle at 82% 20%, rgba(91,182,249,.16), transparent 28%),\n        radial-gradient(circle at 70% 72%, rgba(10,115,232,.08), transparent 30%),\n        linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 55%, #EEF4F9 100%);\n\n    border-bottom:1px solid #DCE3EA;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif;\n}\n\n.ilc-tech-hero-inner{\n    width:100%;\n    max-width:1500px;\n    min-height:470px;\n\n    margin:0 auto;\n    padding:72px 6.5%;\n\n    display:grid;\n    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);\n    align-items:center;\n    gap:70px;\n\n    box-sizing:border-box;\n}\n\n\n\/* ==========================================================\n   LEFT CONTENT\n   ========================================================== *\/\n\n.ilc-tech-hero-content{\n    position:relative;\n    z-index:3;\n    max-width:760px;\n}\n\n.ilc-tech-eyebrow{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n\n    margin-bottom:18px;\n\n    color:#0A73E8;\n\n    font-size:13px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:1.6px;\n    text-transform:uppercase;\n}\n\n.ilc-tech-eyebrow::before{\n    content:\"\";\n\n    width:30px;\n    height:2px;\n\n    background:#0A73E8;\n    border-radius:999px;\n}\n\n.ilc-tech-hero h1{\n    margin:0;\n\n    max-width:760px;\n\n    color:#0B1F3A;\n\n    font-size:58px;\n    line-height:1.05;\n    font-weight:800;\n\n    letter-spacing:-2px;\n}\n\n.ilc-tech-hero h1 span{\n    color:#0A73E8;\n}\n\n.ilc-tech-intro{\n    max-width:680px;\n\n    margin:24px 0 0;\n\n    color:#31445D;\n\n    font-size:19px;\n    line-height:1.7;\n    font-weight:400;\n}\n\n\n\/* ==========================================================\n   BUTTONS\n   ========================================================== *\/\n\n.ilc-tech-actions{\n    margin-top:34px;\n\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px;\n}\n\n.ilc-tech-btn{\n    min-height:48px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:9px;\n\n    padding:0 22px;\n\n    border-radius:8px;\n\n    font-size:13px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:.2px;\n\n    text-decoration:none !important;\n\n    transition:\n        transform .22s ease,\n        box-shadow .22s ease,\n        background .22s ease,\n        border-color .22s ease;\n}\n\n.ilc-tech-btn-primary{\n    background:#0A73E8;\n    color:#FFFFFF !important;\n\n    border:1px solid #0A73E8;\n\n    box-shadow:0 10px 24px rgba(10,115,232,.18);\n}\n\n.ilc-tech-btn-primary:hover{\n    background:#0866CE;\n    border-color:#0866CE;\n\n    transform:translateY(-2px);\n\n    box-shadow:0 14px 30px rgba(10,115,232,.24);\n}\n\n.ilc-tech-btn-secondary{\n    background:#FFFFFF;\n    color:#0B1F3A !important;\n\n    border:1px solid #DCE3EA;\n\n    box-shadow:0 6px 18px rgba(11,31,58,.05);\n}\n\n.ilc-tech-btn-secondary:hover{\n    color:#0A73E8 !important;\n    border-color:#B9D9F5;\n\n    transform:translateY(-2px);\n}\n\n.ilc-tech-btn-arrow{\n    font-size:15px;\n    transform:translateY(-1px);\n}\n\n\n\/* ==========================================================\n   SMALL FEATURES\n   ========================================================== *\/\n\n.ilc-tech-mini-features{\n    margin-top:36px;\n\n    display:flex;\n    flex-wrap:wrap;\n    gap:22px;\n}\n\n.ilc-tech-mini-item{\n    display:flex;\n    align-items:center;\n    gap:9px;\n\n    color:#708197;\n\n    font-size:12px;\n    line-height:1.2;\n    font-weight:700;\n\n    letter-spacing:.2px;\n}\n\n.ilc-tech-mini-dot{\n    width:8px;\n    height:8px;\n\n    border-radius:50%;\n\n    background:#0A73E8;\n\n    box-shadow:0 0 0 5px rgba(10,115,232,.08);\n}\n\n\n\/* ==========================================================\n   RIGHT VISUAL\n   ========================================================== *\/\n\n.ilc-tech-visual{\n    position:relative;\n\n    min-height:340px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n.ilc-tech-orbit{\n    position:absolute;\n    left:50%;\n    top:50%;\n\n    width:330px;\n    height:330px;\n\n    transform:translate(-50%,-50%);\n\n    border:1px solid rgba(10,115,232,.13);\n    border-radius:50%;\n}\n\n.ilc-tech-orbit::before{\n    content:\"\";\n\n    position:absolute;\n    inset:48px;\n\n    border:1px solid rgba(10,115,232,.11);\n    border-radius:50%;\n}\n\n.ilc-tech-orbit::after{\n    content:\"\";\n\n    position:absolute;\n    inset:96px;\n\n    border:1px solid rgba(10,115,232,.09);\n    border-radius:50%;\n}\n\n\n\/* ==========================================================\n   CENTRAL CORE\n   ========================================================== *\/\n\n.ilc-tech-core{\n    position:relative;\n    z-index:4;\n\n    width:138px;\n    height:138px;\n\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:24px;\n\n    background:\n        linear-gradient(145deg, rgba(255,255,255,.96), rgba(238,244,249,.96));\n\n    border:1px solid rgba(10,115,232,.18);\n\n    box-shadow:\n        0 24px 60px rgba(11,31,58,.12),\n        inset 0 1px 0 rgba(255,255,255,.9);\n}\n\n.ilc-tech-core-icon{\n    width:46px;\n    height:46px;\n\n    margin-bottom:10px;\n\n    position:relative;\n}\n\n.ilc-tech-core-icon::before,\n.ilc-tech-core-icon::after{\n    content:\"\";\n\n    position:absolute;\n\n    border:2px solid #0A73E8;\n    border-radius:8px;\n}\n\n.ilc-tech-core-icon::before{\n    width:42px;\n    height:28px;\n\n    left:0;\n    top:0;\n}\n\n.ilc-tech-core-icon::after{\n    width:28px;\n    height:18px;\n\n    right:0;\n    bottom:0;\n\n    background:#F8FAFC;\n}\n\n.ilc-tech-core strong{\n    color:#0B1F3A;\n\n    font-size:14px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:.5px;\n}\n\n.ilc-tech-core span{\n    margin-top:5px;\n\n    color:#708197;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:700;\n\n    text-transform:uppercase;\n    letter-spacing:1px;\n}\n\n\n\/* ==========================================================\n   TECHNOLOGY NODES\n   ========================================================== *\/\n\n.ilc-tech-node{\n    position:absolute;\n    z-index:5;\n\n    min-width:118px;\n    min-height:54px;\n\n    display:flex;\n    align-items:center;\n    gap:10px;\n\n    padding:9px 13px;\n\n    background:rgba(255,255,255,.94);\n\n    border:1px solid #DCE3EA;\n    border-radius:11px;\n\n    box-shadow:0 10px 28px rgba(11,31,58,.08);\n\n    box-sizing:border-box;\n}\n\n.ilc-tech-node-icon{\n    width:30px;\n    height:30px;\n\n    flex:0 0 30px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:8px;\n\n    background:#EEF6FF;\n    color:#0A73E8;\n\n    font-size:13px;\n    font-weight:800;\n}\n\n.ilc-tech-node-text strong{\n    display:block;\n\n    color:#0B1F3A;\n\n    font-size:12px;\n    line-height:1.1;\n    font-weight:800;\n}\n\n.ilc-tech-node-text span{\n    display:block;\n\n    margin-top:3px;\n\n    color:#708197;\n\n    font-size:9px;\n    line-height:1;\n    font-weight:700;\n\n    letter-spacing:.45px;\n    text-transform:uppercase;\n}\n\n\n\/* NODE POSITIONS *\/\n\n.ilc-tech-node-1{\n    top:22px;\n    left:50%;\n    transform:translateX(-50%);\n}\n\n.ilc-tech-node-2{\n    top:98px;\n    right:8px;\n}\n\n.ilc-tech-node-3{\n    bottom:42px;\n    right:42px;\n}\n\n.ilc-tech-node-4{\n    bottom:42px;\n    left:42px;\n}\n\n.ilc-tech-node-5{\n    top:98px;\n    left:8px;\n}\n\n\n\/* ==========================================================\n   CONNECTING LINES\n   ========================================================== *\/\n\n.ilc-tech-line{\n    position:absolute;\n    z-index:2;\n\n    left:50%;\n    top:50%;\n\n    width:1px;\n    height:118px;\n\n    background:\n        linear-gradient(\n            to bottom,\n            rgba(10,115,232,.35),\n            rgba(10,115,232,.05)\n        );\n\n    transform-origin:center bottom;\n}\n\n.ilc-tech-line-1{\n    transform:translate(-50%,-100%) rotate(0deg);\n}\n\n.ilc-tech-line-2{\n    transform:translate(-50%,-100%) rotate(72deg);\n}\n\n.ilc-tech-line-3{\n    transform:translate(-50%,-100%) rotate(144deg);\n}\n\n.ilc-tech-line-4{\n    transform:translate(-50%,-100%) rotate(216deg);\n}\n\n.ilc-tech-line-5{\n    transform:translate(-50%,-100%) rotate(288deg);\n}\n\n\n\/* ==========================================================\n   DECORATIVE BACKGROUND DETAILS\n   ========================================================== *\/\n\n.ilc-tech-bg-grid{\n    position:absolute;\n    right:-90px;\n    top:-60px;\n\n    width:470px;\n    height:470px;\n\n    opacity:.34;\n\n    background-image:\n        linear-gradient(rgba(10,115,232,.05) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(10,115,232,.05) 1px, transparent 1px);\n\n    background-size:34px 34px;\n\n    mask-image:linear-gradient(to bottom left, #000 25%, transparent 78%);\n    -webkit-mask-image:linear-gradient(to bottom left, #000 25%, transparent 78%);\n}\n\n\n\/* ==========================================================\n   RESPONSIVE\n   ========================================================== *\/\n\n@media (max-width:1200px){\n\n    .ilc-tech-hero-inner{\n        grid-template-columns:1fr 420px;\n        gap:42px;\n\n        padding-left:4%;\n        padding-right:4%;\n    }\n\n    .ilc-tech-hero h1{\n        font-size:50px;\n    }\n\n    .ilc-tech-orbit{\n        width:300px;\n        height:300px;\n    }\n\n    .ilc-tech-node{\n        min-width:108px;\n    }\n}\n\n\n@media (max-width:950px){\n\n    .ilc-tech-hero-inner{\n        grid-template-columns:1fr;\n        gap:38px;\n\n        padding-top:58px;\n        padding-bottom:60px;\n    }\n\n    .ilc-tech-hero-content{\n        max-width:760px;\n    }\n\n    .ilc-tech-visual{\n        min-height:350px;\n    }\n\n    .ilc-tech-hero h1{\n        font-size:48px;\n    }\n}\n\n\n@media (max-width:767px){\n\n    .ilc-tech-hero-inner{\n        min-height:auto;\n\n        padding:48px 22px 46px;\n    }\n\n    .ilc-tech-eyebrow{\n        font-size:11px;\n    }\n\n    .ilc-tech-hero h1{\n        font-size:39px;\n        line-height:1.08;\n\n        letter-spacing:-1.3px;\n    }\n\n    .ilc-tech-intro{\n        font-size:16px;\n        line-height:1.65;\n    }\n\n    .ilc-tech-actions{\n        flex-direction:column;\n    }\n\n    .ilc-tech-btn{\n        width:100%;\n        box-sizing:border-box;\n    }\n\n    .ilc-tech-mini-features{\n        gap:16px;\n    }\n\n    .ilc-tech-visual{\n        min-height:330px;\n\n        transform:scale(.9);\n        transform-origin:center center;\n    }\n}\n\n\n@media (max-width:520px){\n\n    .ilc-tech-visual{\n        min-height:300px;\n\n        transform:scale(.78);\n        margin-left:-30px;\n        margin-right:-30px;\n    }\n}\n<\/style>\n\n\n<section class=\"ilc-tech-hero\">\n\n    <div class=\"ilc-tech-bg-grid\"><\/div>\n\n    <div class=\"ilc-tech-hero-inner\">\n\n        <!-- LEFT -->\n        <div class=\"ilc-tech-hero-content\">\n\n            <div class=\"ilc-tech-eyebrow\">\n                Explore Technologies\n            <\/div>\n\n            <h1>\n                \u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u043a\u043e\u0438\u0442\u043e \u0438\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u0442\n                <span>\u0440\u0435\u0430\u043b\u043d\u0438 IT \u0443\u043c\u0435\u043d\u0438\u044f<\/span>\n            <\/h1>\n\n            <p class=\"ilc-tech-intro\">\n                \u0418\u0437\u0433\u0440\u0430\u0434\u0435\u0442\u0435 \u0441\u0442\u0430\u0431\u0438\u043b\u043d\u0430 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430 \u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u0443\u043c\u0435\u043d\u0438\u044f\u0442\u0430 \u0441\u0438\n                \u043e\u0442 \u043c\u0440\u0435\u0436\u0438 \u0438 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u043e \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f, cloud \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430\n                \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u0430 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f.\n            <\/p>\n\n            <div class=\"ilc-tech-actions\">\n\n                <a class=\"ilc-tech-btn ilc-tech-btn-primary\"\n                   href=\"#technology-areas\">\n                    \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438\u0442\u0435\n                    <span class=\"ilc-tech-btn-arrow\">\u2192<\/span>\n                <\/a>\n\n                <a class=\"ilc-tech-btn ilc-tech-btn-secondary\"\n                   href=\"\/learning-paths\/\">\n                    \u0412\u0438\u0436 Learning Paths\n                    <span class=\"ilc-tech-btn-arrow\">\u2192<\/span>\n                <\/a>\n\n            <\/div>\n\n            <div class=\"ilc-tech-mini-features\">\n\n                <div class=\"ilc-tech-mini-item\">\n                    <span class=\"ilc-tech-mini-dot\"><\/span>\n                    Structured Learning\n                <\/div>\n\n                <div class=\"ilc-tech-mini-item\">\n                    <span class=\"ilc-tech-mini-dot\"><\/span>\n                    Hands-on Labs\n                <\/div>\n\n                <div class=\"ilc-tech-mini-item\">\n                    <span class=\"ilc-tech-mini-dot\"><\/span>\n                    Career Focused\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- RIGHT -->\n        <div class=\"ilc-tech-visual\">\n\n            <div class=\"ilc-tech-orbit\"><\/div>\n\n            <span class=\"ilc-tech-line ilc-tech-line-1\"><\/span>\n            <span class=\"ilc-tech-line ilc-tech-line-2\"><\/span>\n            <span class=\"ilc-tech-line ilc-tech-line-3\"><\/span>\n            <span class=\"ilc-tech-line ilc-tech-line-4\"><\/span>\n            <span class=\"ilc-tech-line ilc-tech-line-5\"><\/span>\n\n            <div class=\"ilc-tech-core\">\n\n                <div class=\"ilc-tech-core-icon\"><\/div>\n\n                <strong>TECHNOLOGY<\/strong>\n                <span>Learning Core<\/span>\n\n            <\/div>\n\n\n            <div class=\"ilc-tech-node ilc-tech-node-1\">\n\n                <div class=\"ilc-tech-node-icon\">N<\/div>\n\n                <div class=\"ilc-tech-node-text\">\n                    <strong>Networking<\/strong>\n                    <span>Cisco<\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-tech-node ilc-tech-node-2\">\n\n                <div class=\"ilc-tech-node-icon\">V<\/div>\n\n                <div class=\"ilc-tech-node-text\">\n                    <strong>Virtualization<\/strong>\n                    <span>VMware<\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-tech-node ilc-tech-node-3\">\n\n                <div class=\"ilc-tech-node-icon\">C<\/div>\n\n                <div class=\"ilc-tech-node-text\">\n                    <strong>Cloud<\/strong>\n                    <span>Infrastructure<\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-tech-node ilc-tech-node-4\">\n\n                <div class=\"ilc-tech-node-icon\">L<\/div>\n\n                <div class=\"ilc-tech-node-text\">\n                    <strong>Linux<\/strong>\n                    <span>Systems<\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-tech-node ilc-tech-node-5\">\n\n                <div class=\"ilc-tech-node-icon\">M<\/div>\n\n                <div class=\"ilc-tech-node-text\">\n                    <strong>Microsoft<\/strong>\n                    <span>Platform<\/span>\n                <\/div>\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-fc9a562 e-con-full e-flex e-con e-parent\" data-id=\"fc9a562\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c36144 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8c36144\" 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\n   TECHNOLOGIES PAGE \u2014 WIDGET 02 \/ TECHNOLOGY AREAS\n   ========================================================== *\/\n\n#technology-areas{\n    width:100%;\n    background:#FFFFFF;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif;\n}\n\n.ilc-techareas-inner{\n    width:100%;\n    max-width:1500px;\n\n    margin:0 auto;\n    padding:86px 6.5% 92px;\n\n    box-sizing:border-box;\n}\n\n\n\/* ==========================================================\n   SECTION HEADER\n   ========================================================== *\/\n\n.ilc-techareas-head{\n    max-width:820px;\n    margin-bottom:44px;\n}\n\n.ilc-techareas-eyebrow{\n    display:flex;\n    align-items:center;\n    gap:10px;\n\n    margin-bottom:14px;\n\n    color:#0A73E8;\n\n    font-size:12px !important;\n    line-height:1 !important;\n    font-weight:800 !important;\n\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n}\n\n.ilc-techareas-eyebrow::before{\n    content:\"\";\n\n    width:28px;\n    height:2px;\n\n    background:#0A73E8;\n    border-radius:999px;\n}\n\n#technology-areas .ilc-techareas-title{\n    margin:0 !important;\n\n    color:#0B1F3A !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:42px !important;\n    line-height:1.1 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-1.3px !important;\n}\n\n.ilc-techareas-title span{\n    color:#0A73E8;\n}\n\n.ilc-techareas-subtitle{\n    max-width:720px;\n\n    margin:18px 0 0;\n\n    color:#31445D;\n\n    font-size:17px;\n    line-height:1.7;\n    font-weight:400;\n}\n\n\n\/* ==========================================================\n   GRID\n   ========================================================== *\/\n\n.ilc-techareas-grid{\n    display:grid;\n    grid-template-columns:repeat(12,1fr);\n    gap:22px;\n}\n\n\n\/* ==========================================================\n   CARD BASE\n   ========================================================== *\/\n\n.ilc-techarea-card{\n    position:relative;\n    overflow:hidden;\n\n    min-height:260px;\n\n    padding:28px;\n\n    display:flex;\n    flex-direction:column;\n\n    background:#F8FAFC;\n\n    border:1px solid #DCE3EA;\n    border-radius:16px;\n\n    box-sizing:border-box;\n\n    text-decoration:none !important;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease,\n        border-color .25s ease,\n        background .25s ease;\n}\n\n\n\/* ACTIVE LARGE CARDS *\/\n\n.ilc-techarea-card-large{\n    grid-column:span 6;\n    min-height:320px;\n}\n\n\n\/* SMALL CARDS *\/\n\n.ilc-techarea-card-small{\n    grid-column:span 4;\n}\n\n\n\/* ==========================================================\n   CARD HOVER\n   ========================================================== *\/\n\n.ilc-techarea-card-active:hover{\n    transform:translateY(-6px);\n\n    background:#FFFFFF;\n\n    border-color:#B9D9F5;\n\n    box-shadow:\n        0 20px 48px rgba(11,31,58,.10);\n}\n\n\n\/* ==========================================================\n   CARD TOP\n   ========================================================== *\/\n\n.ilc-techarea-top{\n    display:flex;\n    align-items:flex-start;\n    justify-content:space-between;\n    gap:18px;\n}\n\n.ilc-techarea-icon{\n    width:52px;\n    height:52px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    flex:0 0 52px;\n\n    border-radius:13px;\n\n    background:#EEF6FF;\n    border:1px solid rgba(10,115,232,.10);\n\n    color:#0A73E8;\n\n    font-size:16px;\n    font-weight:900;\n}\n\n.ilc-techarea-badge{\n    min-height:28px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    padding:0 10px;\n\n    border-radius:999px;\n\n    background:#EEF6FF;\n    color:#0A73E8;\n\n    font-size:9px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:.9px;\n    text-transform:uppercase;\n}\n\n.ilc-techarea-badge-soon{\n    background:#EEF1F4;\n    color:#708197;\n}\n\n\n\/* ==========================================================\n   CARD TEXT\n   ========================================================== *\/\n\n.ilc-techarea-content{\n    margin-top:28px;\n}\n\n.ilc-techarea-name{\n    margin:0 !important;\n\n    color:#0B1F3A !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:25px !important;\n    line-height:1.1 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-.5px !important;\n}\n\n.ilc-techarea-desc{\n    margin:13px 0 0;\n\n    color:#31445D;\n\n    font-size:14px;\n    line-height:1.65;\n    font-weight:400;\n}\n\n\n\/* ==========================================================\n   CARD FOOTER\n   ========================================================== *\/\n\n.ilc-techarea-footer{\n    margin-top:auto;\n    padding-top:26px;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:14px;\n}\n\n.ilc-techarea-meta{\n    color:#708197;\n\n    font-size:10px;\n    line-height:1.2;\n    font-weight:800;\n\n    letter-spacing:.65px;\n    text-transform:uppercase;\n}\n\n.ilc-techarea-link{\n    display:inline-flex;\n    align-items:center;\n    gap:7px;\n\n    color:#0A73E8;\n\n    font-size:12px;\n    line-height:1;\n    font-weight:800;\n}\n\n.ilc-techarea-arrow{\n    font-size:15px;\n\n    transition:transform .20s ease;\n}\n\n.ilc-techarea-card-active:hover .ilc-techarea-arrow{\n    transform:translateX(4px);\n}\n\n\n\/* ==========================================================\n   DECORATIVE GRAPHIC\n   ========================================================== *\/\n\n.ilc-techarea-graphic{\n    position:absolute;\n\n    right:-18px;\n    bottom:-24px;\n\n    width:135px;\n    height:135px;\n\n    border:1px solid rgba(10,115,232,.08);\n    border-radius:50%;\n}\n\n.ilc-techarea-graphic::before{\n    content:\"\";\n\n    position:absolute;\n    inset:24px;\n\n    border:1px solid rgba(10,115,232,.08);\n    border-radius:50%;\n}\n\n.ilc-techarea-graphic::after{\n    content:\"\";\n\n    position:absolute;\n    inset:49px;\n\n    background:#0A73E8;\n\n    border-radius:50%;\n\n    opacity:.08;\n}\n\n\n\/* ==========================================================\n   ACTIVE CARD ACCENT\n   ========================================================== *\/\n\n.ilc-techarea-card-active::before{\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n    top:0;\n    bottom:0;\n\n    width:3px;\n\n    background:#0A73E8;\n\n    opacity:0;\n\n    transition:opacity .22s ease;\n}\n\n.ilc-techarea-card-active:hover::before{\n    opacity:1;\n}\n\n\n\/* ==========================================================\n   COMING SOON CARDS\n   ========================================================== *\/\n\n.ilc-techarea-card-soon{\n    background:#FAFBFC;\n\n    border-color:#E5E9EE;\n}\n\n.ilc-techarea-card-soon .ilc-techarea-icon{\n    background:#F1F3F5;\n    border-color:#E5E9EE;\n\n    color:#708197;\n}\n\n.ilc-techarea-card-soon .ilc-techarea-name{\n    color:#31445D !important;\n}\n\n.ilc-techarea-card-soon .ilc-techarea-desc{\n    color:#708197;\n}\n\n\n\/* ==========================================================\n   BOTTOM STRIP\n   ========================================================== *\/\n\n.ilc-techareas-bottom{\n    margin-top:36px;\n\n    padding:22px 24px;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:24px;\n\n    background:#0B1F3A;\n\n    border-radius:14px;\n}\n\n.ilc-techareas-bottom-left strong{\n    display:block;\n\n    color:#FFFFFF;\n\n    font-size:15px;\n    line-height:1.2;\n    font-weight:800;\n}\n\n.ilc-techareas-bottom-left span{\n    display:block;\n\n    margin-top:6px;\n\n    color:#B8C5D6;\n\n    font-size:12px;\n    line-height:1.5;\n}\n\n.ilc-techareas-bottom-link{\n    flex:0 0 auto;\n\n    min-height:42px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n\n    padding:0 17px;\n\n    background:#FFFFFF;\n    color:#0B1F3A !important;\n\n    border-radius:7px;\n\n    text-decoration:none !important;\n\n    font-size:11px;\n    line-height:1;\n    font-weight:800;\n\n    transition:\n        transform .20s ease,\n        background .20s ease;\n}\n\n.ilc-techareas-bottom-link:hover{\n    background:#EEF6FF;\n    transform:translateY(-2px);\n}\n\n\n\/* ==========================================================\n   RESPONSIVE\n   ========================================================== *\/\n\n@media (max-width:1100px){\n\n    .ilc-techareas-inner{\n        padding-left:4%;\n        padding-right:4%;\n    }\n\n    .ilc-techarea-card-large{\n        grid-column:span 6;\n    }\n\n    .ilc-techarea-card-small{\n        grid-column:span 4;\n    }\n}\n\n\n@media (max-width:900px){\n\n    .ilc-techareas-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .ilc-techarea-card-large,\n    .ilc-techarea-card-small{\n        grid-column:auto;\n    }\n\n    .ilc-techarea-card-small:last-child{\n        grid-column:1 \/ -1;\n    }\n}\n\n\n@media (max-width:767px){\n\n    .ilc-techareas-inner{\n        padding:64px 22px 68px;\n    }\n\n    #technology-areas .ilc-techareas-title{\n        font-size:34px !important;\n    }\n\n    .ilc-techareas-subtitle{\n        font-size:15px;\n    }\n\n    .ilc-techareas-grid{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-techarea-card-large,\n    .ilc-techarea-card-small,\n    .ilc-techarea-card-small:last-child{\n        grid-column:auto;\n    }\n\n    .ilc-techarea-card{\n        min-height:250px;\n    }\n\n    .ilc-techareas-bottom{\n        align-items:flex-start;\n        flex-direction:column;\n    }\n}\n<\/style>\n\n\n<section id=\"technology-areas\">\n\n    <div class=\"ilc-techareas-inner\">\n\n        <!-- HEADER -->\n        <div class=\"ilc-techareas-head\">\n\n            <div class=\"ilc-techareas-eyebrow\">\n                Explore Technology Areas\n            <\/div>\n\n            <h2 class=\"ilc-techareas-title\">\n                \u0418\u0437\u0431\u0435\u0440\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f.\n                <span>\u0418\u0437\u0433\u0440\u0430\u0434\u0438 \u0435\u043a\u0441\u043f\u0435\u0440\u0442\u0438\u0437\u0430.<\/span>\n            <\/h2>\n\n            <p class=\"ilc-techareas-subtitle\">\n                \u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u0437\u043d\u0430\u043d\u0438\u044f\u0442\u0430 \u0441\u0438 \u0432 \u043a\u043b\u044e\u0447\u043e\u0432\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u043d\u0438 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0447\u0440\u0435\u0437\n                \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u0430\u043d\u043e \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435, \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u0438\u0438 \u0438 \u0440\u0435\u0430\u043b\u043d\u0438\n                \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0438 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- GRID -->\n        <div class=\"ilc-techareas-grid\">\n\n\n            <!-- CISCO -->\n            <a href=\"\/cisco\/\"\n               class=\"ilc-techarea-card ilc-techarea-card-large ilc-techarea-card-active\">\n\n                <div class=\"ilc-techarea-graphic\"><\/div>\n\n                <div class=\"ilc-techarea-top\">\n\n                    <div class=\"ilc-techarea-icon\">\n                        CN\n                    <\/div>\n\n                    <div class=\"ilc-techarea-badge\">\n                        Active\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-techarea-content\">\n\n                    <h3 class=\"ilc-techarea-name\">\n                        Cisco Technologies\n                    <\/h3>\n\n                    <p class=\"ilc-techarea-desc\">\n                        \u0418\u0437\u0433\u0440\u0430\u0434\u0435\u0442\u0435 \u0437\u043d\u0430\u043d\u0438\u044f \u043f\u043e networking, enterprise infrastructure,\n                        data center, security \u0438 automation \u043e\u0442 Associate \u0434\u043e Expert \u043d\u0438\u0432\u043e.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-techarea-footer\">\n\n                    <span class=\"ilc-techarea-meta\">\n                        Associate \u00b7 Professional \u00b7 Expert\n                    <\/span>\n\n                    <span class=\"ilc-techarea-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-techarea-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- VIRTUALIZATION -->\n            <a href=\"\/virtualization\/\"\n               class=\"ilc-techarea-card ilc-techarea-card-large ilc-techarea-card-active\">\n\n                <div class=\"ilc-techarea-graphic\"><\/div>\n\n                <div class=\"ilc-techarea-top\">\n\n                    <div class=\"ilc-techarea-icon\">\n                        VM\n                    <\/div>\n\n                    <div class=\"ilc-techarea-badge\">\n                        Active\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-techarea-content\">\n\n                    <h3 class=\"ilc-techarea-name\">\n                        Virtualization\n                    <\/h3>\n\n                    <p class=\"ilc-techarea-desc\">\n                        \u0423\u0441\u0432\u043e\u0435\u0442\u0435 \u043e\u0441\u043d\u043e\u0432\u0438\u0442\u0435 \u0438 \u043d\u0430\u043f\u0440\u0435\u0434\u043d\u0430\u043b\u0438\u0442\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 \u043d\u0430 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u043d\u0430\u0442\u0430\n                        \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430, VMware vSphere, VCF, NSX \u0438 vSAN.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-techarea-footer\">\n\n                    <span class=\"ilc-techarea-meta\">\n                        Fundamentals \u00b7 VMware \u00b7 Advanced\n                    <\/span>\n\n                    <span class=\"ilc-techarea-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-techarea-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- CLOUD -->\n            <div class=\"ilc-techarea-card ilc-techarea-card-small ilc-techarea-card-soon\">\n\n                <div class=\"ilc-techarea-top\">\n\n                    <div class=\"ilc-techarea-icon\">\n                        CL\n                    <\/div>\n\n                    <div class=\"ilc-techarea-badge ilc-techarea-badge-soon\">\n                        Coming Soon\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-techarea-content\">\n\n                    <h3 class=\"ilc-techarea-name\">\n                        Cloud\n                    <\/h3>\n\n                    <p class=\"ilc-techarea-desc\">\n                        Cloud infrastructure, architecture \u0438 modern hybrid\n                        environments.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-techarea-footer\">\n\n                    <span class=\"ilc-techarea-meta\">\n                        Cloud Infrastructure\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- LINUX -->\n            <div class=\"ilc-techarea-card ilc-techarea-card-small ilc-techarea-card-soon\">\n\n                <div class=\"ilc-techarea-top\">\n\n                    <div class=\"ilc-techarea-icon\">\n                        LX\n                    <\/div>\n\n                    <div class=\"ilc-techarea-badge ilc-techarea-badge-soon\">\n                        Coming Soon\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-techarea-content\">\n\n                    <h3 class=\"ilc-techarea-name\">\n                        Linux\n                    <\/h3>\n\n                    <p class=\"ilc-techarea-desc\">\n                        Linux administration, services, automation \u0438\n                        infrastructure skills.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-techarea-footer\">\n\n                    <span class=\"ilc-techarea-meta\">\n                        Systems \u00b7 Administration\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- MICROSOFT -->\n            <div class=\"ilc-techarea-card ilc-techarea-card-small ilc-techarea-card-soon\">\n\n                <div class=\"ilc-techarea-top\">\n\n                    <div class=\"ilc-techarea-icon\">\n                        MS\n                    <\/div>\n\n                    <div class=\"ilc-techarea-badge ilc-techarea-badge-soon\">\n                        Coming Soon\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-techarea-content\">\n\n                    <h3 class=\"ilc-techarea-name\">\n                        Microsoft\n                    <\/h3>\n\n                    <p class=\"ilc-techarea-desc\">\n                        Microsoft platforms, Windows Server \u0438 enterprise\n                        infrastructure technologies.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-techarea-footer\">\n\n                    <span class=\"ilc-techarea-meta\">\n                        Infrastructure \u00b7 Platform\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- BOTTOM STRIP -->\n        <div class=\"ilc-techareas-bottom\">\n\n            <div class=\"ilc-techareas-bottom-left\">\n\n                <strong>\n                    \u041d\u0435 \u0441\u0442\u0435 \u0441\u0438\u0433\u0443\u0440\u043d\u0438 \u043e\u0442\u043a\u044a\u0434\u0435 \u0434\u0430 \u0437\u0430\u043f\u043e\u0447\u043d\u0435\u0442\u0435?\n                <\/strong>\n\n                <span>\n                    \u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u0430 \u043f\u044a\u0442\u0435\u043a\u0430 \u0441\u043f\u043e\u0440\u0435\u0434 \u0440\u043e\u043b\u044f\u0442\u0430, \u043a\u044a\u043c \u043a\u043e\u044f\u0442\u043e \u0441\u0435 \u0441\u0442\u0440\u0435\u043c\u0438\u0442\u0435.\n                <\/span>\n\n            <\/div>\n\n            <a href=\"\/learning-paths\/\"\n               class=\"ilc-techareas-bottom-link\">\n                \u0412\u0438\u0436 Learning Paths \u2192\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<div class=\"elementor-element elementor-element-63bd3d6 e-con-full e-flex e-con e-parent\" data-id=\"63bd3d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb88a2f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bb88a2f\" 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\n   TECHNOLOGIES PAGE \u2014 WIDGET 03 \/ CISCO TECHNOLOGIES\n   ========================================================== *\/\n\n.ilc-cisco-section{\n    width:100%;\n    background:#F8FAFC;\n\n    border-top:1px solid #EEF1F4;\n    border-bottom:1px solid #EEF1F4;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif;\n}\n\n.ilc-cisco-inner{\n    width:100%;\n    max-width:1500px;\n\n    margin:0 auto;\n    padding:88px 6.5% 94px;\n\n    box-sizing:border-box;\n}\n\n\n\/* ==========================================================\n   HEADER\n   ========================================================== *\/\n\n.ilc-cisco-head{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);\n    gap:70px;\n\n    align-items:end;\n\n    margin-bottom:48px;\n}\n\n.ilc-cisco-head-left{\n    max-width:780px;\n}\n\n.ilc-cisco-eyebrow{\n    display:flex;\n    align-items:center;\n    gap:10px;\n\n    margin-bottom:14px;\n\n    color:#0A73E8;\n\n    font-size:12px !important;\n    line-height:1 !important;\n    font-weight:800 !important;\n\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n}\n\n.ilc-cisco-eyebrow::before{\n    content:\"\";\n\n    width:28px;\n    height:2px;\n\n    background:#0A73E8;\n    border-radius:999px;\n}\n\n.ilc-cisco-title{\n    margin:0 !important;\n\n    color:#0B1F3A !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:42px !important;\n    line-height:1.08 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-1.2px !important;\n}\n\n.ilc-cisco-title span{\n    color:#0A73E8;\n}\n\n.ilc-cisco-intro{\n    margin:18px 0 0;\n\n    max-width:730px;\n\n    color:#31445D;\n\n    font-size:16px;\n    line-height:1.7;\n    font-weight:400;\n}\n\n\n\/* ==========================================================\n   HEADER RIGHT\n   ========================================================== *\/\n\n.ilc-cisco-head-right{\n    display:flex;\n    justify-content:flex-end;\n}\n\n.ilc-cisco-summary{\n    max-width:360px;\n\n    padding:18px 20px;\n\n    background:#FFFFFF;\n\n    border:1px solid #DCE3EA;\n    border-radius:12px;\n\n    box-shadow:0 8px 24px rgba(11,31,58,.05);\n}\n\n.ilc-cisco-summary-label{\n    display:block;\n\n    margin-bottom:7px;\n\n    color:#0A73E8;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.ilc-cisco-summary-text{\n    margin:0;\n\n    color:#31445D;\n\n    font-size:13px;\n    line-height:1.55;\n    font-weight:500;\n}\n\n\n\/* ==========================================================\n   LEVELS GRID\n   ========================================================== *\/\n\n.ilc-cisco-levels{\n    position:relative;\n\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:22px;\n}\n\n\n\/* connector behind cards *\/\n\n.ilc-cisco-levels::before{\n    content:\"\";\n\n    position:absolute;\n\n    left:16%;\n    right:16%;\n    top:52px;\n\n    height:1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(10,115,232,.10),\n            rgba(10,115,232,.42),\n            rgba(10,115,232,.10)\n        );\n\n    z-index:0;\n}\n\n\n\/* ==========================================================\n   LEVEL CARD\n   ========================================================== *\/\n\n.ilc-cisco-card{\n    position:relative;\n    z-index:2;\n\n    min-height:345px;\n\n    padding:26px;\n\n    display:flex;\n    flex-direction:column;\n\n    background:#FFFFFF;\n\n    border:1px solid #DCE3EA;\n    border-radius:15px;\n\n    box-sizing:border-box;\n\n    text-decoration:none !important;\n\n    transition:\n        transform .24s ease,\n        border-color .24s ease,\n        box-shadow .24s ease;\n}\n\n.ilc-cisco-card:hover{\n    transform:translateY(-6px);\n\n    border-color:#B9D9F5;\n\n    box-shadow:\n        0 20px 46px rgba(11,31,58,.09);\n}\n\n\n\/* ==========================================================\n   STEP NUMBER\n   ========================================================== *\/\n\n.ilc-cisco-step{\n    width:52px;\n    height:52px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:13px;\n\n    background:#EEF6FF;\n\n    color:#0A73E8;\n\n    font-size:14px;\n    line-height:1;\n    font-weight:900;\n\n    box-shadow:0 0 0 7px #F8FAFC;\n}\n\n\n\/* ==========================================================\n   CARD CONTENT\n   ========================================================== *\/\n\n.ilc-cisco-card-content{\n    margin-top:28px;\n}\n\n.ilc-cisco-level-label{\n    display:block;\n\n    margin-bottom:8px;\n\n    color:#708197;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:1.1px;\n    text-transform:uppercase;\n}\n\n.ilc-cisco-card-title{\n    margin:0 !important;\n\n    color:#0B1F3A !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:24px !important;\n    line-height:1.12 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-.4px !important;\n}\n\n.ilc-cisco-card-desc{\n    margin:14px 0 0;\n\n    color:#31445D;\n\n    font-size:13px;\n    line-height:1.65;\n    font-weight:400;\n}\n\n\n\/* ==========================================================\n   SKILL TAGS\n   ========================================================== *\/\n\n.ilc-cisco-tags{\n    margin-top:20px;\n\n    display:flex;\n    flex-wrap:wrap;\n    gap:7px;\n}\n\n.ilc-cisco-tag{\n    min-height:26px;\n\n    display:inline-flex;\n    align-items:center;\n\n    padding:0 9px;\n\n    background:#F3F7FB;\n    color:#4E627B;\n\n    border-radius:6px;\n\n    font-size:9px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:.35px;\n}\n\n\n\/* ==========================================================\n   CARD FOOTER\n   ========================================================== *\/\n\n.ilc-cisco-card-footer{\n    margin-top:auto;\n    padding-top:26px;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:15px;\n}\n\n.ilc-cisco-path{\n    color:#708197;\n\n    font-size:10px;\n    line-height:1.3;\n    font-weight:700;\n}\n\n.ilc-cisco-link{\n    display:inline-flex;\n    align-items:center;\n    gap:7px;\n\n    color:#0A73E8;\n\n    font-size:11px;\n    line-height:1;\n    font-weight:800;\n}\n\n.ilc-cisco-arrow{\n    font-size:15px;\n\n    transition:transform .2s ease;\n}\n\n.ilc-cisco-card:hover .ilc-cisco-arrow{\n    transform:translateX(4px);\n}\n\n\n\/* ==========================================================\n   EXPERT CARD ACCENT\n   ========================================================== *\/\n\n.ilc-cisco-card-expert{\n    background:\n        linear-gradient(\n            145deg,\n            #0B1F3A 0%,\n            #10294A 100%\n        );\n\n    border-color:#16375F;\n}\n\n.ilc-cisco-card-expert:hover{\n    border-color:#2D79C7;\n\n    box-shadow:\n        0 22px 50px rgba(11,31,58,.18);\n}\n\n.ilc-cisco-card-expert .ilc-cisco-step{\n    background:#0A73E8;\n    color:#FFFFFF;\n\n    box-shadow:0 0 0 7px #F8FAFC;\n}\n\n.ilc-cisco-card-expert .ilc-cisco-level-label{\n    color:#7CC7FF;\n}\n\n.ilc-cisco-card-expert .ilc-cisco-card-title{\n    color:#FFFFFF !important;\n}\n\n.ilc-cisco-card-expert .ilc-cisco-card-desc{\n    color:#C4D0DF;\n}\n\n.ilc-cisco-card-expert .ilc-cisco-tag{\n    background:rgba(255,255,255,.08);\n    color:#D7E4F2;\n}\n\n.ilc-cisco-card-expert .ilc-cisco-path{\n    color:#9FB0C4;\n}\n\n.ilc-cisco-card-expert .ilc-cisco-link{\n    color:#6CC2FF;\n}\n\n\n\/* ==========================================================\n   PROGRESSION BAR\n   ========================================================== *\/\n\n.ilc-cisco-progress{\n    margin-top:30px;\n\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n\n    overflow:hidden;\n\n    border:1px solid #DCE3EA;\n    border-radius:12px;\n\n    background:#FFFFFF;\n}\n\n.ilc-cisco-progress-item{\n    min-height:72px;\n\n    display:flex;\n    align-items:center;\n    gap:12px;\n\n    padding:0 20px;\n\n    box-sizing:border-box;\n\n    border-right:1px solid #DCE3EA;\n}\n\n.ilc-cisco-progress-item:last-child{\n    border-right:none;\n}\n\n.ilc-cisco-progress-num{\n    color:#0A73E8;\n\n    font-size:11px;\n    line-height:1;\n    font-weight:900;\n}\n\n.ilc-cisco-progress-text strong{\n    display:block;\n\n    color:#0B1F3A;\n\n    font-size:12px;\n    line-height:1.1;\n    font-weight:800;\n}\n\n.ilc-cisco-progress-text span{\n    display:block;\n\n    margin-top:4px;\n\n    color:#708197;\n\n    font-size:10px;\n    line-height:1.2;\n    font-weight:600;\n}\n\n\n\/* ==========================================================\n   BOTTOM ACTION\n   ========================================================== *\/\n\n.ilc-cisco-bottom{\n    margin-top:30px;\n\n    display:flex;\n    justify-content:center;\n}\n\n.ilc-cisco-main-btn{\n    min-height:46px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n\n    padding:0 20px;\n\n    background:#0A73E8;\n    color:#FFFFFF !important;\n\n    border:1px solid #0A73E8;\n    border-radius:8px;\n\n    text-decoration:none !important;\n\n    font-size:12px;\n    line-height:1;\n    font-weight:800;\n\n    box-shadow:0 8px 22px rgba(10,115,232,.16);\n\n    transition:\n        transform .22s ease,\n        background .22s ease,\n        box-shadow .22s ease;\n}\n\n.ilc-cisco-main-btn:hover{\n    background:#0866CE;\n\n    transform:translateY(-2px);\n\n    box-shadow:0 12px 28px rgba(10,115,232,.22);\n}\n\n\n\/* ==========================================================\n   RESPONSIVE\n   ========================================================== *\/\n\n@media (max-width:1100px){\n\n    .ilc-cisco-inner{\n        padding-left:4%;\n        padding-right:4%;\n    }\n\n    .ilc-cisco-head{\n        gap:40px;\n    }\n}\n\n\n@media (max-width:900px){\n\n    .ilc-cisco-head{\n        grid-template-columns:1fr;\n        gap:24px;\n    }\n\n    .ilc-cisco-head-right{\n        justify-content:flex-start;\n    }\n\n    .ilc-cisco-levels{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-cisco-levels::before{\n        display:none;\n    }\n\n    .ilc-cisco-card{\n        min-height:300px;\n    }\n\n    .ilc-cisco-progress{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-cisco-progress-item{\n        border-right:none;\n        border-bottom:1px solid #DCE3EA;\n    }\n\n    .ilc-cisco-progress-item:last-child{\n        border-bottom:none;\n    }\n}\n\n\n@media (max-width:767px){\n\n    .ilc-cisco-inner{\n        padding:66px 22px 70px;\n    }\n\n    .ilc-cisco-title{\n        font-size:34px !important;\n    }\n\n    .ilc-cisco-intro{\n        font-size:15px;\n    }\n\n    .ilc-cisco-card{\n        min-height:290px;\n    }\n\n    .ilc-cisco-summary{\n        max-width:none;\n        width:100%;\n\n        box-sizing:border-box;\n    }\n}\n<\/style>\n\n\n<section class=\"ilc-cisco-section\">\n\n    <div class=\"ilc-cisco-inner\">\n\n        <!-- HEADER -->\n        <div class=\"ilc-cisco-head\">\n\n            <div class=\"ilc-cisco-head-left\">\n\n                <div class=\"ilc-cisco-eyebrow\">\n                    Cisco Technologies\n                <\/div>\n\n                <h2 class=\"ilc-cisco-title\">\n                    \u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 Cisco \u0443\u043c\u0435\u043d\u0438\u044f\u0442\u0430 \u0441\u0438\n                    <span>\u043e\u0442 Associate \u0434\u043e Expert<\/span>\n                <\/h2>\n\n                <p class=\"ilc-cisco-intro\">\n                    \u0418\u0437\u0433\u0440\u0430\u0434\u0435\u0442\u0435 \u0437\u043d\u0430\u043d\u0438\u044f \u0441\u0442\u044a\u043f\u043a\u0430 \u043f\u043e \u0441\u0442\u044a\u043f\u043a\u0430 \u2014 \u043e\u0442 \u043e\u0441\u043d\u043e\u0432\u0438\u0442\u0435 \u043d\u0430\n                    networking \u0434\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430, troubleshooting \u0438 \u0435\u043a\u0441\u043f\u0435\u0440\u0442\u043d\u043e\n                    \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0441\u043b\u043e\u0436\u043d\u0438 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"ilc-cisco-head-right\">\n\n                <div class=\"ilc-cisco-summary\">\n\n                    <span class=\"ilc-cisco-summary-label\">\n                        Structured Progression\n                    <\/span>\n\n                    <p class=\"ilc-cisco-summary-text\">\n                        \u0415\u0434\u0438\u043d\u043d\u0430 \u043f\u044a\u0442\u0435\u043a\u0430 \u0437\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0441 \u044f\u0441\u043d\u0438 \u043d\u0438\u0432\u0430, \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0443\u043c\u0435\u043d\u0438\u044f\n                        \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u0437\u0430 \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u0438 Cisco \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- LEVEL CARDS -->\n        <div class=\"ilc-cisco-levels\">\n\n\n            <!-- ASSOCIATE -->\n            <a href=\"\/cisco-associate\/\"\n               class=\"ilc-cisco-card\">\n\n                <div class=\"ilc-cisco-step\">\n                    01\n                <\/div>\n\n                <div class=\"ilc-cisco-card-content\">\n\n                    <span class=\"ilc-cisco-level-label\">\n                        Foundation Level\n                    <\/span>\n\n                    <h3 class=\"ilc-cisco-card-title\">\n                        Cisco Associate\n                    <\/h3>\n\n                    <p class=\"ilc-cisco-card-desc\">\n                        \u0418\u0437\u0433\u0440\u0430\u0434\u0435\u0442\u0435 \u0441\u0442\u0430\u0431\u0438\u043b\u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430 \u043f\u043e networking, cybersecurity\n                        \u0438 automation \u0438 \u043f\u0440\u0435\u043c\u0438\u043d\u0435\u0442\u0435 \u043a\u044a\u043c \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u043e \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u043d\u0435 \u043d\u0430\n                        \u043c\u043e\u0434\u0435\u0440\u043d\u0438\u0442\u0435 \u043c\u0440\u0435\u0436\u043e\u0432\u0438 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438.\n                    <\/p>\n\n                    <div class=\"ilc-cisco-tags\">\n                        <span class=\"ilc-cisco-tag\">CCNA<\/span>\n                        <span class=\"ilc-cisco-tag\">Cybersecurity<\/span>\n                        <span class=\"ilc-cisco-tag\">Automation<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-cisco-card-footer\">\n\n                    <span class=\"ilc-cisco-path\">\n                        Build the foundation\n                    <\/span>\n\n                    <span class=\"ilc-cisco-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-cisco-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- PROFESSIONAL -->\n            <a href=\"\/cisco-professional\/\"\n               class=\"ilc-cisco-card\">\n\n                <div class=\"ilc-cisco-step\">\n                    02\n                <\/div>\n\n                <div class=\"ilc-cisco-card-content\">\n\n                    <span class=\"ilc-cisco-level-label\">\n                        Professional Level\n                    <\/span>\n\n                    <h3 class=\"ilc-cisco-card-title\">\n                        Cisco Professional\n                    <\/h3>\n\n                    <p class=\"ilc-cisco-card-desc\">\n                        \u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u0437\u0430\u0434\u044a\u043b\u0431\u043e\u0447\u0435\u043d\u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0438 \u0443\u043c\u0435\u043d\u0438\u044f \u0432 enterprise,\n                        data center, security, automation, wireless,\n                        collaboration \u0438 service provider \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438.\n                    <\/p>\n\n                    <div class=\"ilc-cisco-tags\">\n                        <span class=\"ilc-cisco-tag\">Enterprise<\/span>\n                        <span class=\"ilc-cisco-tag\">Data Center<\/span>\n                        <span class=\"ilc-cisco-tag\">Security<\/span>\n                        <span class=\"ilc-cisco-tag\">Automation<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-cisco-card-footer\">\n\n                    <span class=\"ilc-cisco-path\">\n                        Engineer complex networks\n                    <\/span>\n\n                    <span class=\"ilc-cisco-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-cisco-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- EXPERT -->\n            <a href=\"\/cisco-expert\/\"\n               class=\"ilc-cisco-card ilc-cisco-card-expert\">\n\n                <div class=\"ilc-cisco-step\">\n                    03\n                <\/div>\n\n                <div class=\"ilc-cisco-card-content\">\n\n                    <span class=\"ilc-cisco-level-label\">\n                        Expert Level\n                    <\/span>\n\n                    <h3 class=\"ilc-cisco-card-title\">\n                        Cisco Expert\n                    <\/h3>\n\n                    <p class=\"ilc-cisco-card-desc\">\n                        \u041f\u0440\u0435\u043c\u0438\u043d\u0435\u0442\u0435 \u043a\u044a\u043c \u0435\u043a\u0441\u043f\u0435\u0440\u0442\u043d\u043e \u043d\u0438\u0432\u043e \u0441 \u0444\u043e\u043a\u0443\u0441 \u0432\u044a\u0440\u0445\u0443 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430,\n                        \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f, advanced troubleshooting \u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0437\u0430\n                        \u043a\u0440\u0438\u0442\u0438\u0447\u043d\u0438 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438.\n                    <\/p>\n\n                    <div class=\"ilc-cisco-tags\">\n                        <span class=\"ilc-cisco-tag\">CCIE<\/span>\n                        <span class=\"ilc-cisco-tag\">CCDE<\/span>\n                        <span class=\"ilc-cisco-tag\">Architecture<\/span>\n                        <span class=\"ilc-cisco-tag\">Expert Labs<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-cisco-card-footer\">\n\n                    <span class=\"ilc-cisco-path\">\n                        Master the architecture\n                    <\/span>\n\n                    <span class=\"ilc-cisco-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-cisco-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n        <\/div>\n\n\n        <!-- PROGRESSION -->\n        <div class=\"ilc-cisco-progress\">\n\n            <div class=\"ilc-cisco-progress-item\">\n\n                <span class=\"ilc-cisco-progress-num\">\n                    01\n                <\/span>\n\n                <div class=\"ilc-cisco-progress-text\">\n\n                    <strong>Learn<\/strong>\n\n                    <span>\n                        \u0418\u0437\u0433\u0440\u0430\u0434\u0438 \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0430\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-cisco-progress-item\">\n\n                <span class=\"ilc-cisco-progress-num\">\n                    02\n                <\/span>\n\n                <div class=\"ilc-cisco-progress-text\">\n\n                    <strong>Practice<\/strong>\n\n                    <span>\n                        \u041f\u0440\u0438\u043b\u043e\u0436\u0438 \u0437\u043d\u0430\u043d\u0438\u044f\u0442\u0430\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-cisco-progress-item\">\n\n                <span class=\"ilc-cisco-progress-num\">\n                    03\n                <\/span>\n\n                <div class=\"ilc-cisco-progress-text\">\n\n                    <strong>Master<\/strong>\n\n                    <span>\n                        \u0414\u043e\u0441\u0442\u0438\u0433\u043d\u0438 \u0435\u043a\u0441\u043f\u0435\u0440\u0442\u043d\u043e \u043d\u0438\u0432\u043e\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- MAIN CTA -->\n        <div class=\"ilc-cisco-bottom\">\n\n            <a href=\"\/cisco\/\"\n               class=\"ilc-cisco-main-btn\">\n                \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 Cisco Technologies \u2192\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<div class=\"elementor-element elementor-element-bbeb70d e-con-full e-flex e-con e-parent\" data-id=\"bbeb70d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d38474 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5d38474\" 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\n   TECHNOLOGIES PAGE \u2014 WIDGET 04 \/ VIRTUALIZATION TECHNOLOGIES\n   ========================================================== *\/\n\n.ilc-virt-section{\n    width:100%;\n    background:#FFFFFF;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif;\n}\n\n.ilc-virt-inner{\n    width:100%;\n    max-width:1500px;\n\n    margin:0 auto;\n    padding:88px 6.5% 94px;\n\n    box-sizing:border-box;\n}\n\n\n\/* ==========================================================\n   HEADER\n   ========================================================== *\/\n\n.ilc-virt-head{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);\n    gap:70px;\n\n    align-items:end;\n\n    margin-bottom:48px;\n}\n\n.ilc-virt-head-left{\n    max-width:800px;\n}\n\n.ilc-virt-eyebrow{\n    display:flex;\n    align-items:center;\n    gap:10px;\n\n    margin-bottom:14px;\n\n    color:#0A73E8;\n\n    font-size:12px !important;\n    line-height:1 !important;\n    font-weight:800 !important;\n\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n}\n\n.ilc-virt-eyebrow::before{\n    content:\"\";\n\n    width:28px;\n    height:2px;\n\n    background:#0A73E8;\n    border-radius:999px;\n}\n\n.ilc-virt-title{\n    margin:0 !important;\n\n    color:#0B1F3A !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:42px !important;\n    line-height:1.08 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-1.2px !important;\n}\n\n.ilc-virt-title span{\n    color:#0A73E8;\n}\n\n.ilc-virt-intro{\n    margin:18px 0 0;\n\n    max-width:760px;\n\n    color:#31445D;\n\n    font-size:16px;\n    line-height:1.7;\n    font-weight:400;\n}\n\n\n\/* ==========================================================\n   HEADER RIGHT INFO PANEL\n   ========================================================== *\/\n\n.ilc-virt-head-right{\n    display:flex;\n    justify-content:flex-end;\n}\n\n.ilc-virt-summary{\n    max-width:370px;\n\n    padding:18px 20px;\n\n    background:#F8FAFC;\n\n    border:1px solid #DCE3EA;\n    border-radius:12px;\n\n    box-shadow:0 8px 24px rgba(11,31,58,.04);\n}\n\n.ilc-virt-summary-label{\n    display:block;\n\n    margin-bottom:7px;\n\n    color:#0A73E8;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.ilc-virt-summary-text{\n    margin:0;\n\n    color:#31445D;\n\n    font-size:13px;\n    line-height:1.55;\n    font-weight:500;\n}\n\n\n\/* ==========================================================\n   MAIN GRID\n   ========================================================== *\/\n\n.ilc-virt-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:22px;\n}\n\n\n\/* ==========================================================\n   CARD\n   ========================================================== *\/\n\n.ilc-virt-card{\n    position:relative;\n    overflow:hidden;\n\n    min-height:350px;\n\n    padding:27px;\n\n    display:flex;\n    flex-direction:column;\n\n    background:#F8FAFC;\n\n    border:1px solid #DCE3EA;\n    border-radius:15px;\n\n    box-sizing:border-box;\n\n    text-decoration:none !important;\n\n    transition:\n        transform .24s ease,\n        border-color .24s ease,\n        box-shadow .24s ease,\n        background .24s ease;\n}\n\n.ilc-virt-card:hover{\n    transform:translateY(-6px);\n\n    background:#FFFFFF;\n\n    border-color:#B9D9F5;\n\n    box-shadow:\n        0 20px 46px rgba(11,31,58,.09);\n}\n\n\n\/* ==========================================================\n   CARD TOP\n   ========================================================== *\/\n\n.ilc-virt-card-top{\n    display:flex;\n    align-items:flex-start;\n    justify-content:space-between;\n    gap:15px;\n}\n\n.ilc-virt-icon{\n    width:54px;\n    height:54px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    flex:0 0 54px;\n\n    border-radius:14px;\n\n    background:#EEF6FF;\n    border:1px solid rgba(10,115,232,.10);\n\n    color:#0A73E8;\n\n    font-size:15px;\n    line-height:1;\n    font-weight:900;\n}\n\n.ilc-virt-step{\n    color:#9AABBD;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n\n\/* ==========================================================\n   CARD CONTENT\n   ========================================================== *\/\n\n.ilc-virt-card-content{\n    margin-top:28px;\n}\n\n.ilc-virt-level{\n    display:block;\n\n    margin-bottom:8px;\n\n    color:#708197;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:1.1px;\n    text-transform:uppercase;\n}\n\n.ilc-virt-card-title{\n    margin:0 !important;\n\n    color:#0B1F3A !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:24px !important;\n    line-height:1.12 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-.4px !important;\n}\n\n.ilc-virt-card-desc{\n    margin:14px 0 0;\n\n    color:#31445D;\n\n    font-size:13px;\n    line-height:1.65;\n}\n\n\n\/* ==========================================================\n   TAGS\n   ========================================================== *\/\n\n.ilc-virt-tags{\n    margin-top:20px;\n\n    display:flex;\n    flex-wrap:wrap;\n    gap:7px;\n}\n\n.ilc-virt-tag{\n    min-height:26px;\n\n    display:inline-flex;\n    align-items:center;\n\n    padding:0 9px;\n\n    background:#FFFFFF;\n    color:#4E627B;\n\n    border:1px solid #E2E7EC;\n    border-radius:6px;\n\n    font-size:9px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:.35px;\n}\n\n\n\/* ==========================================================\n   CARD FOOTER\n   ========================================================== *\/\n\n.ilc-virt-card-footer{\n    margin-top:auto;\n    padding-top:26px;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:14px;\n}\n\n.ilc-virt-meta{\n    color:#708197;\n\n    font-size:10px;\n    line-height:1.3;\n    font-weight:700;\n}\n\n.ilc-virt-link{\n    display:inline-flex;\n    align-items:center;\n    gap:7px;\n\n    color:#0A73E8;\n\n    font-size:11px;\n    line-height:1;\n    font-weight:800;\n}\n\n.ilc-virt-arrow{\n    font-size:15px;\n\n    transition:transform .2s ease;\n}\n\n.ilc-virt-card:hover .ilc-virt-arrow{\n    transform:translateX(4px);\n}\n\n\n\/* ==========================================================\n   VMWARE FEATURED CARD\n   ========================================================== *\/\n\n.ilc-virt-card-vmware{\n    background:\n        linear-gradient(\n            145deg,\n            #EEF6FF 0%,\n            #F8FAFC 100%\n        );\n\n    border-color:#CFE5F8;\n}\n\n.ilc-virt-card-vmware::before{\n    content:\"\";\n\n    position:absolute;\n\n    right:-42px;\n    top:-42px;\n\n    width:150px;\n    height:150px;\n\n    border:1px solid rgba(10,115,232,.10);\n    border-radius:50%;\n}\n\n.ilc-virt-card-vmware::after{\n    content:\"\";\n\n    position:absolute;\n\n    right:15px;\n    top:15px;\n\n    width:76px;\n    height:76px;\n\n    border:1px solid rgba(10,115,232,.07);\n    border-radius:50%;\n}\n\n\n\/* ==========================================================\n   TECHNOLOGY STRIP\n   ========================================================== *\/\n\n.ilc-virt-techstrip{\n    margin-top:30px;\n\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n\n    overflow:hidden;\n\n    background:#0B1F3A;\n\n    border-radius:13px;\n}\n\n.ilc-virt-techitem{\n    min-height:86px;\n\n    display:flex;\n    align-items:center;\n    gap:12px;\n\n    padding:0 19px;\n\n    box-sizing:border-box;\n\n    border-right:1px solid rgba(255,255,255,.09);\n}\n\n.ilc-virt-techitem:last-child{\n    border-right:none;\n}\n\n.ilc-virt-techicon{\n    width:34px;\n    height:34px;\n\n    flex:0 0 34px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:8px;\n\n    background:rgba(255,255,255,.08);\n    color:#66C1FF;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:900;\n}\n\n.ilc-virt-techtext strong{\n    display:block;\n\n    color:#FFFFFF;\n\n    font-size:12px;\n    line-height:1.1;\n    font-weight:800;\n}\n\n.ilc-virt-techtext span{\n    display:block;\n\n    margin-top:5px;\n\n    color:#9FB0C4;\n\n    font-size:9px;\n    line-height:1.2;\n    font-weight:600;\n}\n\n\n\/* ==========================================================\n   BOTTOM CTA\n   ========================================================== *\/\n\n.ilc-virt-bottom{\n    margin-top:30px;\n\n    display:flex;\n    justify-content:center;\n}\n\n.ilc-virt-main-btn{\n    min-height:46px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n\n    padding:0 20px;\n\n    background:#0A73E8;\n    color:#FFFFFF !important;\n\n    border:1px solid #0A73E8;\n    border-radius:8px;\n\n    text-decoration:none !important;\n\n    font-size:12px;\n    line-height:1;\n    font-weight:800;\n\n    box-shadow:\n        0 8px 22px rgba(10,115,232,.16);\n\n    transition:\n        transform .22s ease,\n        background .22s ease,\n        box-shadow .22s ease;\n}\n\n.ilc-virt-main-btn:hover{\n    background:#0866CE;\n\n    transform:translateY(-2px);\n\n    box-shadow:\n        0 12px 28px rgba(10,115,232,.22);\n}\n\n\n\/* ==========================================================\n   RESPONSIVE\n   ========================================================== *\/\n\n@media (max-width:1100px){\n\n    .ilc-virt-inner{\n        padding-left:4%;\n        padding-right:4%;\n    }\n\n    .ilc-virt-head{\n        gap:40px;\n    }\n}\n\n\n@media (max-width:900px){\n\n    .ilc-virt-head{\n        grid-template-columns:1fr;\n        gap:24px;\n    }\n\n    .ilc-virt-head-right{\n        justify-content:flex-start;\n    }\n\n    .ilc-virt-grid{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-virt-card{\n        min-height:300px;\n    }\n\n    .ilc-virt-techstrip{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .ilc-virt-techitem:nth-child(2){\n        border-right:none;\n    }\n\n    .ilc-virt-techitem:nth-child(-n+2){\n        border-bottom:1px solid rgba(255,255,255,.09);\n    }\n}\n\n\n@media (max-width:767px){\n\n    .ilc-virt-inner{\n        padding:66px 22px 70px;\n    }\n\n    .ilc-virt-title{\n        font-size:34px !important;\n    }\n\n    .ilc-virt-intro{\n        font-size:15px;\n    }\n\n    .ilc-virt-summary{\n        max-width:none;\n        width:100%;\n\n        box-sizing:border-box;\n    }\n\n    .ilc-virt-techstrip{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-virt-techitem,\n    .ilc-virt-techitem:nth-child(2){\n        border-right:none;\n        border-bottom:1px solid rgba(255,255,255,.09);\n    }\n\n    .ilc-virt-techitem:last-child{\n        border-bottom:none;\n    }\n}\n<\/style>\n\n\n<section class=\"ilc-virt-section\">\n\n    <div class=\"ilc-virt-inner\">\n\n        <!-- HEADER -->\n        <div class=\"ilc-virt-head\">\n\n            <div class=\"ilc-virt-head-left\">\n\n                <div class=\"ilc-virt-eyebrow\">\n                    Virtualization Technologies\n                <\/div>\n\n                <h2 class=\"ilc-virt-title\">\n                    \u041e\u0442 \u043e\u0441\u043d\u043e\u0432\u0438\u0442\u0435 \u043d\u0430 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\u0442\u0430 \u0434\u043e\n                    <span>\u043c\u043e\u0434\u0435\u0440\u043d\u0430 cloud infrastructure<\/span>\n                <\/h2>\n\n                <p class=\"ilc-virt-intro\">\n                    \u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0443\u043c\u0435\u043d\u0438\u044f \u0437\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0430\u043d\u0435, \u0438\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0435,\n                    \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0430 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u043d\u0438 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438 \u2014\n                    \u043e\u0442 \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430\u043b\u043d\u0438\u0442\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 \u0434\u043e VMware \u0438 \u043d\u0430\u043f\u0440\u0435\u0434\u043d\u0430\u043b\u0438\n                    enterprise \u0441\u0440\u0435\u0434\u0438.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"ilc-virt-head-right\">\n\n                <div class=\"ilc-virt-summary\">\n\n                    <span class=\"ilc-virt-summary-label\">\n                        Infrastructure Learning\n                    <\/span>\n\n                    <p class=\"ilc-virt-summary-text\">\n                        \u041f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u043d\u0430 \u043f\u044a\u0442\u0435\u043a\u0430 \u043e\u0442 \u0431\u0430\u0437\u043e\u0432\u0438 virtualization \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438\n                        \u0434\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u0438 software-defined\n                        infrastructures.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- CARDS -->\n        <div class=\"ilc-virt-grid\">\n\n\n            <!-- FUNDAMENTALS -->\n            <a href=\"\/virtualization-fundamentals\/\"\n               class=\"ilc-virt-card\">\n\n                <div class=\"ilc-virt-card-top\">\n\n                    <div class=\"ilc-virt-icon\">\n                        01\n                    <\/div>\n\n                    <span class=\"ilc-virt-step\">\n                        Foundation\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"ilc-virt-card-content\">\n\n                    <span class=\"ilc-virt-level\">\n                        Start Here\n                    <\/span>\n\n                    <h3 class=\"ilc-virt-card-title\">\n                        Virtualization Fundamentals\n                    <\/h3>\n\n                    <p class=\"ilc-virt-card-desc\">\n                        \u0420\u0430\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043e\u0441\u043d\u043e\u0432\u0438\u0442\u0435 \u043d\u0430 hypervisor \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430\u0442\u0430,\n                        virtual machines, storage, networking \u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u043d\u043e\u0442\u043e\n                        \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0432\u044a\u0432 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u043d\u0430 \u0441\u0440\u0435\u0434\u0430.\n                    <\/p>\n\n                    <div class=\"ilc-virt-tags\">\n                        <span class=\"ilc-virt-tag\">Hypervisors<\/span>\n                        <span class=\"ilc-virt-tag\">VMs<\/span>\n                        <span class=\"ilc-virt-tag\">Storage<\/span>\n                        <span class=\"ilc-virt-tag\">Networking<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-virt-card-footer\">\n\n                    <span class=\"ilc-virt-meta\">\n                        Build the foundation\n                    <\/span>\n\n                    <span class=\"ilc-virt-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-virt-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- VMWARE -->\n            <a href=\"\/vmware\/\"\n               class=\"ilc-virt-card ilc-virt-card-vmware\">\n\n                <div class=\"ilc-virt-card-top\">\n\n                    <div class=\"ilc-virt-icon\">\n                        VM\n                    <\/div>\n\n                    <span class=\"ilc-virt-step\">\n                        Core Platform\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"ilc-virt-card-content\">\n\n                    <span class=\"ilc-virt-level\">\n                        VMware Ecosystem\n                    <\/span>\n\n                    <h3 class=\"ilc-virt-card-title\">\n                        VMware Technologies\n                    <\/h3>\n\n                    <p class=\"ilc-virt-card-desc\">\n                        \u0418\u0437\u0443\u0447\u0435\u0442\u0435 \u043a\u043b\u044e\u0447\u043e\u0432\u0438\u0442\u0435 VMware \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0437\u0430 compute,\n                        software-defined networking, storage \u0438 cloud\n                        infrastructure.\n                    <\/p>\n\n                    <div class=\"ilc-virt-tags\">\n                        <span class=\"ilc-virt-tag\">vSphere<\/span>\n                        <span class=\"ilc-virt-tag\">VCF<\/span>\n                        <span class=\"ilc-virt-tag\">NSX<\/span>\n                        <span class=\"ilc-virt-tag\">vSAN<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-virt-card-footer\">\n\n                    <span class=\"ilc-virt-meta\">\n                        Build enterprise environments\n                    <\/span>\n\n                    <span class=\"ilc-virt-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-virt-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- ADVANCED -->\n            <a href=\"\/advanced-virtualization\/\"\n               class=\"ilc-virt-card\">\n\n                <div class=\"ilc-virt-card-top\">\n\n                    <div class=\"ilc-virt-icon\">\n                        03\n                    <\/div>\n\n                    <span class=\"ilc-virt-step\">\n                        Advanced\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"ilc-virt-card-content\">\n\n                    <span class=\"ilc-virt-level\">\n                        Advanced Infrastructure\n                    <\/span>\n\n                    <h3 class=\"ilc-virt-card-title\">\n                        Advanced Virtualization\n                    <\/h3>\n\n                    <p class=\"ilc-virt-card-desc\">\n                        \u041d\u0430\u0434\u0433\u0440\u0430\u0434\u0435\u0442\u0435 \u0437\u043d\u0430\u043d\u0438\u044f\u0442\u0430 \u0441\u0438 \u0441 design, high availability,\n                        performance optimization, automation \u0438 troubleshooting\n                        \u043d\u0430 \u0441\u043b\u043e\u0436\u043d\u0438 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u043d\u0438 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438.\n                    <\/p>\n\n                    <div class=\"ilc-virt-tags\">\n                        <span class=\"ilc-virt-tag\">HA<\/span>\n                        <span class=\"ilc-virt-tag\">Design<\/span>\n                        <span class=\"ilc-virt-tag\">Automation<\/span>\n                        <span class=\"ilc-virt-tag\">Troubleshooting<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-virt-card-footer\">\n\n                    <span class=\"ilc-virt-meta\">\n                        Master the infrastructure\n                    <\/span>\n\n                    <span class=\"ilc-virt-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-virt-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n        <\/div>\n\n\n        <!-- VMWARE TECHNOLOGIES -->\n        <div class=\"ilc-virt-techstrip\">\n\n            <div class=\"ilc-virt-techitem\">\n\n                <div class=\"ilc-virt-techicon\">\n                    VS\n                <\/div>\n\n                <div class=\"ilc-virt-techtext\">\n                    <strong>VMware vSphere<\/strong>\n                    <span>Compute & Virtualization<\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-virt-techitem\">\n\n                <div class=\"ilc-virt-techicon\">\n                    VCF\n                <\/div>\n\n                <div class=\"ilc-virt-techtext\">\n                    <strong>VMware Cloud Foundation<\/strong>\n                    <span>Private Cloud Platform<\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-virt-techitem\">\n\n                <div class=\"ilc-virt-techicon\">\n                    NSX\n                <\/div>\n\n                <div class=\"ilc-virt-techtext\">\n                    <strong>VMware NSX<\/strong>\n                    <span>Network Virtualization<\/span>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-virt-techitem\">\n\n                <div class=\"ilc-virt-techicon\">\n                    VSAN\n                <\/div>\n\n                <div class=\"ilc-virt-techtext\">\n                    <strong>VMware vSAN<\/strong>\n                    <span>Software-Defined Storage<\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- CTA -->\n        <div class=\"ilc-virt-bottom\">\n\n            <a href=\"\/virtualization\/\"\n               class=\"ilc-virt-main-btn\">\n                \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 Virtualization Technologies \u2192\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<div class=\"elementor-element elementor-element-7490d8f e-con-full e-flex e-con e-parent\" data-id=\"7490d8f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dade4e9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"dade4e9\" 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\n   TECHNOLOGIES PAGE \u2014 WIDGET 05 \/ FROM TECHNOLOGY TO CAREER\n   ========================================================== *\/\n\n.ilc-career-section{\n    width:100%;\n    background:#F8FAFC;\n\n    border-top:1px solid #EEF1F4;\n    border-bottom:1px solid #EEF1F4;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif;\n}\n\n.ilc-career-inner{\n    width:100%;\n    max-width:1500px;\n\n    margin:0 auto;\n    padding:88px 6.5% 94px;\n\n    box-sizing:border-box;\n}\n\n\n\/* ==========================================================\n   HEADER\n   ========================================================== *\/\n\n.ilc-career-head{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);\n    gap:70px;\n\n    align-items:end;\n\n    margin-bottom:48px;\n}\n\n.ilc-career-head-left{\n    max-width:820px;\n}\n\n.ilc-career-eyebrow{\n    display:flex;\n    align-items:center;\n    gap:10px;\n\n    margin-bottom:14px;\n\n    color:#0A73E8;\n\n    font-size:12px !important;\n    line-height:1 !important;\n    font-weight:800 !important;\n\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n}\n\n.ilc-career-eyebrow::before{\n    content:\"\";\n\n    width:28px;\n    height:2px;\n\n    background:#0A73E8;\n    border-radius:999px;\n}\n\n.ilc-career-title{\n    margin:0 !important;\n\n    color:#0B1F3A !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:42px !important;\n    line-height:1.08 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-1.2px !important;\n}\n\n.ilc-career-title span{\n    color:#0A73E8;\n}\n\n.ilc-career-intro{\n    margin:18px 0 0;\n\n    max-width:760px;\n\n    color:#31445D;\n\n    font-size:16px;\n    line-height:1.7;\n    font-weight:400;\n}\n\n\n\/* ==========================================================\n   HEADER RIGHT\n   ========================================================== *\/\n\n.ilc-career-head-right{\n    display:flex;\n    justify-content:flex-end;\n}\n\n.ilc-career-note{\n    max-width:360px;\n\n    padding:18px 20px;\n\n    background:#FFFFFF;\n\n    border:1px solid #DCE3EA;\n    border-radius:12px;\n\n    box-shadow:0 8px 24px rgba(11,31,58,.05);\n}\n\n.ilc-career-note-label{\n    display:block;\n\n    margin-bottom:7px;\n\n    color:#0A73E8;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.ilc-career-note-text{\n    margin:0;\n\n    color:#31445D;\n\n    font-size:13px;\n    line-height:1.55;\n    font-weight:500;\n}\n\n\n\/* ==========================================================\n   PATHS GRID\n   ========================================================== *\/\n\n.ilc-career-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:20px;\n}\n\n\n\/* ==========================================================\n   CARD\n   ========================================================== *\/\n\n.ilc-career-card{\n    position:relative;\n    overflow:hidden;\n\n    min-height:330px;\n\n    padding:26px;\n\n    display:flex;\n    flex-direction:column;\n\n    background:#FFFFFF;\n\n    border:1px solid #DCE3EA;\n    border-radius:15px;\n\n    box-sizing:border-box;\n\n    text-decoration:none !important;\n\n    transition:\n        transform .24s ease,\n        border-color .24s ease,\n        box-shadow .24s ease;\n}\n\n.ilc-career-card:hover{\n    transform:translateY(-6px);\n\n    border-color:#B9D9F5;\n\n    box-shadow:\n        0 20px 44px rgba(11,31,58,.09);\n}\n\n\n\/* top blue line *\/\n\n.ilc-career-card::before{\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:0;\n    right:0;\n\n    height:3px;\n\n    background:#0A73E8;\n\n    opacity:.16;\n\n    transition:opacity .22s ease;\n}\n\n.ilc-career-card:hover::before{\n    opacity:1;\n}\n\n\n\/* ==========================================================\n   ICON\n   ========================================================== *\/\n\n.ilc-career-icon{\n    width:52px;\n    height:52px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:13px;\n\n    background:#EEF6FF;\n    color:#0A73E8;\n\n    border:1px solid rgba(10,115,232,.10);\n\n    font-size:14px;\n    line-height:1;\n    font-weight:900;\n}\n\n\n\/* ==========================================================\n   CONTENT\n   ========================================================== *\/\n\n.ilc-career-content{\n    margin-top:26px;\n}\n\n.ilc-career-label{\n    display:block;\n\n    margin-bottom:8px;\n\n    color:#708197;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.ilc-career-card-title{\n    margin:0 !important;\n\n    color:#0B1F3A !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:22px !important;\n    line-height:1.15 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-.4px !important;\n}\n\n.ilc-career-desc{\n    margin:14px 0 0;\n\n    color:#31445D;\n\n    font-size:13px;\n    line-height:1.65;\n    font-weight:400;\n}\n\n\n\/* ==========================================================\n   SKILLS\n   ========================================================== *\/\n\n.ilc-career-skills{\n    margin-top:20px;\n\n    display:flex;\n    flex-wrap:wrap;\n    gap:7px;\n}\n\n.ilc-career-skill{\n    min-height:25px;\n\n    display:inline-flex;\n    align-items:center;\n\n    padding:0 9px;\n\n    background:#F3F7FB;\n    color:#4E627B;\n\n    border-radius:6px;\n\n    font-size:9px;\n    line-height:1;\n    font-weight:800;\n}\n\n\n\/* ==========================================================\n   CARD FOOTER\n   ========================================================== *\/\n\n.ilc-career-footer{\n    margin-top:auto;\n    padding-top:24px;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:12px;\n}\n\n.ilc-career-role{\n    color:#708197;\n\n    font-size:10px;\n    line-height:1.3;\n    font-weight:700;\n}\n\n.ilc-career-link{\n    display:inline-flex;\n    align-items:center;\n    gap:7px;\n\n    color:#0A73E8;\n\n    font-size:11px;\n    line-height:1;\n    font-weight:800;\n}\n\n.ilc-career-arrow{\n    font-size:15px;\n\n    transition:transform .2s ease;\n}\n\n.ilc-career-card:hover .ilc-career-arrow{\n    transform:translateX(4px);\n}\n\n\n\/* ==========================================================\n   JOURNEY STRIP\n   ========================================================== *\/\n\n.ilc-career-journey{\n    margin-top:32px;\n\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n\n    overflow:hidden;\n\n    background:#0B1F3A;\n\n    border-radius:13px;\n}\n\n.ilc-career-journey-item{\n    min-height:82px;\n\n    padding:0 20px;\n\n    display:flex;\n    align-items:center;\n    gap:12px;\n\n    box-sizing:border-box;\n\n    border-right:1px solid rgba(255,255,255,.09);\n}\n\n.ilc-career-journey-item:last-child{\n    border-right:none;\n}\n\n.ilc-career-journey-num{\n    color:#64C1FF;\n\n    font-size:11px;\n    line-height:1;\n    font-weight:900;\n}\n\n.ilc-career-journey-text strong{\n    display:block;\n\n    color:#FFFFFF;\n\n    font-size:12px;\n    line-height:1.1;\n    font-weight:800;\n}\n\n.ilc-career-journey-text span{\n    display:block;\n\n    margin-top:5px;\n\n    color:#9FB0C4;\n\n    font-size:9px;\n    line-height:1.2;\n    font-weight:600;\n}\n\n\n\/* ==========================================================\n   CTA\n   ========================================================== *\/\n\n.ilc-career-bottom{\n    margin-top:30px;\n\n    display:flex;\n    justify-content:center;\n}\n\n.ilc-career-btn{\n    min-height:46px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n\n    padding:0 20px;\n\n    background:#0A73E8;\n    color:#FFFFFF !important;\n\n    border:1px solid #0A73E8;\n    border-radius:8px;\n\n    text-decoration:none !important;\n\n    font-size:12px;\n    line-height:1;\n    font-weight:800;\n\n    box-shadow:0 8px 22px rgba(10,115,232,.16);\n\n    transition:\n        transform .22s ease,\n        background .22s ease,\n        box-shadow .22s ease;\n}\n\n.ilc-career-btn:hover{\n    background:#0866CE;\n\n    transform:translateY(-2px);\n\n    box-shadow:0 12px 28px rgba(10,115,232,.22);\n}\n\n\n\/* ==========================================================\n   RESPONSIVE\n   ========================================================== *\/\n\n@media (max-width:1200px){\n\n    .ilc-career-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n}\n\n\n@media (max-width:1100px){\n\n    .ilc-career-inner{\n        padding-left:4%;\n        padding-right:4%;\n    }\n\n    .ilc-career-head{\n        gap:40px;\n    }\n}\n\n\n@media (max-width:900px){\n\n    .ilc-career-head{\n        grid-template-columns:1fr;\n        gap:24px;\n    }\n\n    .ilc-career-head-right{\n        justify-content:flex-start;\n    }\n\n    .ilc-career-journey{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .ilc-career-journey-item:nth-child(2){\n        border-right:none;\n    }\n\n    .ilc-career-journey-item:nth-child(-n+2){\n        border-bottom:1px solid rgba(255,255,255,.09);\n    }\n}\n\n\n@media (max-width:767px){\n\n    .ilc-career-inner{\n        padding:66px 22px 70px;\n    }\n\n    .ilc-career-title{\n        font-size:34px !important;\n    }\n\n    .ilc-career-intro{\n        font-size:15px;\n    }\n\n    .ilc-career-grid{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-career-card{\n        min-height:290px;\n    }\n\n    .ilc-career-note{\n        max-width:none;\n        width:100%;\n\n        box-sizing:border-box;\n    }\n\n    .ilc-career-journey{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-career-journey-item,\n    .ilc-career-journey-item:nth-child(2){\n        border-right:none;\n        border-bottom:1px solid rgba(255,255,255,.09);\n    }\n\n    .ilc-career-journey-item:last-child{\n        border-bottom:none;\n    }\n}\n<\/style>\n\n\n<section class=\"ilc-career-section\">\n\n    <div class=\"ilc-career-inner\">\n\n        <!-- HEADER -->\n        <div class=\"ilc-career-head\">\n\n            <div class=\"ilc-career-head-left\">\n\n                <div class=\"ilc-career-eyebrow\">\n                    From Technology to Career\n                <\/div>\n\n                <h2 class=\"ilc-career-title\">\n                    \u0418\u0437\u0431\u0435\u0440\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f.\n                    <span>\u0418\u0437\u0433\u0440\u0430\u0434\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u0435\u043d \u043f\u044a\u0442.<\/span>\n                <\/h2>\n\n                <p class=\"ilc-career-intro\">\n                    \u041a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u0430\u0439\u0442\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0443\u043c\u0435\u043d\u0438\u044f \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u0430\u043d\u043e\n                    \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0441\u043f\u043e\u0440\u0435\u0434 \u0440\u043e\u043b\u044f\u0442\u0430, \u043a\u044a\u043c \u043a\u043e\u044f\u0442\u043e \u0441\u0435 \u0441\u0442\u0440\u0435\u043c\u0438\u0442\u0435. \u0412\u0441\u044f\u043a\u0430 Learning\n                    Path \u0441\u0432\u044a\u0440\u0437\u0432\u0430 \u0437\u043d\u0430\u043d\u0438\u044f\u0442\u0430 \u0441 \u0440\u0435\u0430\u043b\u043d\u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0438 \u0437\u0430\u0434\u0430\u0447\u0438.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"ilc-career-head-right\">\n\n                <div class=\"ilc-career-note\">\n\n                    <span class=\"ilc-career-note-label\">\n                        Career Focused Learning\n                    <\/span>\n\n                    <p class=\"ilc-career-note-text\">\n                        \u041d\u0435 \u0443\u0447\u0435\u0442\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0438\u0437\u043e\u043b\u0438\u0440\u0430\u043d\u043e. \u0418\u0437\u0433\u0440\u0430\u0434\u0435\u0442\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043d\n                        \u043d\u0430\u0431\u043e\u0440 \u043e\u0442 \u0443\u043c\u0435\u043d\u0438\u044f \u0441\u043f\u043e\u0440\u0435\u0434 \u0440\u0435\u0430\u043b\u043d\u0430 IT \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u0430 \u0440\u043e\u043b\u044f.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- PATHS -->\n        <div class=\"ilc-career-grid\">\n\n\n            <!-- NETWORK ENGINEER -->\n            <a href=\"\/network-engineer\/\"\n               class=\"ilc-career-card\">\n\n                <div class=\"ilc-career-icon\">\n                    NE\n                <\/div>\n\n                <div class=\"ilc-career-content\">\n\n                    <span class=\"ilc-career-label\">\n                        Learning Path 01\n                    <\/span>\n\n                    <h3 class=\"ilc-career-card-title\">\n                        Network Engineer\n                    <\/h3>\n\n                    <p class=\"ilc-career-desc\">\n                        \u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u0437\u043d\u0430\u043d\u0438\u044f \u043f\u043e routing, switching, enterprise\n                        networking, wireless \u0438 troubleshooting \u0437\u0430 \u0438\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0435\n                        \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u043c\u043e\u0434\u0435\u0440\u043d\u0438 \u043c\u0440\u0435\u0436\u0438.\n                    <\/p>\n\n                    <div class=\"ilc-career-skills\">\n                        <span class=\"ilc-career-skill\">Routing<\/span>\n                        <span class=\"ilc-career-skill\">Switching<\/span>\n                        <span class=\"ilc-career-skill\">Wireless<\/span>\n                        <span class=\"ilc-career-skill\">Troubleshooting<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-career-footer\">\n\n                    <span class=\"ilc-career-role\">\n                        Build connected infrastructure\n                    <\/span>\n\n                    <span class=\"ilc-career-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-career-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- DATA CENTER -->\n            <a href=\"\/data-center-engineer\/\"\n               class=\"ilc-career-card\">\n\n                <div class=\"ilc-career-icon\">\n                    DC\n                <\/div>\n\n                <div class=\"ilc-career-content\">\n\n                    <span class=\"ilc-career-label\">\n                        Learning Path 02\n                    <\/span>\n\n                    <h3 class=\"ilc-career-card-title\">\n                        Data Center Engineer\n                    <\/h3>\n\n                    <p class=\"ilc-career-desc\">\n                        \u041a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u0430\u0439\u0442\u0435 data center networking, compute,\n                        virtualization \u0438 storage \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0437\u0430 \u0438\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0435 \u043d\u0430\n                        \u043d\u0430\u0434\u0435\u0436\u0434\u043d\u0438 enterprise infrastructures.\n                    <\/p>\n\n                    <div class=\"ilc-career-skills\">\n                        <span class=\"ilc-career-skill\">Data Center<\/span>\n                        <span class=\"ilc-career-skill\">Compute<\/span>\n                        <span class=\"ilc-career-skill\">Storage<\/span>\n                        <span class=\"ilc-career-skill\">Virtualization<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-career-footer\">\n\n                    <span class=\"ilc-career-role\">\n                        Build modern data centers\n                    <\/span>\n\n                    <span class=\"ilc-career-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-career-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- AUTOMATION -->\n            <a href=\"\/automation-engineer\/\"\n               class=\"ilc-career-card\">\n\n                <div class=\"ilc-career-icon\">\n                    AU\n                <\/div>\n\n                <div class=\"ilc-career-content\">\n\n                    <span class=\"ilc-career-label\">\n                        Learning Path 03\n                    <\/span>\n\n                    <h3 class=\"ilc-career-card-title\">\n                        Automation Engineer\n                    <\/h3>\n\n                    <p class=\"ilc-career-desc\">\n                        \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0430\u0439\u0442\u0435 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430\u0442\u0430 \u0447\u0440\u0435\u0437 APIs, scripting,\n                        programmability \u0438 modern infrastructure automation\n                        \u043f\u043e\u0434\u0445\u043e\u0434\u0438.\n                    <\/p>\n\n                    <div class=\"ilc-career-skills\">\n                        <span class=\"ilc-career-skill\">APIs<\/span>\n                        <span class=\"ilc-career-skill\">Python<\/span>\n                        <span class=\"ilc-career-skill\">Automation<\/span>\n                        <span class=\"ilc-career-skill\">Programmability<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-career-footer\">\n\n                    <span class=\"ilc-career-role\">\n                        Automate the infrastructure\n                    <\/span>\n\n                    <span class=\"ilc-career-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-career-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- VIRTUALIZATION -->\n            <a href=\"\/virtualization-engineer\/\"\n               class=\"ilc-career-card\">\n\n                <div class=\"ilc-career-icon\">\n                    VE\n                <\/div>\n\n                <div class=\"ilc-career-content\">\n\n                    <span class=\"ilc-career-label\">\n                        Learning Path 04\n                    <\/span>\n\n                    <h3 class=\"ilc-career-card-title\">\n                        Virtualization Engineer\n                    <\/h3>\n\n                    <p class=\"ilc-career-desc\">\n                        \u0418\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u0439\u0442\u0435 \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0432\u0430\u0439\u0442\u0435 virtual infrastructure,\n                        private cloud, software-defined networking \u0438\n                        resilient enterprise environments.\n                    <\/p>\n\n                    <div class=\"ilc-career-skills\">\n                        <span class=\"ilc-career-skill\">vSphere<\/span>\n                        <span class=\"ilc-career-skill\">VCF<\/span>\n                        <span class=\"ilc-career-skill\">NSX<\/span>\n                        <span class=\"ilc-career-skill\">vSAN<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-career-footer\">\n\n                    <span class=\"ilc-career-role\">\n                        Build virtual infrastructure\n                    <\/span>\n\n                    <span class=\"ilc-career-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-career-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n        <\/div>\n\n\n        <!-- JOURNEY -->\n        <div class=\"ilc-career-journey\">\n\n            <div class=\"ilc-career-journey-item\">\n\n                <span class=\"ilc-career-journey-num\">\n                    01\n                <\/span>\n\n                <div class=\"ilc-career-journey-text\">\n\n                    <strong>Choose<\/strong>\n\n                    <span>\n                        \u0418\u0437\u0431\u0435\u0440\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u0430 \u043f\u043e\u0441\u043e\u043a\u0430\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-career-journey-item\">\n\n                <span class=\"ilc-career-journey-num\">\n                    02\n                <\/span>\n\n                <div class=\"ilc-career-journey-text\">\n\n                    <strong>Learn<\/strong>\n\n                    <span>\n                        \u0418\u0437\u0433\u0440\u0430\u0434\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u043d\u0438 \u0437\u043d\u0430\u043d\u0438\u044f\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-career-journey-item\">\n\n                <span class=\"ilc-career-journey-num\">\n                    03\n                <\/span>\n\n                <div class=\"ilc-career-journey-text\">\n\n                    <strong>Practice<\/strong>\n\n                    <span>\n                        \u0420\u0430\u0431\u043e\u0442\u0438 \u0432 \u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u043d\u0430 \u0441\u0440\u0435\u0434\u0430\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-career-journey-item\">\n\n                <span class=\"ilc-career-journey-num\">\n                    04\n                <\/span>\n\n                <div class=\"ilc-career-journey-text\">\n\n                    <strong>Grow<\/strong>\n\n                    <span>\n                        \u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439 \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u043d\u0438\u0432\u043e\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- CTA -->\n        <div class=\"ilc-career-bottom\">\n\n            <a href=\"\/learning-paths\/\"\n               class=\"ilc-career-btn\">\n                \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 \u0432\u0441\u0438\u0447\u043a\u0438 Learning Paths \u2192\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<div class=\"elementor-element elementor-element-3b5b08d e-con-full e-flex e-con e-parent\" data-id=\"3b5b08d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5842f63 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5842f63\" 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\n   TECHNOLOGIES PAGE \u2014 WIDGET 05 \/ FROM TECHNOLOGY TO CAREER\n   ========================================================== *\/\n\n.ilc-career-section{\n    width:100%;\n    background:#F8FAFC;\n\n    border-top:1px solid #EEF1F4;\n    border-bottom:1px solid #EEF1F4;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif;\n}\n\n.ilc-career-inner{\n    width:100%;\n    max-width:1500px;\n\n    margin:0 auto;\n    padding:88px 6.5% 94px;\n\n    box-sizing:border-box;\n}\n\n\n\/* ==========================================================\n   HEADER\n   ========================================================== *\/\n\n.ilc-career-head{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);\n    gap:70px;\n\n    align-items:end;\n\n    margin-bottom:48px;\n}\n\n.ilc-career-head-left{\n    max-width:820px;\n}\n\n.ilc-career-eyebrow{\n    display:flex;\n    align-items:center;\n    gap:10px;\n\n    margin-bottom:14px;\n\n    color:#0A73E8;\n\n    font-size:12px !important;\n    line-height:1 !important;\n    font-weight:800 !important;\n\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n}\n\n.ilc-career-eyebrow::before{\n    content:\"\";\n\n    width:28px;\n    height:2px;\n\n    background:#0A73E8;\n    border-radius:999px;\n}\n\n.ilc-career-title{\n    margin:0 !important;\n\n    color:#0B1F3A !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:42px !important;\n    line-height:1.08 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-1.2px !important;\n}\n\n.ilc-career-title span{\n    color:#0A73E8;\n}\n\n.ilc-career-intro{\n    margin:18px 0 0;\n\n    max-width:760px;\n\n    color:#31445D;\n\n    font-size:16px;\n    line-height:1.7;\n    font-weight:400;\n}\n\n\n\/* ==========================================================\n   HEADER RIGHT\n   ========================================================== *\/\n\n.ilc-career-head-right{\n    display:flex;\n    justify-content:flex-end;\n}\n\n.ilc-career-note{\n    max-width:360px;\n\n    padding:18px 20px;\n\n    background:#FFFFFF;\n\n    border:1px solid #DCE3EA;\n    border-radius:12px;\n\n    box-shadow:0 8px 24px rgba(11,31,58,.05);\n}\n\n.ilc-career-note-label{\n    display:block;\n\n    margin-bottom:7px;\n\n    color:#0A73E8;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.ilc-career-note-text{\n    margin:0;\n\n    color:#31445D;\n\n    font-size:13px;\n    line-height:1.55;\n    font-weight:500;\n}\n\n\n\/* ==========================================================\n   PATHS GRID\n   ========================================================== *\/\n\n.ilc-career-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:20px;\n}\n\n\n\/* ==========================================================\n   CARD\n   ========================================================== *\/\n\n.ilc-career-card{\n    position:relative;\n    overflow:hidden;\n\n    min-height:330px;\n\n    padding:26px;\n\n    display:flex;\n    flex-direction:column;\n\n    background:#FFFFFF;\n\n    border:1px solid #DCE3EA;\n    border-radius:15px;\n\n    box-sizing:border-box;\n\n    text-decoration:none !important;\n\n    transition:\n        transform .24s ease,\n        border-color .24s ease,\n        box-shadow .24s ease;\n}\n\n.ilc-career-card:hover{\n    transform:translateY(-6px);\n\n    border-color:#B9D9F5;\n\n    box-shadow:\n        0 20px 44px rgba(11,31,58,.09);\n}\n\n\n\/* top blue line *\/\n\n.ilc-career-card::before{\n    content:\"\";\n\n    position:absolute;\n\n    top:0;\n    left:0;\n    right:0;\n\n    height:3px;\n\n    background:#0A73E8;\n\n    opacity:.16;\n\n    transition:opacity .22s ease;\n}\n\n.ilc-career-card:hover::before{\n    opacity:1;\n}\n\n\n\/* ==========================================================\n   ICON\n   ========================================================== *\/\n\n.ilc-career-icon{\n    width:52px;\n    height:52px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:13px;\n\n    background:#EEF6FF;\n    color:#0A73E8;\n\n    border:1px solid rgba(10,115,232,.10);\n\n    font-size:14px;\n    line-height:1;\n    font-weight:900;\n}\n\n\n\/* ==========================================================\n   CONTENT\n   ========================================================== *\/\n\n.ilc-career-content{\n    margin-top:26px;\n}\n\n.ilc-career-label{\n    display:block;\n\n    margin-bottom:8px;\n\n    color:#708197;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.ilc-career-card-title{\n    margin:0 !important;\n\n    color:#0B1F3A !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:22px !important;\n    line-height:1.15 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-.4px !important;\n}\n\n.ilc-career-desc{\n    margin:14px 0 0;\n\n    color:#31445D;\n\n    font-size:13px;\n    line-height:1.65;\n    font-weight:400;\n}\n\n\n\/* ==========================================================\n   SKILLS\n   ========================================================== *\/\n\n.ilc-career-skills{\n    margin-top:20px;\n\n    display:flex;\n    flex-wrap:wrap;\n    gap:7px;\n}\n\n.ilc-career-skill{\n    min-height:25px;\n\n    display:inline-flex;\n    align-items:center;\n\n    padding:0 9px;\n\n    background:#F3F7FB;\n    color:#4E627B;\n\n    border-radius:6px;\n\n    font-size:9px;\n    line-height:1;\n    font-weight:800;\n}\n\n\n\/* ==========================================================\n   CARD FOOTER\n   ========================================================== *\/\n\n.ilc-career-footer{\n    margin-top:auto;\n    padding-top:24px;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:12px;\n}\n\n.ilc-career-role{\n    color:#708197;\n\n    font-size:10px;\n    line-height:1.3;\n    font-weight:700;\n}\n\n.ilc-career-link{\n    display:inline-flex;\n    align-items:center;\n    gap:7px;\n\n    color:#0A73E8;\n\n    font-size:11px;\n    line-height:1;\n    font-weight:800;\n}\n\n.ilc-career-arrow{\n    font-size:15px;\n\n    transition:transform .2s ease;\n}\n\n.ilc-career-card:hover .ilc-career-arrow{\n    transform:translateX(4px);\n}\n\n\n\/* ==========================================================\n   JOURNEY STRIP\n   ========================================================== *\/\n\n.ilc-career-journey{\n    margin-top:32px;\n\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n\n    overflow:hidden;\n\n    background:#0B1F3A;\n\n    border-radius:13px;\n}\n\n.ilc-career-journey-item{\n    min-height:82px;\n\n    padding:0 20px;\n\n    display:flex;\n    align-items:center;\n    gap:12px;\n\n    box-sizing:border-box;\n\n    border-right:1px solid rgba(255,255,255,.09);\n}\n\n.ilc-career-journey-item:last-child{\n    border-right:none;\n}\n\n.ilc-career-journey-num{\n    color:#64C1FF;\n\n    font-size:11px;\n    line-height:1;\n    font-weight:900;\n}\n\n.ilc-career-journey-text strong{\n    display:block;\n\n    color:#FFFFFF;\n\n    font-size:12px;\n    line-height:1.1;\n    font-weight:800;\n}\n\n.ilc-career-journey-text span{\n    display:block;\n\n    margin-top:5px;\n\n    color:#9FB0C4;\n\n    font-size:9px;\n    line-height:1.2;\n    font-weight:600;\n}\n\n\n\/* ==========================================================\n   CTA\n   ========================================================== *\/\n\n.ilc-career-bottom{\n    margin-top:30px;\n\n    display:flex;\n    justify-content:center;\n}\n\n.ilc-career-btn{\n    min-height:46px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n\n    padding:0 20px;\n\n    background:#0A73E8;\n    color:#FFFFFF !important;\n\n    border:1px solid #0A73E8;\n    border-radius:8px;\n\n    text-decoration:none !important;\n\n    font-size:12px;\n    line-height:1;\n    font-weight:800;\n\n    box-shadow:0 8px 22px rgba(10,115,232,.16);\n\n    transition:\n        transform .22s ease,\n        background .22s ease,\n        box-shadow .22s ease;\n}\n\n.ilc-career-btn:hover{\n    background:#0866CE;\n\n    transform:translateY(-2px);\n\n    box-shadow:0 12px 28px rgba(10,115,232,.22);\n}\n\n\n\/* ==========================================================\n   RESPONSIVE\n   ========================================================== *\/\n\n@media (max-width:1200px){\n\n    .ilc-career-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n}\n\n\n@media (max-width:1100px){\n\n    .ilc-career-inner{\n        padding-left:4%;\n        padding-right:4%;\n    }\n\n    .ilc-career-head{\n        gap:40px;\n    }\n}\n\n\n@media (max-width:900px){\n\n    .ilc-career-head{\n        grid-template-columns:1fr;\n        gap:24px;\n    }\n\n    .ilc-career-head-right{\n        justify-content:flex-start;\n    }\n\n    .ilc-career-journey{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .ilc-career-journey-item:nth-child(2){\n        border-right:none;\n    }\n\n    .ilc-career-journey-item:nth-child(-n+2){\n        border-bottom:1px solid rgba(255,255,255,.09);\n    }\n}\n\n\n@media (max-width:767px){\n\n    .ilc-career-inner{\n        padding:66px 22px 70px;\n    }\n\n    .ilc-career-title{\n        font-size:34px !important;\n    }\n\n    .ilc-career-intro{\n        font-size:15px;\n    }\n\n    .ilc-career-grid{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-career-card{\n        min-height:290px;\n    }\n\n    .ilc-career-note{\n        max-width:none;\n        width:100%;\n\n        box-sizing:border-box;\n    }\n\n    .ilc-career-journey{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-career-journey-item,\n    .ilc-career-journey-item:nth-child(2){\n        border-right:none;\n        border-bottom:1px solid rgba(255,255,255,.09);\n    }\n\n    .ilc-career-journey-item:last-child{\n        border-bottom:none;\n    }\n}\n<\/style>\n\n\n<section class=\"ilc-career-section\">\n\n    <div class=\"ilc-career-inner\">\n\n        <!-- HEADER -->\n        <div class=\"ilc-career-head\">\n\n            <div class=\"ilc-career-head-left\">\n\n                <div class=\"ilc-career-eyebrow\">\n                    From Technology to Career\n                <\/div>\n\n                <h2 class=\"ilc-career-title\">\n                    \u0418\u0437\u0431\u0435\u0440\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f.\n                    <span>\u0418\u0437\u0433\u0440\u0430\u0434\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u0435\u043d \u043f\u044a\u0442.<\/span>\n                <\/h2>\n\n                <p class=\"ilc-career-intro\">\n                    \u041a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u0430\u0439\u0442\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0443\u043c\u0435\u043d\u0438\u044f \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u0430\u043d\u043e\n                    \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0441\u043f\u043e\u0440\u0435\u0434 \u0440\u043e\u043b\u044f\u0442\u0430, \u043a\u044a\u043c \u043a\u043e\u044f\u0442\u043e \u0441\u0435 \u0441\u0442\u0440\u0435\u043c\u0438\u0442\u0435. \u0412\u0441\u044f\u043a\u0430 Learning\n                    Path \u0441\u0432\u044a\u0440\u0437\u0432\u0430 \u0437\u043d\u0430\u043d\u0438\u044f\u0442\u0430 \u0441 \u0440\u0435\u0430\u043b\u043d\u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0438 \u0437\u0430\u0434\u0430\u0447\u0438.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"ilc-career-head-right\">\n\n                <div class=\"ilc-career-note\">\n\n                    <span class=\"ilc-career-note-label\">\n                        Career Focused Learning\n                    <\/span>\n\n                    <p class=\"ilc-career-note-text\">\n                        \u041d\u0435 \u0443\u0447\u0435\u0442\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0438\u0437\u043e\u043b\u0438\u0440\u0430\u043d\u043e. \u0418\u0437\u0433\u0440\u0430\u0434\u0435\u0442\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043d\n                        \u043d\u0430\u0431\u043e\u0440 \u043e\u0442 \u0443\u043c\u0435\u043d\u0438\u044f \u0441\u043f\u043e\u0440\u0435\u0434 \u0440\u0435\u0430\u043b\u043d\u0430 IT \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u0430 \u0440\u043e\u043b\u044f.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- PATHS -->\n        <div class=\"ilc-career-grid\">\n\n\n            <!-- NETWORK ENGINEER -->\n            <a href=\"\/network-engineer\/\"\n               class=\"ilc-career-card\">\n\n                <div class=\"ilc-career-icon\">\n                    NE\n                <\/div>\n\n                <div class=\"ilc-career-content\">\n\n                    <span class=\"ilc-career-label\">\n                        Learning Path 01\n                    <\/span>\n\n                    <h3 class=\"ilc-career-card-title\">\n                        Network Engineer\n                    <\/h3>\n\n                    <p class=\"ilc-career-desc\">\n                        \u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u0437\u043d\u0430\u043d\u0438\u044f \u043f\u043e routing, switching, enterprise\n                        networking, wireless \u0438 troubleshooting \u0437\u0430 \u0438\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0435\n                        \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u043c\u043e\u0434\u0435\u0440\u043d\u0438 \u043c\u0440\u0435\u0436\u0438.\n                    <\/p>\n\n                    <div class=\"ilc-career-skills\">\n                        <span class=\"ilc-career-skill\">Routing<\/span>\n                        <span class=\"ilc-career-skill\">Switching<\/span>\n                        <span class=\"ilc-career-skill\">Wireless<\/span>\n                        <span class=\"ilc-career-skill\">Troubleshooting<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-career-footer\">\n\n                    <span class=\"ilc-career-role\">\n                        Build connected infrastructure\n                    <\/span>\n\n                    <span class=\"ilc-career-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-career-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- DATA CENTER -->\n            <a href=\"\/data-center-engineer\/\"\n               class=\"ilc-career-card\">\n\n                <div class=\"ilc-career-icon\">\n                    DC\n                <\/div>\n\n                <div class=\"ilc-career-content\">\n\n                    <span class=\"ilc-career-label\">\n                        Learning Path 02\n                    <\/span>\n\n                    <h3 class=\"ilc-career-card-title\">\n                        Data Center Engineer\n                    <\/h3>\n\n                    <p class=\"ilc-career-desc\">\n                        \u041a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u0430\u0439\u0442\u0435 data center networking, compute,\n                        virtualization \u0438 storage \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 \u0437\u0430 \u0438\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0435 \u043d\u0430\n                        \u043d\u0430\u0434\u0435\u0436\u0434\u043d\u0438 enterprise infrastructures.\n                    <\/p>\n\n                    <div class=\"ilc-career-skills\">\n                        <span class=\"ilc-career-skill\">Data Center<\/span>\n                        <span class=\"ilc-career-skill\">Compute<\/span>\n                        <span class=\"ilc-career-skill\">Storage<\/span>\n                        <span class=\"ilc-career-skill\">Virtualization<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-career-footer\">\n\n                    <span class=\"ilc-career-role\">\n                        Build modern data centers\n                    <\/span>\n\n                    <span class=\"ilc-career-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-career-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- AUTOMATION -->\n            <a href=\"\/automation-engineer\/\"\n               class=\"ilc-career-card\">\n\n                <div class=\"ilc-career-icon\">\n                    AU\n                <\/div>\n\n                <div class=\"ilc-career-content\">\n\n                    <span class=\"ilc-career-label\">\n                        Learning Path 03\n                    <\/span>\n\n                    <h3 class=\"ilc-career-card-title\">\n                        Automation Engineer\n                    <\/h3>\n\n                    <p class=\"ilc-career-desc\">\n                        \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0430\u0439\u0442\u0435 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430\u0442\u0430 \u0447\u0440\u0435\u0437 APIs, scripting,\n                        programmability \u0438 modern infrastructure automation\n                        \u043f\u043e\u0434\u0445\u043e\u0434\u0438.\n                    <\/p>\n\n                    <div class=\"ilc-career-skills\">\n                        <span class=\"ilc-career-skill\">APIs<\/span>\n                        <span class=\"ilc-career-skill\">Python<\/span>\n                        <span class=\"ilc-career-skill\">Automation<\/span>\n                        <span class=\"ilc-career-skill\">Programmability<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-career-footer\">\n\n                    <span class=\"ilc-career-role\">\n                        Automate the infrastructure\n                    <\/span>\n\n                    <span class=\"ilc-career-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-career-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- VIRTUALIZATION -->\n            <a href=\"\/virtualization-engineer\/\"\n               class=\"ilc-career-card\">\n\n                <div class=\"ilc-career-icon\">\n                    VE\n                <\/div>\n\n                <div class=\"ilc-career-content\">\n\n                    <span class=\"ilc-career-label\">\n                        Learning Path 04\n                    <\/span>\n\n                    <h3 class=\"ilc-career-card-title\">\n                        Virtualization Engineer\n                    <\/h3>\n\n                    <p class=\"ilc-career-desc\">\n                        \u0418\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u0439\u0442\u0435 \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0432\u0430\u0439\u0442\u0435 virtual infrastructure,\n                        private cloud, software-defined networking \u0438\n                        resilient enterprise environments.\n                    <\/p>\n\n                    <div class=\"ilc-career-skills\">\n                        <span class=\"ilc-career-skill\">vSphere<\/span>\n                        <span class=\"ilc-career-skill\">VCF<\/span>\n                        <span class=\"ilc-career-skill\">NSX<\/span>\n                        <span class=\"ilc-career-skill\">vSAN<\/span>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"ilc-career-footer\">\n\n                    <span class=\"ilc-career-role\">\n                        Build virtual infrastructure\n                    <\/span>\n\n                    <span class=\"ilc-career-link\">\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                        <span class=\"ilc-career-arrow\">\u2192<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n        <\/div>\n\n\n        <!-- JOURNEY -->\n        <div class=\"ilc-career-journey\">\n\n            <div class=\"ilc-career-journey-item\">\n\n                <span class=\"ilc-career-journey-num\">\n                    01\n                <\/span>\n\n                <div class=\"ilc-career-journey-text\">\n\n                    <strong>Choose<\/strong>\n\n                    <span>\n                        \u0418\u0437\u0431\u0435\u0440\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u0430 \u043f\u043e\u0441\u043e\u043a\u0430\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-career-journey-item\">\n\n                <span class=\"ilc-career-journey-num\">\n                    02\n                <\/span>\n\n                <div class=\"ilc-career-journey-text\">\n\n                    <strong>Learn<\/strong>\n\n                    <span>\n                        \u0418\u0437\u0433\u0440\u0430\u0434\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u043d\u0438 \u0437\u043d\u0430\u043d\u0438\u044f\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-career-journey-item\">\n\n                <span class=\"ilc-career-journey-num\">\n                    03\n                <\/span>\n\n                <div class=\"ilc-career-journey-text\">\n\n                    <strong>Practice<\/strong>\n\n                    <span>\n                        \u0420\u0430\u0431\u043e\u0442\u0438 \u0432 \u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u043d\u0430 \u0441\u0440\u0435\u0434\u0430\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"ilc-career-journey-item\">\n\n                <span class=\"ilc-career-journey-num\">\n                    04\n                <\/span>\n\n                <div class=\"ilc-career-journey-text\">\n\n                    <strong>Grow<\/strong>\n\n                    <span>\n                        \u0420\u0430\u0437\u0432\u0438\u0432\u0430\u0439 \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u043d\u0438\u0432\u043e\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- CTA -->\n        <div class=\"ilc-career-bottom\">\n\n            <a href=\"\/learning-paths\/\"\n               class=\"ilc-career-btn\">\n                \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 \u0432\u0441\u0438\u0447\u043a\u0438 Learning Paths \u2192\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<div class=\"elementor-element elementor-element-38884d4 e-con-full e-flex e-con e-parent\" data-id=\"38884d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9862ca elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a9862ca\" 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\n   TECHNOLOGIES PAGE \u2014 WIDGET 06 \/ HANDS-ON LEARNING\n   ========================================================== *\/\n\n.ilc-labs-section{\n    width:100%;\n    background:#FFFFFF;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif;\n}\n\n.ilc-labs-inner{\n    width:100%;\n    max-width:1500px;\n\n    margin:0 auto;\n    padding:86px 6.5% 92px;\n\n    box-sizing:border-box;\n}\n\n\n\/* ==========================================================\n   HEADER\n   ========================================================== *\/\n\n.ilc-labs-head{\n    max-width:820px;\n    margin-bottom:42px;\n}\n\n.ilc-labs-eyebrow{\n    display:flex;\n    align-items:center;\n    gap:10px;\n\n    margin-bottom:14px;\n\n    color:#0A73E8;\n\n    font-size:12px !important;\n    line-height:1 !important;\n    font-weight:800 !important;\n\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n}\n\n.ilc-labs-eyebrow::before{\n    content:\"\";\n\n    width:28px;\n    height:2px;\n\n    background:#0A73E8;\n    border-radius:999px;\n}\n\n.ilc-labs-title{\n    margin:0 !important;\n\n    color:#0B1F3A !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:42px !important;\n    line-height:1.08 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-1.2px !important;\n}\n\n.ilc-labs-title span{\n    color:#0A73E8;\n}\n\n.ilc-labs-intro{\n    margin:18px 0 0;\n\n    max-width:760px;\n\n    color:#31445D;\n\n    font-size:16px;\n    line-height:1.7;\n    font-weight:400;\n}\n\n\n\/* ==========================================================\n   MAIN LAYOUT\n   ========================================================== *\/\n\n.ilc-labs-layout{\n    display:grid;\n    grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);\n    gap:26px;\n    align-items:stretch;\n}\n\n\n\/* ==========================================================\n   LEFT \u2014 LAB CARDS\n   ========================================================== *\/\n\n.ilc-labs-cards{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n}\n\n.ilc-lab-card{\n    min-height:285px;\n\n    padding:24px;\n\n    display:flex;\n    flex-direction:column;\n\n    background:#F8FAFC;\n\n    border:1px solid #DCE3EA;\n    border-radius:15px;\n\n    box-sizing:border-box;\n\n    text-decoration:none !important;\n\n    transition:\n        transform .22s ease,\n        border-color .22s ease,\n        box-shadow .22s ease,\n        background .22s ease;\n}\n\n.ilc-lab-card:hover{\n    transform:translateY(-5px);\n\n    background:#FFFFFF;\n\n    border-color:#B9D9F5;\n\n    box-shadow:\n        0 18px 40px rgba(11,31,58,.08);\n}\n\n\n\/* ==========================================================\n   CARD ICON\n   ========================================================== *\/\n\n.ilc-lab-icon{\n    width:48px;\n    height:48px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:12px;\n\n    background:#EEF6FF;\n    color:#0A73E8;\n\n    border:1px solid rgba(10,115,232,.10);\n\n    font-size:13px;\n    line-height:1;\n    font-weight:900;\n}\n\n\n\/* ==========================================================\n   CARD CONTENT\n   ========================================================== *\/\n\n.ilc-lab-content{\n    margin-top:24px;\n}\n\n.ilc-lab-label{\n    display:block;\n\n    margin-bottom:7px;\n\n    color:#708197;\n\n    font-size:9px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.ilc-lab-title{\n    margin:0 !important;\n\n    color:#0B1F3A !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:20px !important;\n    line-height:1.15 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-.3px !important;\n}\n\n.ilc-lab-desc{\n    margin:12px 0 0;\n\n    color:#31445D;\n\n    font-size:12.5px;\n    line-height:1.65;\n}\n\n\n\/* ==========================================================\n   CARD FOOTER\n   ========================================================== *\/\n\n.ilc-lab-footer{\n    margin-top:auto;\n    padding-top:22px;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:10px;\n}\n\n.ilc-lab-meta{\n    color:#708197;\n\n    font-size:9px;\n    line-height:1.25;\n    font-weight:700;\n}\n\n.ilc-lab-link{\n    display:inline-flex;\n    align-items:center;\n    gap:6px;\n\n    color:#0A73E8;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n}\n\n.ilc-lab-arrow{\n    font-size:14px;\n\n    transition:transform .2s ease;\n}\n\n.ilc-lab-card:hover .ilc-lab-arrow{\n    transform:translateX(4px);\n}\n\n\n\/* ==========================================================\n   RIGHT \u2014 PRACTICE PANEL\n   ========================================================== *\/\n\n.ilc-labs-panel{\n    position:relative;\n    overflow:hidden;\n\n    min-height:100%;\n\n    padding:30px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #0B1F3A 0%,\n            #102B4E 100%\n        );\n\n    border-radius:16px;\n\n    box-sizing:border-box;\n}\n\n.ilc-labs-panel::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:220px;\n    height:220px;\n\n    right:-70px;\n    top:-70px;\n\n    border:1px solid rgba(255,255,255,.08);\n    border-radius:50%;\n}\n\n.ilc-labs-panel::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:130px;\n    height:130px;\n\n    right:-10px;\n    top:-10px;\n\n    border:1px solid rgba(255,255,255,.06);\n    border-radius:50%;\n}\n\n.ilc-labs-panel-label{\n    position:relative;\n    z-index:2;\n\n    display:block;\n\n    margin-bottom:12px;\n\n    color:#6CC2FF;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n\n    letter-spacing:1.2px;\n    text-transform:uppercase;\n}\n\n.ilc-labs-panel-title{\n    position:relative;\n    z-index:2;\n\n    margin:0 !important;\n\n    color:#FFFFFF !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:27px !important;\n    line-height:1.16 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-.5px !important;\n}\n\n.ilc-labs-panel-text{\n    position:relative;\n    z-index:2;\n\n    margin:14px 0 0;\n\n    max-width:420px;\n\n    color:#B8C5D6;\n\n    font-size:13px;\n    line-height:1.65;\n}\n\n\n\/* ==========================================================\n   PRACTICE STEPS\n   ========================================================== *\/\n\n.ilc-labs-steps{\n    position:relative;\n    z-index:2;\n\n    margin-top:28px;\n\n    display:grid;\n    grid-template-columns:1fr;\n    gap:10px;\n}\n\n.ilc-labs-step{\n    min-height:54px;\n\n    display:flex;\n    align-items:center;\n    gap:13px;\n\n    padding:0 14px;\n\n    background:rgba(255,255,255,.055);\n\n    border:1px solid rgba(255,255,255,.08);\n    border-radius:9px;\n\n    box-sizing:border-box;\n}\n\n.ilc-labs-step-num{\n    width:28px;\n    height:28px;\n\n    flex:0 0 28px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:7px;\n\n    background:rgba(10,115,232,.24);\n    color:#75C8FF;\n\n    font-size:9px;\n    line-height:1;\n    font-weight:900;\n}\n\n.ilc-labs-step strong{\n    display:block;\n\n    color:#FFFFFF;\n\n    font-size:11px;\n    line-height:1.15;\n    font-weight:800;\n}\n\n.ilc-labs-step span{\n    display:block;\n\n    margin-top:3px;\n\n    color:#91A5BC;\n\n    font-size:9px;\n    line-height:1.2;\n    font-weight:600;\n}\n\n\n\/* ==========================================================\n   PANEL CTA\n   ========================================================== *\/\n\n.ilc-labs-panel-btn{\n    position:relative;\n    z-index:2;\n\n    min-height:42px;\n\n    margin-top:26px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:7px;\n\n    padding:0 17px;\n\n    background:#0A73E8;\n    color:#FFFFFF !important;\n\n    border-radius:7px;\n\n    text-decoration:none !important;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n\n    transition:\n        transform .2s ease,\n        background .2s ease;\n}\n\n.ilc-labs-panel-btn:hover{\n    background:#1282F2;\n    transform:translateY(-2px);\n}\n\n\n\/* ==========================================================\n   BOTTOM MESSAGE\n   ========================================================== *\/\n\n.ilc-labs-bottom{\n    margin-top:28px;\n\n    padding:18px 22px;\n\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:20px;\n\n    background:#F8FAFC;\n\n    border:1px solid #DCE3EA;\n    border-radius:12px;\n}\n\n.ilc-labs-bottom strong{\n    display:block;\n\n    color:#0B1F3A;\n\n    font-size:13px;\n    line-height:1.2;\n    font-weight:800;\n}\n\n.ilc-labs-bottom span{\n    display:block;\n\n    margin-top:4px;\n\n    color:#708197;\n\n    font-size:10px;\n    line-height:1.4;\n    font-weight:600;\n}\n\n.ilc-labs-main-link{\n    flex:0 0 auto;\n\n    color:#0A73E8 !important;\n\n    text-decoration:none !important;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n}\n\n\n\/* ==========================================================\n   RESPONSIVE\n   ========================================================== *\/\n\n@media (max-width:1100px){\n\n    .ilc-labs-inner{\n        padding-left:4%;\n        padding-right:4%;\n    }\n\n    .ilc-labs-layout{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-labs-panel{\n        min-height:auto;\n    }\n}\n\n\n@media (max-width:850px){\n\n    .ilc-labs-cards{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-lab-card{\n        min-height:250px;\n    }\n}\n\n\n@media (max-width:767px){\n\n    .ilc-labs-inner{\n        padding:64px 22px 68px;\n    }\n\n    .ilc-labs-title{\n        font-size:34px !important;\n    }\n\n    .ilc-labs-intro{\n        font-size:15px;\n    }\n\n    .ilc-labs-bottom{\n        flex-direction:column;\n        align-items:flex-start;\n    }\n}\n<\/style>\n\n\n<section class=\"ilc-labs-section\">\n\n    <div class=\"ilc-labs-inner\">\n\n        <!-- HEADER -->\n        <div class=\"ilc-labs-head\">\n\n            <div class=\"ilc-labs-eyebrow\">\n                Hands-On Learning\n            <\/div>\n\n            <h2 class=\"ilc-labs-title\">\n                \u041d\u0435 \u0441\u0430\u043c\u043e \u0442\u0435\u043e\u0440\u0438\u044f.\n                <span>\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0430 \u0432 \u0440\u0435\u0430\u043b\u043d\u0438 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438.<\/span>\n            <\/h2>\n\n            <p class=\"ilc-labs-intro\">\n                \u0418\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u0439\u0442\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0443\u043c\u0435\u043d\u0438\u044f \u0447\u0440\u0435\u0437 \u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u043d\u0438 \u0437\u0430\u0434\u0430\u0447\u0438,\n                \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f, troubleshooting \u0438 \u0440\u0435\u0430\u043b\u043d\u0438 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043d\u0438 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- MAIN -->\n        <div class=\"ilc-labs-layout\">\n\n\n            <!-- LEFT -->\n            <div class=\"ilc-labs-cards\">\n\n\n                <!-- CISCO LABS -->\n                <a href=\"\/cisco-labs\/\"\n                   class=\"ilc-lab-card\">\n\n                    <div class=\"ilc-lab-icon\">\n                        CN\n                    <\/div>\n\n                    <div class=\"ilc-lab-content\">\n\n                        <span class=\"ilc-lab-label\">\n                            Networking Practice\n                        <\/span>\n\n                        <h3 class=\"ilc-lab-title\">\n                            Cisco Labs\n                        <\/h3>\n\n                        <p class=\"ilc-lab-desc\">\n                            \u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0443\u043f\u0440\u0430\u0436\u043d\u0435\u043d\u0438\u044f \u043f\u043e routing, switching,\n                            data center, security \u0438 automation \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438.\n                        <\/p>\n\n                    <\/div>\n\n                    <div class=\"ilc-lab-footer\">\n\n                        <span class=\"ilc-lab-meta\">\n                            Configure \u00b7 Test \u00b7 Troubleshoot\n                        <\/span>\n\n                        <span class=\"ilc-lab-link\">\n                            \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                            <span class=\"ilc-lab-arrow\">\u2192<\/span>\n                        <\/span>\n\n                    <\/div>\n\n                <\/a>\n\n\n                <!-- VIRTUALIZATION LABS -->\n                <a href=\"\/virtualization-labs\/\"\n                   class=\"ilc-lab-card\">\n\n                    <div class=\"ilc-lab-icon\">\n                        VM\n                    <\/div>\n\n                    <div class=\"ilc-lab-content\">\n\n                        <span class=\"ilc-lab-label\">\n                            Infrastructure Practice\n                        <\/span>\n\n                        <h3 class=\"ilc-lab-title\">\n                            Virtualization Labs\n                        <\/h3>\n\n                        <p class=\"ilc-lab-desc\">\n                            \u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0430 \u0441 virtual machines, networking, storage,\n                            HA, VMware technologies \u0438 virtual infrastructure.\n                        <\/p>\n\n                    <\/div>\n\n                    <div class=\"ilc-lab-footer\">\n\n                        <span class=\"ilc-lab-meta\">\n                            Build \u00b7 Manage \u00b7 Optimize\n                        <\/span>\n\n                        <span class=\"ilc-lab-link\">\n                            \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                            <span class=\"ilc-lab-arrow\">\u2192<\/span>\n                        <\/span>\n\n                    <\/div>\n\n                <\/a>\n\n\n                <!-- EXPERT LABS -->\n                <a href=\"\/expert-labs\/\"\n                   class=\"ilc-lab-card\">\n\n                    <div class=\"ilc-lab-icon\">\n                        EX\n                    <\/div>\n\n                    <div class=\"ilc-lab-content\">\n\n                        <span class=\"ilc-lab-label\">\n                            Advanced Practice\n                        <\/span>\n\n                        <h3 class=\"ilc-lab-title\">\n                            Expert Labs\n                        <\/h3>\n\n                        <p class=\"ilc-lab-desc\">\n                            \u0421\u043b\u043e\u0436\u043d\u0438 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438 \u0437\u0430 design, integration,\n                            advanced troubleshooting \u0438 \u0435\u043a\u0441\u043f\u0435\u0440\u0442\u043d\u043e \u043d\u0438\u0432\u043e.\n                        <\/p>\n\n                    <\/div>\n\n                    <div class=\"ilc-lab-footer\">\n\n                        <span class=\"ilc-lab-meta\">\n                            Design \u00b7 Diagnose \u00b7 Master\n                        <\/span>\n\n                        <span class=\"ilc-lab-link\">\n                            \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\n                            <span class=\"ilc-lab-arrow\">\u2192<\/span>\n                        <\/span>\n\n                    <\/div>\n\n                <\/a>\n\n            <\/div>\n\n\n            <!-- RIGHT -->\n            <div class=\"ilc-labs-panel\">\n\n                <span class=\"ilc-labs-panel-label\">\n                    Practice Workflow\n                <\/span>\n\n                <h3 class=\"ilc-labs-panel-title\">\n                    \u041e\u0442 \u0437\u043d\u0430\u043d\u0438\u0435 \u043a\u044a\u043c \u0440\u0435\u0430\u043b\u043d\u043e \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u043e \u0443\u043c\u0435\u043d\u0438\u0435.\n                <\/h3>\n\n                <p class=\"ilc-labs-panel-text\">\n                    \u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u0442\u0430 \u0440\u0430\u0431\u043e\u0442\u0430 \u043f\u0440\u0435\u0432\u0440\u044a\u0449\u0430 \u0442\u0435\u043e\u0440\u0438\u044f\u0442\u0430 \u0432 \u0443\u0432\u0435\u0440\u0435\u043d\u043e\u0441\u0442.\n                    \u0420\u0430\u0431\u043e\u0442\u0435\u0442\u0435 \u0441\u0442\u044a\u043f\u043a\u0430 \u043f\u043e \u0441\u0442\u044a\u043f\u043a\u0430 \u2014 \u043e\u0442 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u0434\u043e \u0430\u043d\u0430\u043b\u0438\u0437\n                    \u0438 \u043e\u0442\u0441\u0442\u0440\u0430\u043d\u044f\u0432\u0430\u043d\u0435 \u043d\u0430 \u0440\u0435\u0430\u043b\u043d\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0438.\n                <\/p>\n\n\n                <div class=\"ilc-labs-steps\">\n\n                    <div class=\"ilc-labs-step\">\n\n                        <div class=\"ilc-labs-step-num\">\n                            01\n                        <\/div>\n\n                        <div>\n                            <strong>Learn<\/strong>\n                            <span>\u0420\u0430\u0437\u0431\u0435\u0440\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f\u0442\u0430<\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"ilc-labs-step\">\n\n                        <div class=\"ilc-labs-step-num\">\n                            02\n                        <\/div>\n\n                        <div>\n                            <strong>Configure<\/strong>\n                            <span>\u0418\u0437\u0433\u0440\u0430\u0434\u0438 \u0440\u0430\u0431\u043e\u0442\u0435\u0449\u0430 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f<\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"ilc-labs-step\">\n\n                        <div class=\"ilc-labs-step-num\">\n                            03\n                        <\/div>\n\n                        <div>\n                            <strong>Troubleshoot<\/strong>\n                            <span>\u041e\u0442\u043a\u0440\u0438\u0439 \u0438 \u043e\u0442\u0441\u0442\u0440\u0430\u043d\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430<\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"ilc-labs-step\">\n\n                        <div class=\"ilc-labs-step-num\">\n                            04\n                        <\/div>\n\n                        <div>\n                            <strong>Master<\/strong>\n                            <span>\u041f\u0440\u0438\u043b\u043e\u0436\u0438 \u0437\u043d\u0430\u043d\u0438\u044f\u0442\u0430 \u0443\u0432\u0435\u0440\u0435\u043d\u043e<\/span>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <a href=\"\/labs\/\"\n                   class=\"ilc-labs-panel-btn\">\n                    \u0412\u0438\u0436 \u0432\u0441\u0438\u0447\u043a\u0438 \u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u0438\u0438 \u2192\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- BOTTOM -->\n        <div class=\"ilc-labs-bottom\">\n\n            <div>\n\n                <strong>\n                    \u0420\u0435\u0430\u043b\u043d\u0438\u0442\u0435 \u0443\u043c\u0435\u043d\u0438\u044f \u0441\u0435 \u0438\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u0442 \u0447\u0440\u0435\u0437 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430.\n                <\/strong>\n\n                <span>\n                    \u0412\u0441\u0435\u043a\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u043d \u043f\u044a\u0442 \u043c\u043e\u0436\u0435 \u0434\u0430 \u0431\u044a\u0434\u0435 \u043d\u0430\u0434\u0433\u0440\u0430\u0434\u0435\u043d \u0441 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u0438\u0438.\n                <\/span>\n\n            <\/div>\n\n            <a href=\"\/labs\/\"\n               class=\"ilc-labs-main-link\">\n                \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 \u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u0438\u0438\u0442\u0435 \u2192\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<div class=\"elementor-element elementor-element-2732bc9 e-flex e-con-boxed e-con e-parent\" data-id=\"2732bc9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e484efb elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e484efb\" 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\n   TECHNOLOGIES PAGE \u2014 WIDGET 07 \/ FINAL CTA\n   ========================================================== *\/\n\n.ilc-finalcta-section{\n    width:100%;\n    background:#0B1F3A;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif;\n}\n\n.ilc-finalcta-inner{\n    position:relative;\n    overflow:hidden;\n\n    width:100%;\n    max-width:1500px;\n\n    min-height:390px;\n\n    margin:0 auto;\n    padding:72px 6.5%;\n\n    box-sizing:border-box;\n\n    display:flex;\n    align-items:center;\n}\n\n\n\/* ==========================================================\n   BACKGROUND DECORATION\n   ========================================================== *\/\n\n.ilc-finalcta-inner::before{\n    content:\"\";\n\n    position:absolute;\n\n    width:430px;\n    height:430px;\n\n    right:-95px;\n    top:-150px;\n\n    border:1px solid rgba(255,255,255,.07);\n    border-radius:50%;\n}\n\n.ilc-finalcta-inner::after{\n    content:\"\";\n\n    position:absolute;\n\n    width:280px;\n    height:280px;\n\n    right:15px;\n    top:-65px;\n\n    border:1px solid rgba(255,255,255,.055);\n    border-radius:50%;\n}\n\n\n\/* ==========================================================\n   CONTENT\n   ========================================================== *\/\n\n.ilc-finalcta-content{\n    position:relative;\n    z-index:3;\n\n    max-width:860px;\n}\n\n.ilc-finalcta-eyebrow{\n    display:flex;\n    align-items:center;\n    gap:10px;\n\n    margin-bottom:16px;\n\n    color:#6CC2FF;\n\n    font-size:11px !important;\n    line-height:1 !important;\n    font-weight:800 !important;\n\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n}\n\n.ilc-finalcta-eyebrow::before{\n    content:\"\";\n\n    width:28px;\n    height:2px;\n\n    background:#0A73E8;\n    border-radius:999px;\n}\n\n.ilc-finalcta-title{\n    margin:0 !important;\n\n    color:#FFFFFF !important;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-size:48px !important;\n    line-height:1.04 !important;\n    font-weight:800 !important;\n\n    letter-spacing:-1.6px !important;\n}\n\n.ilc-finalcta-title span{\n    color:#5BB6F9;\n}\n\n.ilc-finalcta-text{\n    max-width:720px;\n\n    margin:20px 0 0;\n\n    color:#B8C5D6;\n\n    font-size:16px;\n    line-height:1.7;\n    font-weight:400;\n}\n\n\n\/* ==========================================================\n   ACTIONS\n   ========================================================== *\/\n\n.ilc-finalcta-actions{\n    margin-top:30px;\n\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px;\n}\n\n.ilc-finalcta-btn{\n    min-height:48px;\n\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n\n    padding:0 20px;\n\n    border-radius:8px;\n\n    text-decoration:none !important;\n\n    font-size:11px;\n    line-height:1;\n    font-weight:800;\n\n    transition:\n        transform .22s ease,\n        background .22s ease,\n        border-color .22s ease,\n        box-shadow .22s ease;\n}\n\n.ilc-finalcta-btn-primary{\n    background:#0A73E8;\n    color:#FFFFFF !important;\n\n    border:1px solid #0A73E8;\n\n    box-shadow:\n        0 10px 24px rgba(10,115,232,.22);\n}\n\n.ilc-finalcta-btn-primary:hover{\n    background:#1282F2;\n\n    transform:translateY(-2px);\n\n    box-shadow:\n        0 14px 30px rgba(10,115,232,.28);\n}\n\n.ilc-finalcta-btn-secondary{\n    background:rgba(255,255,255,.04);\n    color:#FFFFFF !important;\n\n    border:1px solid rgba(255,255,255,.18);\n}\n\n.ilc-finalcta-btn-secondary:hover{\n    background:rgba(255,255,255,.08);\n    border-color:rgba(255,255,255,.30);\n\n    transform:translateY(-2px);\n}\n\n\n\/* ==========================================================\n   MINI FEATURES\n   ========================================================== *\/\n\n.ilc-finalcta-features{\n    margin-top:34px;\n\n    display:flex;\n    flex-wrap:wrap;\n    gap:26px;\n}\n\n.ilc-finalcta-feature{\n    display:flex;\n    align-items:center;\n    gap:9px;\n\n    color:#D0DBE7;\n\n    font-size:10px;\n    line-height:1.2;\n    font-weight:700;\n\n    text-transform:uppercase;\n    letter-spacing:.55px;\n}\n\n.ilc-finalcta-dot{\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:#0A73E8;\n\n    box-shadow:\n        0 0 0 4px rgba(10,115,232,.14);\n}\n\n\n\/* ==========================================================\n   RIGHT VISUAL\n   ========================================================== *\/\n\n.ilc-finalcta-visual{\n    position:absolute;\n    z-index:2;\n\n    right:7%;\n    top:50%;\n\n    width:310px;\n    height:250px;\n\n    transform:translateY(-50%);\n}\n\n.ilc-finalcta-ring{\n    position:absolute;\n\n    left:50%;\n    top:50%;\n\n    transform:translate(-50%,-50%);\n\n    border-radius:50%;\n}\n\n.ilc-finalcta-ring-1{\n    width:230px;\n    height:230px;\n\n    border:1px solid rgba(255,255,255,.08);\n}\n\n.ilc-finalcta-ring-2{\n    width:170px;\n    height:170px;\n\n    border:1px solid rgba(91,182,249,.16);\n}\n\n.ilc-finalcta-ring-3{\n    width:110px;\n    height:110px;\n\n    border:1px solid rgba(91,182,249,.24);\n}\n\n.ilc-finalcta-core{\n    position:absolute;\n\n    left:50%;\n    top:50%;\n\n    width:74px;\n    height:74px;\n\n    transform:translate(-50%,-50%);\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    background:#0A73E8;\n\n    border-radius:18px;\n\n    color:#FFFFFF;\n\n    font-size:11px;\n    line-height:1.2;\n    font-weight:900;\n\n    text-align:center;\n\n    box-shadow:\n        0 18px 42px rgba(10,115,232,.25);\n}\n\n.ilc-finalcta-node{\n    position:absolute;\n\n    min-width:88px;\n\n    padding:9px 11px;\n\n    background:rgba(255,255,255,.06);\n\n    border:1px solid rgba(255,255,255,.10);\n    border-radius:8px;\n\n    color:#D9E5F2;\n\n    font-size:9px;\n    line-height:1.2;\n    font-weight:800;\n\n    text-align:center;\n\n    backdrop-filter:blur(4px);\n}\n\n.ilc-finalcta-node-1{\n    top:10px;\n    left:50%;\n    transform:translateX(-50%);\n}\n\n.ilc-finalcta-node-2{\n    right:-8px;\n    top:50%;\n    transform:translateY(-50%);\n}\n\n.ilc-finalcta-node-3{\n    bottom:8px;\n    left:50%;\n    transform:translateX(-50%);\n}\n\n.ilc-finalcta-node-4{\n    left:-8px;\n    top:50%;\n    transform:translateY(-50%);\n}\n\n\n\/* ==========================================================\n   RESPONSIVE\n   ========================================================== *\/\n\n@media (max-width:1100px){\n\n    .ilc-finalcta-inner{\n        padding-left:4%;\n        padding-right:4%;\n    }\n\n    .ilc-finalcta-visual{\n        opacity:.42;\n        right:2%;\n    }\n\n    .ilc-finalcta-content{\n        max-width:760px;\n    }\n}\n\n\n@media (max-width:900px){\n\n    .ilc-finalcta-inner{\n        min-height:auto;\n    }\n\n    .ilc-finalcta-visual{\n        display:none;\n    }\n\n    .ilc-finalcta-content{\n        max-width:none;\n    }\n}\n\n\n@media (max-width:767px){\n\n    .ilc-finalcta-inner{\n        padding:66px 22px 70px;\n    }\n\n    .ilc-finalcta-title{\n        font-size:36px !important;\n    }\n\n    .ilc-finalcta-text{\n        font-size:15px;\n    }\n\n    .ilc-finalcta-actions{\n        flex-direction:column;\n        align-items:stretch;\n    }\n\n    .ilc-finalcta-btn{\n        width:100%;\n        box-sizing:border-box;\n    }\n\n    .ilc-finalcta-features{\n        gap:18px;\n    }\n}\n<\/style>\n\n\n<section class=\"ilc-finalcta-section\">\n\n    <div class=\"ilc-finalcta-inner\">\n\n\n        <!-- CONTENT -->\n        <div class=\"ilc-finalcta-content\">\n\n            <div class=\"ilc-finalcta-eyebrow\">\n                Start Your Next Step\n            <\/div>\n\n            <h2 class=\"ilc-finalcta-title\">\n                CHOOSE A TECHNOLOGY.<br>\n                <span>BUILD YOUR EXPERTISE.<\/span>\n            <\/h2>\n\n            <p class=\"ilc-finalcta-text\">\n                \u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435, \u0438\u0437\u0433\u0440\u0430\u0434\u0435\u0442\u0435 \u0437\u043d\u0430\u043d\u0438\u044f\u0442\u0430 \u0441\u0438\n                \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u043d\u043e \u0438 \u0433\u0438 \u043f\u0440\u0435\u0432\u044a\u0440\u043d\u0435\u0442\u0435 \u0432 \u0440\u0435\u0430\u043b\u043d\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0443\u043c\u0435\u043d\u0438\u044f\n                \u0447\u0440\u0435\u0437 \u043a\u0443\u0440\u0441\u043e\u0432\u0435, Learning Paths \u0438 hands-on \u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u0438\u0438.\n            <\/p>\n\n\n            <!-- BUTTONS -->\n            <div class=\"ilc-finalcta-actions\">\n\n                <a href=\"\/courses\/\"\n                   class=\"ilc-finalcta-btn ilc-finalcta-btn-primary\">\n                    \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 \u043a\u0443\u0440\u0441\u043e\u0432\u0435\u0442\u0435 \u2192\n                <\/a>\n\n                <a href=\"\/learning-paths\/\"\n                   class=\"ilc-finalcta-btn ilc-finalcta-btn-secondary\">\n                    \u0418\u0437\u0431\u0435\u0440\u0438 Learning Path\n                <\/a>\n\n            <\/div>\n\n\n            <!-- FEATURES -->\n            <div class=\"ilc-finalcta-features\">\n\n                <div class=\"ilc-finalcta-feature\">\n                    <span class=\"ilc-finalcta-dot\"><\/span>\n                    Structured Learning\n                <\/div>\n\n                <div class=\"ilc-finalcta-feature\">\n                    <span class=\"ilc-finalcta-dot\"><\/span>\n                    Hands-On Practice\n                <\/div>\n\n                <div class=\"ilc-finalcta-feature\">\n                    <span class=\"ilc-finalcta-dot\"><\/span>\n                    Career Growth\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- RIGHT VISUAL -->\n        <div class=\"ilc-finalcta-visual\">\n\n            <div class=\"ilc-finalcta-ring ilc-finalcta-ring-1\"><\/div>\n            <div class=\"ilc-finalcta-ring ilc-finalcta-ring-2\"><\/div>\n            <div class=\"ilc-finalcta-ring ilc-finalcta-ring-3\"><\/div>\n\n            <div class=\"ilc-finalcta-core\">\n                BUILD<br>SKILLS\n            <\/div>\n\n            <div class=\"ilc-finalcta-node ilc-finalcta-node-1\">\n                LEARN\n            <\/div>\n\n            <div class=\"ilc-finalcta-node ilc-finalcta-node-2\">\n                PRACTICE\n            <\/div>\n\n            <div class=\"ilc-finalcta-node ilc-finalcta-node-3\">\n                GROW\n            <\/div>\n\n            <div class=\"ilc-finalcta-node ilc-finalcta-node-4\">\n                MASTER\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\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>Explore Technologies \u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u043a\u043e\u0438\u0442\u043e \u0438\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u0442 \u0440\u0435\u0430\u043b\u043d\u0438 IT \u0443\u043c\u0435\u043d\u0438\u044f \u0418\u0437\u0433\u0440\u0430\u0434\u0435\u0442\u0435 \u0441\u0442\u0430\u0431\u0438\u043b\u043d\u0430 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430 \u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0439\u0442\u0435 \u0443\u043c\u0435\u043d\u0438\u044f\u0442\u0430 \u0441\u0438 \u043e\u0442 \u043c\u0440\u0435\u0436\u0438 \u0438 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0434\u043e \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f, cloud \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u0430 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f. \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438\u0442\u0435 \u2192 \u0412\u0438\u0436 Learning Paths \u2192 Structured Learning Hands-on Labs Career Focused &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-30024","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/it-learning.cloud\/index.php\/wp-json\/wp\/v2\/pages\/30024","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=30024"}],"version-history":[{"count":58,"href":"https:\/\/it-learning.cloud\/index.php\/wp-json\/wp\/v2\/pages\/30024\/revisions"}],"predecessor-version":[{"id":30478,"href":"https:\/\/it-learning.cloud\/index.php\/wp-json\/wp\/v2\/pages\/30024\/revisions\/30478"}],"wp:attachment":[{"href":"https:\/\/it-learning.cloud\/index.php\/wp-json\/wp\/v2\/media?parent=30024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}