



/* ------------- 
content start - vars
------------- */

:root {
    --white-color: #fff;
    --black-color: #000;
    --accent-color: #FF6B00;
    --accent-light: #FCF2EA;
    --secondary-text: #666D82;
    --main-btn-hover: #282626;
    /* Обложки курсов */
    --training-bg-course: #F4F5F9;
    --training-bg-course-accent: #666D82;
    --training-bg-lib: #EFF3F5;
    /* Тестирования */
    --test-accepted: #2CA48E;
    --test-declined: #C12C83;

    --font-family: "Onest", sans-serif;
    --second-family: "Proxima Nova", sans-serif;

    --header-h1: 90px;
    --header-h2: 70px;
    --header-h3: 60px;
    --header-h4: 33px;
    --header-h5: 30px;
    --text-27: 27px;
    --text-24: 24px;
    --text-22: 22px;
    --text-20: 20px;
    --text-18: 18px;
    --text-17: 17px;
    --text-16: 16px;
    --text-15: 15px;
    --text-14: 14px;
    --text-13: 13px;
    --text-12: 12px;
    --text-11: 11px;

    /* Border Radius */
    --br-30: 30px;
    --br-7: 7px;
    --br-6: 6px;
    
    --transition: all .3s ease-in-out;
}

.accent-color {
    color: var(--accent-color);
}
@media (max-width: 1440px) {
	--header-h1: 72px;
    --header-h2: 56px;
    --header-h3: 48px;
    --header-h4: 30px;
    --header-h5: 28px;
    --text-27: 26px;
    --text-24: 22px;
    --text-22: 20px;
    --text-20: 19px;
}
@media (max-width: 991px) {
    :root {
        --header-h1: 50px;
        --header-h2: 38px;
        --header-h3: 30px;
        --header-h4: 24px;
        --header-h5: 20px;
        --text-27: 24px;
        --text-24: 20px;
        --text-22: 18px;
        --text-20: 18px;
        --text-18: 16px;
        --text-15: 14px;
        --text-13: 12px;
        --text-12: 11px;
    }
}
@media (max-width: 767px) {
    :root {
        --header-h1: 12.531vw;
        --header-h2: 9.524vw;
        --header-h3: 7.519vw;
        --header-h4: 6.015vw;
        --header-h5: 5.013vw;
        --text-27: 6.015vw;
        --text-24: 5.013vw;
        --text-22: 4.511vw;
        --text-20: 4.511vw;
        --text-18: 4.010vw;
        --text-17: 4.261vw;
        --text-16: 4.010vw;
        --text-15: 3.509vw;
        --text-14: 3.509vw;
        --text-13: 3.008vw;
        --text-12: 2.757vw;
        --text-11: 2.757vw;

        /* Border Radius */
        --br-30: 7.519vw;
        --br-7: 1.754vw;
        --br-6: 1.504vw;
    }
}
/* ------------- 
content finish - vars
------------- */

/* ------------- 
content start - common
------------- */

:root {
    --p: 50px;
    --cp: 100px;
}
.gc-user-user .gc-account-logo, 
.gc-user-user .breadcrumbs, 
.gc-user-user .page-header,
.gc-user-user .standard-logo,
.gc-user-user .breadcrumb {
    display: none;
}
html {
    scroll-behavior: smooth;
}
body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .content-menu {
    border: none;
}
body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .gc-main-content .main-page-block>.container,
body:has(.lesson-header-block) .gc-main-content>.container {
    width: 100%;
    max-width: 1568px;
    padding: 0 var(--p);
    margin: 0 auto;
    margin-top: 85px;
}
:target {
	scroll-margin-top: 85px;
}
/*body:has(.xdget-trainingsSystemPage, .xdget-training) .page-header h1 {
    display: none;
}
body:has(.xdget-trainingsSystemPage, .xdget-training) .gc-account-logo, body:has(.lesson-header-block) .standard-logo {
    display: none;
}*/
.accent-color {
    color: var(--accent-color);
}
.xdget-trainingList .row {
    margin: 0;
}
/* Btns */
body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .page-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    float: none;
}
body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .page-actions .btn,
.xdget-trainingList .btn.btn-success,
.main-screen__link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 27px;
    color: var(--white-color);
    font-family: var(--font-family);
    font-size: var(--text-16);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;

    background-color: var(--black-color);
    padding: 13px 23px;
    border-radius: var(--br-6);
    transition: var(--transition);
}
body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .page-actions .btn:hover,
.xdget-trainingList .btn.btn-success:hover,
.main-screen__link:hover,
body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .page-actions .open>.dropdown-toggle.btn-success,
body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .page-actions .open>.dropdown-toggle.btn-success:hover{
    color: var(--white-color);
    background-color: var(--main-btn-hover);
    text-decoration: none;
}
.xdget-trainingList .btn.btn-success,
body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .page-actions .btn {
    gap: 10px;
    border: none;
}
.main-screen__link::after {
    content: '';
    display: block;
    width: 12px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1569 12.7116L4.49994 18.3686L3.08594 16.9546L8.03594 12.0046L3.08594 7.05463L4.49994 5.64062L10.1569 11.2976C10.3444 11.4852 10.4497 11.7395 10.4497 12.0046C10.4497 12.2698 10.3444 12.5241 10.1569 12.7116Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.editor-only {
    border: 1px dotted black;
    background: lightyellow;
    text-align: center;
}

.xdget-block:not(.editable) .editor-only {
    display: none;
}
.main-page-block {
    padding-bottom: 0;
}
@media (max-width: 1600px) {
	:root {
        --cp: 48px;
    }
}
@media (max-width: 1440px) {
	:root {
        --p: 30px;
        --cp: 40px;
    }
}
@media (max-width: 991px) {
    :root {
        --p: 16px;
        --cp: 30px;
    }
    body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .gc-main-content .main-page-block>.container,
    body:has(.lesson-header-block) .gc-main-content>.container {
        margin-top: 71px;
    }
    :target {
        scroll-margin-top: 71px;
    }
}
@media (max-width: 767px) {
    :root {
        --p: 0;
        --cp: 6.015vw;
    }
    body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .page-header, .xdget-trainingList {
        padding: 0 4.010vw;
    }
    body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .gc-main-content .main-page-block>.container,
    body:has(.lesson-header-block) .gc-main-content>.container {
        margin-top: 20.794vw;
    }
    :target {
        scroll-margin-top: 20.794vw;
    }
        /* Btns */
    body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .page-actions {
        flex-direction: column;
        gap: 4.010vw;
    }
    body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .page-actions .btn {
        width: fit-content;
    }
    body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .page-actions .btn,
    .xdget-trainingList .btn.btn-success,
    .main-screen__link {
        gap: 6.767vw;
        padding: 3.258vw 5.764vw;
    }
    .xdget-trainingList .btn.btn-success,
    body:has(.xdget-trainingsSystemPage, .xdget-training, .lesson-header-block) .page-actions .btn {
        gap: 2.506vw;
    }
    .main-screen__link::after {
        width: 3.008vw;
        height: 6.015vw;
    }
}
/* ------------- 
content finish - common
------------- */

/* ------------- 
content start - header
------------- */

.notice-top-panel {
    padding: 12px 20px 12px;
    background: #000;
    font-family: var(--second-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1; 
    letter-spacing: -.02em;
}

.notice-top-panel .btn {
    padding: 10px 18px;
    margin-left: 46px;
    background: #fff;
    border: none;
    border-radius: 6px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
    gap: 20px;
    align-items: center;
}

.notice-top-panel .btn:after {
    content: '';
    width: 8px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.64712 6.39113L3.0918 9.23539L2.20312 8.52445L5.31411 6.03566L2.20312 3.54688L3.0918 2.83594L6.64712 5.68019C6.76494 5.77448 6.83113 5.90234 6.83113 6.03566C6.83113 6.16898 6.76494 6.29685 6.64712 6.39113Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}

.main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
}

.menu-wrapper {
    max-width: 1310px;
    margin: 0 auto;
    padding: 15px;
}

.menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    font-family: var(--font-family);
}

.mobile-visible {
    display: none;
}

.main-logo {
    width: var(--logo-width);
    padding-top: 3.516%;
    background-image: url(
        https://fs.getcourse.ru/fileservice/file/download/a/888097/sc/142/h/5d539616aa84eebd3a46b2e9064c2118.png);
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}

.menu__logo {
    --logo-width: 195px;
}

.nav-block ul {
    display: flex;
    flex-wrap: wrap;
    gap: 27px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-block ul li {
    color: #000;
    font-family: var(--second-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1; /* 16px */
    letter-spacing: -0.02em;
}

.nav-block ul li a {
    color: inherit;
    transition: .3s;
}

.nav-block ul li a:hover {
    color: var(--accent-color);
    text-decoration: none;
}

.menu__user-link a {
    gap: 12px;
    display: flex;
    align-items: center;
    color: #000;
    font-family: var(--second-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; 
    letter-spacing: -0.02em;
    transition: .3s;
}

.menu__user-link a:hover {
    text-decoration: none;
    color: var(--accent-color);
}

.menu__user-image {
    --s: 22px;
    width: var(--s);
    height: var(--s);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='23' viewBox='0 0 18 23' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0C7.5156 0 6.09199 0.589677 5.04236 1.63931C3.99273 2.68894 3.40305 4.11255 3.40305 5.59695C3.40305 7.08136 3.99273 8.50496 5.04236 9.55459C6.09199 10.6042 7.5156 11.1939 9 11.1939C10.4844 11.1939 11.908 10.6042 12.9576 9.55459C14.0073 8.50496 14.597 7.08136 14.597 5.59695C14.597 4.11255 14.0073 2.68894 12.9576 1.63931C11.908 0.589677 10.4844 0 9 0ZM5.64183 12.3133C3.78028 12.3133 1.99038 13.1618 0.941509 14.4401C0.409799 15.0894 0.0348028 15.892 0.00234052 16.7819C-0.0312412 17.6908 0.29674 18.5774 0.973971 19.3509C2.62171 21.2371 5.2534 22.3878 9 22.3878C12.7466 22.3878 15.3783 21.2371 17.026 19.3509C17.7033 18.5774 18.0312 17.6908 17.9977 16.7819C17.9641 15.892 17.5913 15.0894 17.0574 14.4401C16.0107 13.164 14.2208 12.3133 12.3582 12.3133H5.64183Z' fill='%23B3BDCB'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
body:has(.gc-user-user) .talks-widget-window {
	left: 0;
    width: 100%;
    background: white;
}
@media (max-width: 1440px) {
    .menu-wrapper {
        max-width: none;
    }
    .menu__logo {
        --logo-width: 165px;
    }
    .lk-text {
        display: none;
    }
}

@media (max-width: 1200px) {
    .menu__logo {
        --logo-width: 120px;
    }
    .nav-block ul {
        gap: 20px;
    }
}

@media (max-width: 991px) {
    .mobile-visible {
        display: block;
    }

    .menu-expand-btn {
        --s: 40px;
        width: var(--s);
        height: var(--s);
        padding: 0;
        flex-shrink: 0;
        background-color: transparent;
        border: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='12' viewBox='0 0 40 12' fill='none'%3E%3Crect y='10' width='40' height='2' fill='black'/%3E%3Crect width='40' height='2' fill='black'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .menu__logo {
        flex-shrink: 0;
        --logo-width: 145px;
    }

    .menu__user-link span:nth-child(2) {
        display: none;
    }

    .nav-block {
        padding: 26px 40px 40px 30px;
        width: 350px;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: -100%;
        background: #fff;
        box-shadow: 0px 20px 80px 0px rgba(13, 12, 33, 0.25);
        transition: .5s;
    }

    .menu.open .nav-block {
        left: 0;
    }

    .nav-block__header {
        margin-bottom: 40px;
    }

    .nav-block__header-top {
        margin-bottom: 23px;
        padding-bottom: 25px;
        border-bottom: 1px solid #D4DAE3;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav-block__logo {
        --logo-width: 145px;
        padding-top: 12%;
    }

    .menu-collapse-btn {
        --s: 24px;
        width: var(--s);
        height: var(--s);
        background-color: transparent;
        border: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M25 25L1 1M25 1L1 25' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        padding: 0;
    }

    .nav-block .menu__user-link span:nth-child(2) {
        display: initial;
    }

    .nav-block ul {
        flex: 1;
        flex-direction: column;
        gap: 27px;
    }

    .nav-block__bottom {
        color: #666D82;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.2;
        letter-spacing: -.01em;
    }
}

@media (max-width: 767px) {
    .margin-top-notice {
    	margin-top: 17.043vw !important;
    }
    .notice-top-panel {
        display: flex;
        text-align: left;
        align-items: center;
        gap: 0;
        justify-content: space-between;
        padding: 3.25vw 7.5vw;
        font-size: 3.25vw;
    }

    .notice-top-panel .btn {
        padding: 1.5vw 2vw;
        margin-left: 7.5vw;
        border-radius: 1.5vw;
        font-size: 2.75vw;
        gap: 1.25vw;
    }

    .menu-wrapper {
        padding: 5vw 7.5vw;
    }

    .menu-expand-btn {
        --s: 10vw;
    }

    .menu__logo {
        --logo-width: 36.25vw;
        padding-top: 8.25vw;
    }

    .nav-block {
        padding: 6.5vw 10vw 10vw 7.5vw;
        width: 87.5vw;
        box-shadow: 0vw 5vw 20vw 0vw rgba(13, 12, 33, 0.25);
    }

    .nav-block__header {
        margin-bottom: 10vw;
    }

    .nav-block__header-top {
        margin-bottom: 5.75vw;
        padding-bottom: 6.25vw;
    }

    .nav-block__logo {
        --logo-width: 36.25vw;
    }

    .menu-collapse-btn {
        --s: 6vw;
    }

    .nav-block ul {
        gap: 6.75vw;
        margin-bottom: 3vw;
    }

    .nav-block ul li {
        font-size: 4vw;
    }

    .menu__user-image {
        --s: 5.5vw;
    }

    .menu__user-link a {
        gap: 3.5vw;
        font-size: 4vw;
    }

    .nav-block__bottom {
        font-size: 3.25vw;
    }
}
/* ------------- 
content finish - header
------------- */

/* ------------- 
content start - footer
------------- */

.footer-container {
    max-width: 1310px;
    margin: 0 auto;
    padding: 100px 30px 75px;
}

.footer__content {
    display: flex;
    justify-content: space-between;
}

.footer__column--left {
    flex: 0 0 330px;
}

.footer__logo {
    width: 195px;
    height: 45px;
    padding: 0;
}

.footer__column--right {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.footer__text {
    color: #666D82;
    font-family: Onest;
    font-size: var(--text-15);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.01em;
}

.footer__copyright {
    color: #666D82;
    font-size: var(--text-11);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2; 
    letter-spacing: -.01em;
}

.footer__copyright a {
    color: inherit;
    text-decoration: underline;
    transition: .3s;
}

.footer__copyright a:hover {
    text-decoration-color: transparent;
}

.scroll-top-button {
    display: none;
    --s: 66px;
    width: var(--s);
    height: var(--s);
    border: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='66' viewBox='0 0 66 66' fill='none'%3E%3Cpath d='M48.702 31.0494L34.952 17.2994C34.6905 17.0491 34.3821 16.8528 34.0445 16.7219C33.375 16.4469 32.6241 16.4469 31.9545 16.7219C31.617 16.8528 31.3086 17.0491 31.047 17.2994L17.297 31.0494C17.0406 31.3058 16.8372 31.6102 16.6985 31.9452C16.5597 32.2802 16.4883 32.6393 16.4883 33.0019C16.4883 33.7342 16.7792 34.4366 17.297 34.9544C17.8149 35.4722 18.5172 35.7632 19.2495 35.7632C19.9819 35.7632 20.6842 35.4722 21.202 34.9544L30.2495 25.8794V46.7519C30.2495 47.4813 30.5393 48.1807 31.055 48.6965C31.5707 49.2122 32.2702 49.5019 32.9995 49.5019C33.7289 49.5019 34.4284 49.2122 34.9441 48.6965C35.4598 48.1807 35.7495 47.4813 35.7495 46.7519V25.8794L44.797 34.9544C45.0527 35.2122 45.3568 35.4167 45.6919 35.5564C46.0271 35.696 46.3865 35.7679 46.7495 35.7679C47.1126 35.7679 47.472 35.696 47.8071 35.5564C48.1422 35.4167 48.4464 35.2122 48.702 34.9544C48.9598 34.6988 49.1644 34.3946 49.304 34.0595C49.4436 33.7244 49.5155 33.3649 49.5155 33.0019C49.5155 32.6389 49.4436 32.2794 49.304 31.9443C49.1644 31.6092 48.9598 31.3051 48.702 31.0494Z' fill='black'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    border-radius: 100%;
    position: fixed;
    right: 12px;
    bottom: 100px;
    z-index: 1501;
}


@media (max-width: 1440px) {
    .footer__column--left {
        flex: 0 0 300px;
    }

    .scroll-top-button {
        --s: 54px;
        right: 18px;
        bottom: 75px;
    }
}

@media (max-width: 1200px) {
    .footer-container {
        padding: 60px 30px 60px;
    }

    .footer__column--left {
        flex: 0 0 220px;
    }

    .footer__logo {
        width: 160px;
        height: 40px;
    }

    .scroll-top-button {
        --s: 50px;
        right: 20px;
        bottom: 75px;
    }
}

@media (max-width: 991px) {

    .footer-container {
        padding: 40px 30px 30px;
    }

    .footer__column--left {
        flex: 0 0 170px;
    }

    .footer__logo {
        width: 134px;
        height: 32px;
    }
}

@media (max-width: 767px) {
    .footer-container {
        padding: 10vw 7.5vw 7.5vw 5.5vw;
    }

    .footer__content {
        gap: 6.75vw;
        flex-direction: column;
    }

    .footer__column--left {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex: auto;
    }

    .footer__column--right {
        gap: 5vw;
    }

    .footer__logo {
        width: 33.5vw;
        height: 8vw;
    }

    .scroll-top-button {
        display: initial !important;
        opacity: 1 !important;
        position: static;
        --s: 6.25vw;
        background-size: 11.5vw;
        border-radius: 0;
    }
}
/* ------------- 
content finish - footer
------------- */

/* ------------- 
content start - training-main-screen-and-content
------------- */

.main-screen {
    font-family: var(--second-family);
    padding: 80px var(--cp) 100px;
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/821069/sc/15/h/546d0dfae8d2bcb2fc82db6cca96d5fa.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: var(--br-30) var(--br-30) 0 0;
}
.xdget-training .main-screen {
    min-height: 312px;
    padding: 50px var(--cp) 80px;
}
.main-screen__pretitle {
    width: fit-content;
    color: var(--black-color);
    font-size: var(--text-13);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;

    background-color: var(--white-color);
    padding: 8px 15px;
    border-radius: 50px;
    margin-bottom: 28px;
}
.main-screen__pretitle a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--black-color);
}
.main-screen__pretitle a::before {
    content: '';
    display: block;
    width: 4px;
    height: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' viewBox='0 0 4 7' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.159041 3.83328L3.23192 6.5L4 5.83344L1.31117 3.5L4 1.16656L3.23192 0.5L0.159041 3.16672C0.0572073 3.25512 0 3.375 0 3.5C0 3.625 0.0572073 3.74488 0.159041 3.83328Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.main-screen__title {
    display: flex;
    flex-direction: column;
    gap: 44px;
    max-width: 617px;
    font-family: var(--second-family);
    color: var(--white-color);
    font-size: var(--header-h1);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.8px;
    text-transform: uppercase;
    margin-bottom: 36px;
}
.main-screen__title::after {
    content: '';
    display: block;
    width: 432px;
    height: 1px;
    background: rgba(217, 217, 217, 0.40);
}
.main-screen__training-title {
    color: var(--white-color);
    font-size: var(--header-h3);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -1.2px;
    text-transform: uppercase;
}
.main-screen__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}
.main-screen__descr {
    max-width: 865px;
    color: var(--white-color);
    font-size: var(--text-18);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.18px;
    margin: 0;
}

/* Content Part */
.content.training-content {
    background-color: var(--white-color);
    padding: 70px var(--cp) 80px;
    border-radius: var(--br-30);
	margin-top: -30px;
    box-shadow: 0px 4px 100px 0px rgba(81, 86, 140, 0.20);
}
.content-head {
    color: var(--black-color);
    font-family: var(--font-family);
    margin-bottom: 40px;
}
.content-head__wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 32px;
}
.content-head-icon {
    position: absolute;
    top: 24px;
    right: 34px;
}
.content-head-icon svg {
    --s: 38px;
    width: var(--s);
    height: var(--s);
}
.content-head__text {
    max-width: 770px;
}
.content-head--wide .content-head__text {
    max-width: 1000px;
}
.content-head__title {
    font-size: var(--header-h5);
    font-style: normal;
    font-weight: 600;
    line-height: 120% !important;
    letter-spacing: -0.6px;
    margin-bottom: 20px;
}
.content-head--wide .content-head__title {
    margin-bottom: 0;
}
.content-head__descr {
    font-size: var(--text-20);
    font-style: normal;
    font-weight: 400;
    line-height: 120% !important;
    letter-spacing: -0.4px;
    margin: 0;
}
.content-head--wide .content-head__descr {
	margin-top: 20px;
}
.content-head__access {
    position: relative;
    background-color: var(--accent-light);
    padding: 42px 49px 55px;
    border-radius: var(--br-6);
}
.content-head-access__title {
    font-family: var(--second-family);
    font-size: var(--text-22);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.22px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.content-head-access__descr {
    color: var(--secondary-text);
    font-size: var(--text-15);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.15px;
    margin: 0;
}
/* Prefs */
.prefs {
    font-family: var(--font-family);
    margin-bottom: 60px;
}
.prefs__list {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    list-style: none;
}
.prefs__item {
    display: flex;
    gap: 24px;
    flex: 0 0 calc(100% / 3 - 7px);
    padding: 20px 30px 20px 23px;
    border-radius: var(--br-6);
    border: 1px solid #D5D9DE;
}
.prefs__icon {
    flex-shrink: 0;
}
.prefs__title {
    max-width: 95%;
    color: var(--black-color);
    font-size: var(--text-20);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
    margin-bottom: 15px;
}
.prefs__descr {
    color: var(--secondary-text);
    font-size: var(--text-13);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.13px;
    margin: 0;
}
.prefs__descr a {
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 10px;
    color: var(--black-color);
    font-weight: 600;
    line-height: 100%;
    border-bottom: 1px solid transparent;
    transition: var(--transition);
}
.prefs__descr a:hover {
    color: var(--black-color);
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}
.prefs__descr a::after {
    content: '';
    display: block;
    width: 4px;
    height: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='7' viewBox='0 0 5 7' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.74965 3.83328L1.67677 6.5L0.908691 5.83344L3.59753 3.5L0.908691 1.16656L1.67677 0.5L4.74965 3.16672C4.85148 3.25512 4.90869 3.375 4.90869 3.5C4.90869 3.625 4.85148 3.74488 4.74965 3.83328Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 1440px) {
    .main-screen {
        padding: 48px var(--cp) 70px;
    }
    .xdget-training .main-screen {
        min-height: 250px;
    }
    .main-screen__pretitle {
        margin-bottom: 23px;
    }
    .main-screen__title {
        margin-bottom: 24px;
    }
    .main-screen__title::after {
        width: 345px;
    }
    /* Content Part */
    .content.training-content {
        padding: 32px var(--cp) 48px;
    }
    .content-head {
        margin-bottom: 30px;
    }
    .content-head__access {
        padding: 44px 32px;
    }
    .content-head-icon {
        top: 12px;
        right: 16px;
    }

    /* Prefs */
    .prefs {
        margin-bottom: 50px;
    }
    .prefs__item {
        flex-direction: column;
        gap: 20px;
        padding: 20px;
    }
    .prefs__title {
        max-width: unset;
        margin-bottom: 12px;
    }
}
@media (max-width: 991px) {
    .main-screen {
        padding: 38px var(--cp) 46px;
    }
    .xdget-training .main-screen {
        min-height: 170px;
        padding: 38px var(--cp) 20px;
    }
    /* Content Part */
    .content.training-content {
        padding: 36px var(--cp) 35px;
        margin-top: 0;
        border-radius: 0 0 var(--br-30) var(--br-30);
    }
    .content-head-icon {
        top: 23px;
        right: 20px;
    }
    .content-head__access {
        padding: 29px 32px 29px 23px;
    }

    /* Prefs */
    .prefs {
        margin-bottom: 40px;
    }
    .prefs__item {
        gap: 16px;
        padding: 20px 16px 16px 23px;
    }
}
@media (max-width: 767px) {
    .main-screen {
        padding: 9.524vw var(--cp) 11.529vw;
    }
    .xdget-training .main-screen {
        min-height: 42.607vw;
        padding: 9.524vw var(--cp) 5.013vw;
    }
    .main-screen__pretitle {
        padding: 2.005vw 3.759vw;
        border-radius: 12.531vw;
        margin-bottom: 5.764vw;
    }
    .main-screen__pretitle a {
        gap: 2.506vw;
    }
    .main-screen__pretitle a::before {
        width: 1.003vw;
        height: 1.504vw;
    }
    .main-screen__title {
        gap: 26.817vw;
        margin-bottom: 4.762vw;
    }
    .main-screen__title::after {
        width: 55.388vw;
        height: 0.251vw;
    }
    .main-screen__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 5.013vw;
    }

    /* Content Part */
    .content.training-content {
        padding: 8.772vw var(--cp);
        margin-top: 0;
        border-radius: 0 0 var(--br-30) var(--br-30);
    }
    .content-head {
        margin-bottom: 7.519vw;
    }
    .content-head__wrapper {
        flex-direction: column;
        gap: 4.511vw;
    }
    .content-head-icon {
        top: 5.764vw;
        right: 5.013vw;
    }
    .content-head-icon svg {
        --s: 9.524vw;
    }
    .content-head__title {
        margin-bottom: 5.013vw;
    }
    .content-head--wide .content-head__descr {
        margin-top: 5.013vw;
    }
    .content-head__access {
        padding: 7.268vw 8.020vw 7.268vw 5.764vw;
    }
    .content-head-access__title {
        margin-bottom: 5.514vw;
    }

    /* Prefs */
    .prefs {
        margin-bottom: 10.025vw;
    }
    .prefs__list {
        flex-wrap: wrap;
        gap: 2.506vw;
    }
    .prefs__item {
        flex-direction: row;
        gap: 4.010vw;
        flex: 0 0 100%;
        padding: 5.013vw 4.010vw 4.010vw 5.764vw;
        border-width: 0.251vw;
    }
    .prefs__title {
        max-width: 95%;
        margin-bottom: 3.008vw;
    }
    .prefs__descr a {
        gap: 2.506vw;
        border-width: 0.251vw;
    }
    .prefs__descr a::after {
        width: 1.003vw;
        height: 1.504vw;
    }
}
/* ------------- 
content finish - training-main-screen-and-content
------------- */

/* ------------- 
content start - training-page
------------- */

.training-page--icons .xdget-trainingList {
    padding: 0;
}
.training-page--icons .user-state-label {display: none;}

.training-page--icons .main-screen {
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/821069/sc/167/h/f2b74c8922782ca8d6c953146bf3f6d9.jpg');
}
.training-page--icons .lesson-list,
.training-page--icons .xdget-trainingList .stream-table tbody {
    display: flex;
    flex-direction: column;
    gap: 40px;
    background: transparent;
    padding: 0;
    margin: 0;
}
.training-page--icons .lesson-list li,
.training-page--icons .xdget-trainingList .stream-table tr {
    position: relative !important;
    z-index: 1;
    overflow: visible;
    min-height: unset;
    font-family: var(--font-family);
    margin: 0;
}
.training-page--icons .lesson-list li::after,
.training-page--icons .xdget-trainingList .stream-table tr::after {
    content: '';
    z-index: -1;
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 98%;
    height: 100%;
    background: var(--white-color);
    border: 1px solid #D5D9DE;
    border-radius: var(--br-6);
}
.training-page--icons .xdget-trainingList .stream-table tr td {
    display: block;
    height: 100%;
    padding: 0;
    background: transparent;
}
.training-page--icons .lesson-list li a,
.training-page--icons .xdget-trainingList .stream-table tr td a {
    background: var(--white-color);
    padding: 30px 30px 40px 24px;
    border: 1px solid #D5D9DE;
    border-radius: var(--br-6);
    transition: var(--transition);
    text-decoration: none !important;
}
.training-page--icons .lesson-list li .state-icon-block.hidden-xs {
    display: none;
}
.training-page--icons .lesson-list li .info {
    background-color: transparent;
    margin: 0;
    border: none;
}
.training-page--icons .lesson-list li table {
    width: 100%;
    height: 100%;
    min-width: unset;
    min-height: unset;
}
.training-page--icons .lesson-list li .item-main-td {
    display: flex;
    position: relative;
    height: 100%;
    min-height: unset;
    padding: 0;
}
.training-page--icons .xdget-trainingList .stream-table tr td a {
    position: relative;
}
.training-page--icons .lesson-list li .item-main-td::before,
.training-page--icons .xdget-trainingList .stream-table tr td a::before {
    --s: 54px;
    width: var(--s);
    height: var(--s);
    background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='17.1484' r='16.5' fill='%23FF7918'/%3E%3Cpath d='M30.5001 46.6534H18.7501C15.6618 46.6534 14.3439 45.3355 14.3439 42.2472V18.7472C14.3439 15.6589 15.6618 14.3409 18.7501 14.3409H29.0314V18.7472C28.9164 19.7394 29.0272 20.7448 29.3556 21.6881C29.684 22.6314 30.2214 23.4883 30.9277 24.1946C31.634 24.9009 32.4909 25.4383 33.4342 25.7667C34.3775 26.0951 35.3829 26.2059 36.3751 26.0909H40.7814V30.4972C40.7814 30.8867 40.9361 31.2603 41.2115 31.5357C41.487 31.8112 41.8606 31.9659 42.2501 31.9659C42.6396 31.9659 43.0132 31.8112 43.2887 31.5357C43.5641 31.2603 43.7189 30.8867 43.7189 30.4972V24.6222C43.719 24.4293 43.681 24.2383 43.6071 24.0602C43.5331 23.8821 43.4247 23.7203 43.288 23.5843L31.538 11.8343C31.402 11.6976 31.2402 11.5891 31.0621 11.5152C30.884 11.4413 30.693 11.4033 30.5001 11.4034H18.7501C17.7579 11.2884 16.7525 11.3993 15.8092 11.7277C14.8659 12.0561 14.009 12.5935 13.3027 13.2998C12.5964 14.0061 12.059 14.863 11.7306 15.8063C11.4022 16.7496 11.2914 17.755 11.4064 18.7472V42.2472C11.2914 43.2394 11.4022 44.2448 11.7306 45.1881C12.059 46.1314 12.5964 46.9883 13.3027 47.6946C14.009 48.4009 14.8659 48.9383 15.8092 49.2667C16.7525 49.5951 17.7579 49.7059 18.7501 49.5909H30.5001C30.8896 49.5909 31.2632 49.4362 31.5387 49.1607C31.8141 48.8853 31.9689 48.5117 31.9689 48.1222C31.9689 47.7326 31.8141 47.3591 31.5387 47.0836C31.2632 46.8082 30.8896 46.6534 30.5001 46.6534ZM31.9689 18.7472V16.4187L38.7036 23.1534H36.3751C33.2868 23.1534 31.9689 21.8355 31.9689 18.7472ZM34.4168 31.9659H20.7084C20.3189 31.9659 19.9453 31.8112 19.6699 31.5357C19.3944 31.2603 19.2397 30.8867 19.2397 30.4972C19.2397 30.1076 19.3944 29.7341 19.6699 29.4586C19.9453 29.1832 20.3189 29.0284 20.7084 29.0284H34.4168C34.8063 29.0284 35.1799 29.1832 35.4553 29.4586C35.7308 29.7341 35.8855 30.1076 35.8855 30.4972C35.8855 30.8867 35.7308 31.2603 35.4553 31.5357C35.1799 31.8112 34.8063 31.9659 34.4168 31.9659ZM20.7084 39.7993C20.3189 39.7993 19.9453 39.6445 19.6699 39.3691C19.3944 39.0936 19.2397 38.7201 19.2397 38.3305C19.2397 37.941 19.3944 37.5674 19.6699 37.292C19.9453 37.0165 20.3189 36.8618 20.7084 36.8618H28.5418C28.9313 36.8618 29.3049 37.0165 29.5803 37.292C29.8558 37.5674 30.0105 37.941 30.0105 38.3305C30.0105 38.7201 29.8558 39.0936 29.5803 39.3691C29.3049 39.6445 28.9313 39.7993 28.5418 39.7993H20.7084ZM51.1214 49.0426L48.0859 46.0072C48.8525 44.8448 49.2611 43.4829 49.2609 42.0905C49.2671 40.4855 48.7372 38.9244 47.7554 37.6546C46.7736 36.3849 45.396 35.4793 43.841 35.0814C42.2861 34.6835 40.6428 34.816 39.1718 35.458C37.7007 36.1 36.4861 37.2147 35.7205 38.6253C34.9548 40.036 34.682 41.6618 34.9453 43.2451C35.2085 44.8284 35.9928 46.2785 37.1738 47.3655C38.3547 48.4525 39.8647 49.1141 41.4644 49.2455C43.064 49.3769 44.6618 48.9706 46.0042 48.0908L49.0397 51.1243C49.3181 51.3837 49.6863 51.525 50.0668 51.5183C50.4473 51.5116 50.8104 51.3574 51.0795 51.0883C51.3486 50.8192 51.5027 50.4562 51.5095 50.0757C51.5162 49.6952 51.3749 49.3269 51.1155 49.0485L51.1214 49.0426ZM37.8439 42.0846C37.8435 41.2452 38.092 40.4246 38.5581 39.7264C39.0242 39.0283 39.6868 38.4841 40.4622 38.1626C41.2376 37.8411 42.0909 37.7568 42.9143 37.9203C43.7376 38.0838 44.4939 38.4878 45.0876 39.0812C45.6813 39.6747 46.0857 40.4308 46.2496 41.2541C46.4135 42.0773 46.3296 42.9307 46.0084 43.7062C45.6873 44.4818 45.1434 45.1447 44.4455 45.6111C43.7475 46.0774 42.927 46.3264 42.0876 46.3264C40.9627 46.3254 39.8842 45.8782 39.0887 45.083C38.2931 44.2878 37.8454 43.2095 37.8439 42.0846Z' fill='black'/%3E%3C/svg%3E%0A");
    background-size: contain;
    transition: var(--transition);
    margin-right: 36px;
}
.training-page--icons .xdget-trainingList .stream-table tr td a::before {
    position: absolute;
    left: 23px;
    margin: 0;
}
.training-page--icons .lesson-list li .item-main-td::after,
.training-page--icons .xdget-trainingList .stream-table tr td a::after {
    align-self: center;
    width: 40px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath d='M12.4612 11.8682C12.4063 11.8138 12.3628 11.749 12.3333 11.6776C12.3037 11.6062 12.2888 11.5296 12.2893 11.4523L12.2893 5.38502L6.222 5.38502C6.06968 5.37964 5.92539 5.31535 5.81953 5.20569C5.71368 5.09603 5.65452 4.94956 5.65452 4.79715C5.65452 4.64473 5.71368 4.49826 5.81953 4.3886C5.92539 4.27895 6.06968 4.21466 6.222 4.20928L12.8771 4.20928C13.033 4.20938 13.1825 4.27134 13.2927 4.38157C13.4029 4.49179 13.4649 4.64126 13.465 4.79715L13.465 11.4523C13.4649 11.6082 13.4029 11.7576 13.2927 11.8678C13.1825 11.9781 13.033 12.04 12.8771 12.0401C12.7998 12.0406 12.7232 12.0257 12.6518 11.9961C12.5804 11.9666 12.5156 11.9231 12.4612 11.8682Z' fill='black'/%3E%3Cpath d='M4.69572 12.977C4.58729 12.8657 4.52661 12.7164 4.52661 12.561C4.52661 12.4057 4.58729 12.2564 4.69572 12.1451L12.46 4.38079C12.5703 4.27047 12.72 4.2085 12.876 4.2085C13.032 4.2085 13.1816 4.27047 13.2919 4.38079C13.4022 4.4911 13.4642 4.64072 13.4642 4.79673C13.4642 4.95274 13.4022 5.10236 13.2919 5.21268L5.52761 12.977C5.41631 13.0854 5.26706 13.1461 5.11167 13.1461C4.95628 13.1461 4.80703 13.0854 4.69572 12.977Z' fill='black'/%3E%3C/svg%3E"), var(--white-color);
    background-position: center;
    background-size: 14px 14px;

    padding: 6px 9px;
    border-radius: var(--br-7);
    border: 0.6px solid var(--black-color);
    transition: var(--transition);
    margin-left: 19px;
}
.training-page--icons .xdget-trainingList .stream-table tr td a::after {
    position: absolute;
    right: 20px;
    bottom: 18px;
    width: 31px;
    height: 24px;
    margin: 0;
}
.training-page--icons .lesson-list li .item-main-td::before,
.training-page--icons .lesson-list li .item-main-td::after,
.training-page--icons .xdget-trainingList .stream-table tr td a::before,
.training-page--icons .xdget-trainingList .stream-table tr td a::after {
    content: '';
    display: block;
    flex-shrink: 0;
    background-repeat: no-repeat;
}
.training-page--icons .lesson-list li .vmiddle {
    width: 100%;
    padding: 0;
    margin: 0;
}
.training-page--icons .lesson-list li .title,
.training-page--icons .xdget-trainingList .stream-table tr td a .stream-title {
    color: var(--black-color);
    font-size: var(--text-24);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.48px;
    margin: 0;
    transition: var(--transition);
}
.training-page--icons .xdget-trainingList .stream-table tr td a .stream-title {
    font-size: var(--text-22);
}
.training-page--icons .lesson-list li .description,
.training-page--icons .xdget-trainingList .stream-table tr td a .stream-title + div {
    width: 100%;
    color: var(--secondary-text);
    font-size: var(--text-16);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.32px;
    margin-top: 11px;
    transition: var(--transition);
}
.training-page--icons .xdget-trainingList .stream-table tr td a .stream-title + div {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 24px;
    height: 100%;
}
.training-page--icons .xdget-trainingList .stream-table tr td a .stream-title + div b {
    color: var(--accent-color);
    font-size: var(--text-14);
    font-weight: 600;
    margin-top: auto;
}
/* Three cols - Lib, Video, Test */
.training-page--icons.training-page--icons-three-cols .lesson-list,
.training-page--icons.training-page--icons-three-cols .xdget-trainingList .stream-table tbody {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px 30px;
}
.training-page--icons.training-page--icons-three-cols .lesson-list li,
.training-page--icons.training-page--icons-three-cols .xdget-trainingList .stream-table tr {
    flex: 0 0 calc(100% / 3 - 20px);
}
.training-page--icons.training-page--icons-three-cols .lesson-list li a {
    height: 100%;
    padding: 30px 20px 34px 23px;
}
.training-page--icons.training-page--icons-three-cols .xdget-trainingList .stream-table tr td a {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 32px 50px 19px 81px;
}
.training-page--icons.training-page--icons-three-cols .lesson-list li .item-main-td::after {
    position: absolute;
    right: 0;
    bottom: -12px;
    width: 31px;
    height: 24px;
}
.training-page--icons.training-page--icons-three-cols .lesson-list li .item-main-td::before {
    margin-right: 17px;
}
.training-page--icons-lib .lesson-list li .item-main-td::before {
    width: 41px;
    height: 47px;
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='47' viewBox='0 0 41 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='17.1484' r='16.5' fill='%23FF7918'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.7676 34.6211H18.6367C18.3301 34.6211 18.036 34.4992 17.8191 34.2824C17.6023 34.0656 17.4805 33.7715 17.4805 33.4648C17.4805 33.1582 17.6023 32.8641 17.8191 32.6472C18.036 32.4304 18.3301 32.3086 18.6367 32.3086H29.7676C30.0742 32.3086 30.3683 32.4304 30.5851 32.6472C30.802 32.8641 30.9238 33.1582 30.9238 33.4648C30.9238 33.7715 30.802 34.0656 30.5851 34.2824C30.3683 34.4992 30.0742 34.6211 29.7676 34.6211ZM29.7676 28.1661H18.6367C18.3301 28.1661 18.036 28.0443 17.8191 27.8274C17.6023 27.6106 17.4805 27.3165 17.4805 27.0099C17.4805 26.7032 17.6023 26.4091 17.8191 26.1923C18.036 25.9754 18.3301 25.8536 18.6367 25.8536H29.7676C30.0742 25.8536 30.3683 25.9754 30.5851 26.1923C30.802 26.4091 30.9238 26.7032 30.9238 27.0099C30.9238 27.3165 30.802 27.6106 30.5851 27.8274C30.3683 28.0443 30.0742 28.1661 29.7676 28.1661ZM22.8825 21.7266H18.6383C18.3316 21.7266 18.0375 21.6047 17.8207 21.3879C17.6038 21.1711 17.482 20.877 17.482 20.5703C17.482 20.2637 17.6038 19.9696 17.8207 19.7527C18.0375 19.5359 18.3316 19.4141 18.6383 19.4141H22.8856C23.1922 19.4141 23.4863 19.5359 23.7031 19.7527C23.92 19.9696 24.0418 20.2637 24.0418 20.5703C24.0418 20.877 23.92 21.1711 23.7031 21.3879C23.4863 21.6047 23.1922 21.7266 22.8856 21.7266H22.8825Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.0654 13.8516L18.21 13.8577C14.6241 13.8793 12.4766 16.0993 12.4766 19.7978V33.9749C12.4766 37.6981 14.6441 39.9211 18.2686 39.9211L30.1225 39.9165C33.7115 39.8949 35.8575 37.6719 35.8575 33.9749V19.7978C35.8575 16.0746 33.6914 13.8516 30.0654 13.8516ZM18.2686 42.2336C13.4216 42.2336 10.1641 38.9144 10.1641 33.9749V19.7978C10.1641 14.8136 13.3199 11.5745 18.2039 11.5452L30.0654 11.5391C34.9124 11.5391 38.1684 14.8583 38.1684 19.7978V33.9749C38.1684 38.9576 35.0126 42.1982 30.1286 42.229L18.2686 42.2336Z' fill='black'/%3E%3C/svg%3E%0A");
}
.training-page--icons-video .lesson-list li .item-main-td::before,
.training-page--icons-video .xdget-trainingList .stream-table tr td a::before {
    width: 46px;
    height: 49px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='50' viewBox='0 0 46 50' fill='none'%3E%3Ccircle cx='16.5' cy='17.1484' r='16.5' fill='%23FF7918'/%3E%3Cpath d='M35 22.8037C39 25.1131 39 30.8869 35 33.1963L23 40.124C19 42.4334 14 39.5465 14 34.9277L14 21.0723C14 16.4535 19 13.5666 23 15.876L35 22.8037Z' stroke='%230A0A0A' stroke-width='2'/%3E%3C/svg%3E");
}
.training-page--icons-test .lesson-list li .item-main-td::before {
    width: 51px;
    height: 55px;
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='56' viewBox='0 0 52 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='17.1484' r='16.5' fill='%23FF7918'/%3E%3Cg clip-path='url(%23clip0_11013_13246)'%3E%3Cpath d='M43.6562 34.6461L39.9426 26.3643C39.1959 24.883 37.2657 24.2411 35.7609 25.0025C35.275 25.2483 34.8806 25.6062 34.5969 26.0329C33.7537 24.7987 32.0031 24.3287 30.6234 25.0267C30.153 25.2639 29.7514 25.6178 29.4568 26.0546C28.6166 24.8213 26.863 24.3555 25.4858 25.0509C25.0247 25.2836 24.6294 25.6283 24.3361 26.0535L22.4982 22.4206C21.725 20.8948 19.8581 20.2788 18.3148 21.0583C16.788 21.8295 16.1741 23.7004 16.9468 25.2277L24.008 39.1853L17.4567 38.1198C15.6919 37.8076 13.9413 38.8542 13.3827 40.5568C12.9638 41.8335 13.6618 43.2132 14.9385 43.6321L29.4939 48.4078C31.76 49.1513 34.1816 48.9677 36.3168 47.8901L39.5401 46.2581C41.6677 45.183 43.2481 43.3419 43.9911 41.0774C44.685 38.9625 44.5658 36.6784 43.6562 34.6461ZM38.8048 44.8096L35.5814 46.4416C33.8372 47.3227 31.8543 47.4723 30.0004 46.864L15.445 42.0884C15.0204 41.9491 14.7866 41.4893 14.9264 41.0632C15.2343 40.1247 16.2 39.5473 17.1832 39.7194L25.3239 41.043C25.6257 41.0924 25.9282 40.9677 26.11 40.7213C26.2896 40.4759 26.3169 40.148 26.1789 39.8753L18.3968 24.493C18.0301 23.7657 18.3224 22.8749 19.061 22.5C19.4112 22.3234 19.8172 22.293 20.1898 22.4156C20.5495 22.5336 20.8641 22.789 21.0488 23.1539L24.0939 29.1732C24.1006 29.1891 24.1105 29.206 24.1188 29.2224L26.2393 33.4114C26.4416 33.8112 26.9309 33.9718 27.3307 33.7695C27.7305 33.5673 27.8911 33.0779 27.6888 32.6781L25.5512 28.4527C25.2113 27.7325 25.5067 26.8633 26.233 26.4947C26.9372 26.141 27.8613 26.4407 28.2182 27.146L29.2372 29.1629C29.2435 29.1752 29.2482 29.187 29.2549 29.1978L30.3382 31.3366C30.5405 31.7364 31.0298 31.897 31.4296 31.6947C31.8294 31.4925 31.99 31.0031 31.7877 30.6033L30.6919 28.4398C30.3458 27.7175 30.6402 26.8413 31.3706 26.4705C32.0732 26.1163 32.9989 26.4165 33.3558 27.1218L34.4366 29.2684C34.4376 29.2704 34.4371 29.272 34.4387 29.2725L34.4397 29.2745L34.4448 29.2796C34.4448 29.2796 34.4443 29.2812 34.4458 29.2817L34.4469 29.2837L34.4479 29.2857L34.4509 29.2867C34.6634 29.671 35.1414 29.8193 35.5319 29.6192C35.9302 29.4164 36.0902 28.9286 35.8879 28.5288L35.8257 28.4058C35.4842 27.6851 35.7786 26.8139 36.5064 26.4457C37.2107 26.092 38.1509 26.4261 38.4755 27.0626L42.1709 35.3112C42.916 36.9749 43.0131 38.8414 42.4454 40.5719C41.8381 42.4228 40.5439 43.9286 38.8048 44.8096Z' fill='black'/%3E%3Cpath d='M30.2591 24.4326C30.5336 19.6615 27.5552 15.2885 23.0183 13.8C17.4858 11.9847 11.5075 15.0092 9.69221 20.5418C8.20364 25.0787 9.96215 30.0688 13.97 32.6747C14.0303 32.715 14.0941 32.7446 14.159 32.7658C14.5017 32.8783 14.8879 32.7537 15.0925 32.4377C15.3373 32.0615 15.2322 31.5586 14.8545 31.3132C11.4655 29.1087 9.97631 24.8874 11.2359 21.0483C12.7721 16.3663 17.8314 13.8081 22.5118 15.3437C26.3495 16.6028 28.87 20.3024 28.6378 24.3401C28.6111 24.7862 28.9392 25.1674 29.4027 25.1981C29.8492 25.2232 30.2319 24.8803 30.2591 24.4326Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11013_13246'%3E%3Crect width='38.9932' height='38.9932' fill='black' transform='translate(14.25 6.64844) rotate(18.1648)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.training-page--icons-video.training-page--icons-web .lesson-list li .item-main-td {
	align-items: center;
}
/* Trainings List */
.training-page--icons .xdget-trainingList .col-md-12 {
    padding: 0;
}
.training-page--icons .xdget-trainingList .stream-table {
    margin: 0;
}
@media (min-width: 769px) {
    .training-page--icons .lesson-list li a:hover,
    .training-page--icons .xdget-trainingList .stream-table tr td a:hover {
        background-color: var(--secondary-text);
        border-color: var(--secondary-text);
    }
    .training-page--icons .lesson-list li a:hover .title,
    .training-page--icons .lesson-list li a:hover .description,
    .training-page--icons .xdget-trainingList .stream-table tr td a:hover .stream-title,
    .training-page--icons .xdget-trainingList .stream-table tr td a:hover .stream-title + div {
        color: var(--white-color);
    }
    .training-page--icons .lesson-list li a:hover .item-main-td::before {
        background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='17.1484' r='16.5' fill='%23FF7918'/%3E%3Cpath d='M30.5001 46.6534H18.7501C15.6618 46.6534 14.3439 45.3355 14.3439 42.2472V18.7472C14.3439 15.6589 15.6618 14.3409 18.7501 14.3409H29.0314V18.7472C28.9164 19.7394 29.0272 20.7448 29.3556 21.6881C29.684 22.6314 30.2214 23.4883 30.9277 24.1946C31.634 24.9009 32.4909 25.4383 33.4342 25.7667C34.3775 26.0951 35.3829 26.2059 36.3751 26.0909H40.7814V30.4972C40.7814 30.8867 40.9361 31.2603 41.2115 31.5357C41.487 31.8112 41.8606 31.9659 42.2501 31.9659C42.6396 31.9659 43.0132 31.8112 43.2887 31.5357C43.5641 31.2603 43.7189 30.8867 43.7189 30.4972V24.6222C43.719 24.4293 43.681 24.2383 43.6071 24.0602C43.5331 23.8821 43.4247 23.7203 43.288 23.5843L31.538 11.8343C31.402 11.6976 31.2402 11.5891 31.0621 11.5152C30.884 11.4413 30.693 11.4033 30.5001 11.4034H18.7501C17.7579 11.2884 16.7525 11.3993 15.8092 11.7277C14.8659 12.0561 14.009 12.5935 13.3027 13.2998C12.5964 14.0061 12.059 14.863 11.7306 15.8063C11.4022 16.7496 11.2914 17.755 11.4064 18.7472V42.2472C11.2914 43.2394 11.4022 44.2448 11.7306 45.1881C12.059 46.1314 12.5964 46.9883 13.3027 47.6946C14.009 48.4009 14.8659 48.9383 15.8092 49.2667C16.7525 49.5951 17.7579 49.7059 18.7501 49.5909H30.5001C30.8896 49.5909 31.2632 49.4362 31.5387 49.1607C31.8141 48.8853 31.9689 48.5117 31.9689 48.1222C31.9689 47.7326 31.8141 47.3591 31.5387 47.0836C31.2632 46.8082 30.8896 46.6534 30.5001 46.6534ZM31.9689 18.7472V16.4187L38.7036 23.1534H36.3751C33.2868 23.1534 31.9689 21.8355 31.9689 18.7472ZM34.4168 31.9659H20.7084C20.3189 31.9659 19.9453 31.8112 19.6699 31.5357C19.3944 31.2603 19.2397 30.8867 19.2397 30.4972C19.2397 30.1076 19.3944 29.7341 19.6699 29.4586C19.9453 29.1832 20.3189 29.0284 20.7084 29.0284H34.4168C34.8063 29.0284 35.1799 29.1832 35.4553 29.4586C35.7308 29.7341 35.8855 30.1076 35.8855 30.4972C35.8855 30.8867 35.7308 31.2603 35.4553 31.5357C35.1799 31.8112 34.8063 31.9659 34.4168 31.9659ZM20.7084 39.7993C20.3189 39.7993 19.9453 39.6445 19.6699 39.3691C19.3944 39.0936 19.2397 38.7201 19.2397 38.3305C19.2397 37.941 19.3944 37.5674 19.6699 37.292C19.9453 37.0165 20.3189 36.8618 20.7084 36.8618H28.5418C28.9313 36.8618 29.3049 37.0165 29.5803 37.292C29.8558 37.5674 30.0105 37.941 30.0105 38.3305C30.0105 38.7201 29.8558 39.0936 29.5803 39.3691C29.3049 39.6445 28.9313 39.7993 28.5418 39.7993H20.7084ZM51.1214 49.0426L48.0859 46.0072C48.8525 44.8448 49.2611 43.4829 49.2609 42.0905C49.2671 40.4855 48.7372 38.9244 47.7554 37.6546C46.7736 36.3849 45.396 35.4793 43.841 35.0814C42.2861 34.6835 40.6428 34.816 39.1718 35.458C37.7007 36.1 36.4861 37.2147 35.7205 38.6253C34.9548 40.036 34.682 41.6618 34.9453 43.2451C35.2085 44.8284 35.9928 46.2785 37.1738 47.3655C38.3547 48.4525 39.8647 49.1141 41.4644 49.2455C43.064 49.3769 44.6618 48.9706 46.0042 48.0908L49.0397 51.1243C49.3181 51.3837 49.6863 51.525 50.0668 51.5183C50.4473 51.5116 50.8104 51.3574 51.0795 51.0883C51.3486 50.8192 51.5027 50.4562 51.5095 50.0757C51.5162 49.6952 51.3749 49.3269 51.1155 49.0485L51.1214 49.0426ZM37.8439 42.0846C37.8435 41.2452 38.092 40.4246 38.5581 39.7264C39.0242 39.0283 39.6868 38.4841 40.4622 38.1626C41.2376 37.8411 42.0909 37.7568 42.9143 37.9203C43.7376 38.0838 44.4939 38.4878 45.0876 39.0812C45.6813 39.6747 46.0857 40.4308 46.2496 41.2541C46.4135 42.0773 46.3296 42.9307 46.0084 43.7062C45.6873 44.4818 45.1434 45.1447 44.4455 45.6111C43.7475 46.0774 42.927 46.3264 42.0876 46.3264C40.9627 46.3254 39.8842 45.8782 39.0887 45.083C38.2931 44.2878 37.8454 43.2095 37.8439 42.0846Z' fill='white'/%3E%3C/svg%3E%0A");
    }
    .training-page--icons .lesson-list li a:hover .item-main-td::after,
    .training-page--icons .xdget-trainingList .stream-table tr td a:hover::after {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cpath d='M12.4612 11.8682C12.4063 11.8138 12.3628 11.749 12.3333 11.6776C12.3037 11.6062 12.2888 11.5296 12.2893 11.4523L12.2893 5.38502L6.222 5.38502C6.06968 5.37964 5.92539 5.31535 5.81953 5.20569C5.71368 5.09603 5.65452 4.94956 5.65452 4.79715C5.65452 4.64473 5.71368 4.49826 5.81953 4.3886C5.92539 4.27895 6.06968 4.21466 6.222 4.20928L12.8771 4.20928C13.033 4.20938 13.1825 4.27134 13.2927 4.38157C13.4029 4.49179 13.4649 4.64126 13.465 4.79715L13.465 11.4523C13.4649 11.6082 13.4029 11.7576 13.2927 11.8678C13.1825 11.9781 13.033 12.04 12.8771 12.0401C12.7998 12.0406 12.7232 12.0257 12.6518 11.9961C12.5804 11.9666 12.5156 11.9231 12.4612 11.8682Z' fill='white'/%3E%3Cpath d='M4.69572 12.977C4.58729 12.8657 4.52661 12.7164 4.52661 12.561C4.52661 12.4057 4.58729 12.2564 4.69572 12.1451L12.46 4.38079C12.5703 4.27047 12.72 4.2085 12.876 4.2085C13.032 4.2085 13.1816 4.27047 13.2919 4.38079C13.4022 4.4911 13.4642 4.64072 13.4642 4.79673C13.4642 4.95274 13.4022 5.10236 13.2919 5.21268L5.52761 12.977C5.41631 13.0854 5.26706 13.1461 5.11167 13.1461C4.95628 13.1461 4.80703 13.0854 4.69572 12.977Z' fill='white'/%3E%3C/svg%3E"), var(--accent-color);
        border-color: var(--accent-color);
        background-repeat: no-repeat;
        background-position: center;
    }
    /* Three cols - Lib, Video, Test */
    .training-page--icons-lib .lesson-list li a:hover .item-main-td::before {
        background-image: url("data:image/svg+xml,%3Csvg width='41' height='47' viewBox='0 0 41 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='17.1484' r='16.5' fill='%23FF7918'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.7676 34.6211H18.6367C18.3301 34.6211 18.036 34.4992 17.8191 34.2824C17.6023 34.0656 17.4805 33.7715 17.4805 33.4648C17.4805 33.1582 17.6023 32.8641 17.8191 32.6472C18.036 32.4304 18.3301 32.3086 18.6367 32.3086H29.7676C30.0742 32.3086 30.3683 32.4304 30.5851 32.6472C30.802 32.8641 30.9238 33.1582 30.9238 33.4648C30.9238 33.7715 30.802 34.0656 30.5851 34.2824C30.3683 34.4992 30.0742 34.6211 29.7676 34.6211ZM29.7676 28.1661H18.6367C18.3301 28.1661 18.036 28.0443 17.8191 27.8274C17.6023 27.6106 17.4805 27.3165 17.4805 27.0099C17.4805 26.7032 17.6023 26.4091 17.8191 26.1923C18.036 25.9754 18.3301 25.8536 18.6367 25.8536H29.7676C30.0742 25.8536 30.3683 25.9754 30.5851 26.1923C30.802 26.4091 30.9238 26.7032 30.9238 27.0099C30.9238 27.3165 30.802 27.6106 30.5851 27.8274C30.3683 28.0443 30.0742 28.1661 29.7676 28.1661ZM22.8825 21.7266H18.6383C18.3316 21.7266 18.0375 21.6047 17.8207 21.3879C17.6038 21.1711 17.482 20.877 17.482 20.5703C17.482 20.2637 17.6038 19.9696 17.8207 19.7527C18.0375 19.5359 18.3316 19.4141 18.6383 19.4141H22.8856C23.1922 19.4141 23.4863 19.5359 23.7031 19.7527C23.92 19.9696 24.0418 20.2637 24.0418 20.5703C24.0418 20.877 23.92 21.1711 23.7031 21.3879C23.4863 21.6047 23.1922 21.7266 22.8856 21.7266H22.8825Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.0654 13.8516L18.21 13.8577C14.6241 13.8793 12.4766 16.0993 12.4766 19.7978V33.9749C12.4766 37.6981 14.6441 39.9211 18.2686 39.9211L30.1225 39.9165C33.7115 39.8949 35.8575 37.6719 35.8575 33.9749V19.7978C35.8575 16.0746 33.6914 13.8516 30.0654 13.8516ZM18.2686 42.2336C13.4216 42.2336 10.1641 38.9144 10.1641 33.9749V19.7978C10.1641 14.8136 13.3199 11.5745 18.2039 11.5452L30.0654 11.5391C34.9124 11.5391 38.1684 14.8583 38.1684 19.7978V33.9749C38.1684 38.9576 35.0126 42.1982 30.1286 42.229L18.2686 42.2336Z' fill='white'/%3E%3C/svg%3E%0A");
    }
    .training-page--icons-video .lesson-list li a:hover .item-main-td::before,
    .training-page--icons-video .xdget-trainingList .stream-table tr td a:hover::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='50' viewBox='0 0 46 50' fill='none'%3E%3Ccircle cx='16.5' cy='17.1484' r='16.5' fill='%23FF7918'/%3E%3Cpath d='M35 22.8037C39 25.1131 39 30.8869 35 33.1963L23 40.124C19 42.4334 14 39.5465 14 34.9277L14 21.0723C14 16.4535 19 13.5666 23 15.876L35 22.8037Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
    }
    .training-page--icons-test .lesson-list li a:hover .item-main-td::before {
        background-image: url("data:image/svg+xml,%3Csvg width='52' height='56' viewBox='0 0 52 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='17.1484' r='16.5' fill='%23FF7918'/%3E%3Cg clip-path='url(%23clip0_11013_13246)'%3E%3Cpath d='M43.6562 34.6461L39.9426 26.3643C39.1959 24.883 37.2657 24.2411 35.7609 25.0025C35.275 25.2483 34.8806 25.6062 34.5969 26.0329C33.7537 24.7987 32.0031 24.3287 30.6234 25.0267C30.153 25.2639 29.7514 25.6178 29.4568 26.0546C28.6166 24.8213 26.863 24.3555 25.4858 25.0509C25.0247 25.2836 24.6294 25.6283 24.3361 26.0535L22.4982 22.4206C21.725 20.8948 19.8581 20.2788 18.3148 21.0583C16.788 21.8295 16.1741 23.7004 16.9468 25.2277L24.008 39.1853L17.4567 38.1198C15.6919 37.8076 13.9413 38.8542 13.3827 40.5568C12.9638 41.8335 13.6618 43.2132 14.9385 43.6321L29.4939 48.4078C31.76 49.1513 34.1816 48.9677 36.3168 47.8901L39.5401 46.2581C41.6677 45.183 43.2481 43.3419 43.9911 41.0774C44.685 38.9625 44.5658 36.6784 43.6562 34.6461ZM38.8048 44.8096L35.5814 46.4416C33.8372 47.3227 31.8543 47.4723 30.0004 46.864L15.445 42.0884C15.0204 41.9491 14.7866 41.4893 14.9264 41.0632C15.2343 40.1247 16.2 39.5473 17.1832 39.7194L25.3239 41.043C25.6257 41.0924 25.9282 40.9677 26.11 40.7213C26.2896 40.4759 26.3169 40.148 26.1789 39.8753L18.3968 24.493C18.0301 23.7657 18.3224 22.8749 19.061 22.5C19.4112 22.3234 19.8172 22.293 20.1898 22.4156C20.5495 22.5336 20.8641 22.789 21.0488 23.1539L24.0939 29.1732C24.1006 29.1891 24.1105 29.206 24.1188 29.2224L26.2393 33.4114C26.4416 33.8112 26.9309 33.9718 27.3307 33.7695C27.7305 33.5673 27.8911 33.0779 27.6888 32.6781L25.5512 28.4527C25.2113 27.7325 25.5067 26.8633 26.233 26.4947C26.9372 26.141 27.8613 26.4407 28.2182 27.146L29.2372 29.1629C29.2435 29.1752 29.2482 29.187 29.2549 29.1978L30.3382 31.3366C30.5405 31.7364 31.0298 31.897 31.4296 31.6947C31.8294 31.4925 31.99 31.0031 31.7877 30.6033L30.6919 28.4398C30.3458 27.7175 30.6402 26.8413 31.3706 26.4705C32.0732 26.1163 32.9989 26.4165 33.3558 27.1218L34.4366 29.2684C34.4376 29.2704 34.4371 29.272 34.4387 29.2725L34.4397 29.2745L34.4448 29.2796C34.4448 29.2796 34.4443 29.2812 34.4458 29.2817L34.4469 29.2837L34.4479 29.2857L34.4509 29.2867C34.6634 29.671 35.1414 29.8193 35.5319 29.6192C35.9302 29.4164 36.0902 28.9286 35.8879 28.5288L35.8257 28.4058C35.4842 27.6851 35.7786 26.8139 36.5064 26.4457C37.2107 26.092 38.1509 26.4261 38.4755 27.0626L42.1709 35.3112C42.916 36.9749 43.0131 38.8414 42.4454 40.5719C41.8381 42.4228 40.5439 43.9286 38.8048 44.8096Z' fill='black'/%3E%3Cpath d='M30.2591 24.4326C30.5336 19.6615 27.5552 15.2885 23.0183 13.8C17.4858 11.9847 11.5075 15.0092 9.69221 20.5418C8.20364 25.0787 9.96215 30.0688 13.97 32.6747C14.0303 32.715 14.0941 32.7446 14.159 32.7658C14.5017 32.8783 14.8879 32.7537 15.0925 32.4377C15.3373 32.0615 15.2322 31.5586 14.8545 31.3132C11.4655 29.1087 9.97631 24.8874 11.2359 21.0483C12.7721 16.3663 17.8314 13.8081 22.5118 15.3437C26.3495 16.6028 28.87 20.3024 28.6378 24.3401C28.6111 24.7862 28.9392 25.1674 29.4027 25.1981C29.8492 25.2232 30.2319 24.8803 30.2591 24.4326Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11013_13246'%3E%3Crect width='38.9932' height='38.9932' fill='white' transform='translate(14.25 6.64844) rotate(18.1648)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
}
@media (max-width: 1440px) {
    /* Three cols - Lib, Video, Test */
    .training-page--icons.training-page--icons-three-cols .lesson-list,
    .training-page--icons.training-page--icons-three-cols .xdget-trainingList .stream-table tbody {
        gap: 22px;
    }
    .training-page--icons.training-page--icons-three-cols .lesson-list li,
    .training-page--icons.training-page--icons-three-cols .xdget-trainingList .stream-table tr {
        flex: 0 0 calc(100% / 3 - 15px);
    }
    .training-page--icons.training-page--icons-three-cols .lesson-list li a {
        padding: 30px 20px 50px 23px;
    }
    .training-page--icons.training-page--icons-three-cols .xdget-trainingList .stream-table tr td a {
        padding: 64px 23px 19px 23px;
    }
    .training-page--icons.training-page--icons-three-cols .lesson-list li .item-main-td {
        flex-direction: column;
        gap: 12px;
    }
    .training-page--icons.training-page--icons-three-cols .lesson-list li .item-main-td::before {
        margin-right: 0;
    }
    .training-page--icons-lib .lesson-list li .item-main-td::before {
        width: 33px;
        height: 38px;
    }
    .training-page--icons-video .lesson-list li .item-main-td::before,
    .training-page--icons-video .xdget-trainingList .stream-table tr td a::before {
        width: 37px;
        height: 39px;
    }
    .training-page--icons .xdget-trainingList .stream-table tr td a::before {
        top: 24px;
    }
    .training-page--icons-test .lesson-list li .item-main-td::before {
        width: 41px;
        height: 44px;
    }
    .training-page--icons.training-page--icons-three-cols .lesson-list li .item-main-td::after {
        bottom: -38px;
    }
}
@media (max-width: 991px) {
    .training-page--icons .lesson-list,
    .training-page--icons .xdget-trainingList .stream-table tbody {
        gap: 22px;
    }
    .training-page--icons .lesson-list li::after {
        height: 94%;
    }
    .training-page--icons .lesson-list li a {
        padding: 19px 16px 15px 22px;
    }
    .training-page--icons .lesson-list li .item-main-td::before {
        --s: 34px;
        margin-right: 12px;
    }
    .training-page--icons .lesson-list li .item-main-td::after {
        width: 32px;
        height: 24px;
        margin-left: 10px;
    }
    .training-page--icons .lesson-list li .description,
    .training-page--icons .xdget-trainingList .stream-table tr td a .stream-title + div {
        margin-top: 13px;
    }
    .training-page--icons .xdget-trainingList .stream-table tr td a .stream-title + div {
        gap: 16px;
    }
    /* Three cols - Lib, Video, Test */
    .training-page--icons.training-page--icons-three-cols .lesson-list li,
    .training-page--icons.training-page--icons-three-cols .xdget-trainingList .stream-table tr {
        flex: 0 0 calc(100% / 2 - 11px);
    }
    .training-page--icons.training-page--icons-three-cols .xdget-trainingList .stream-table tr td a {
        min-height: 133px;
        padding: 19px 44px 19px 60px;
    }
    .training-page--icons.training-page--icons-three-cols .lesson-list li .item-main-td {
        flex-direction: row;
    }
}
@media (max-width: 767px) {
    .training-page--icons .lesson-list,
    .training-page--icons .xdget-trainingList .stream-table tbody,
    .training-page--icons.training-page--icons-three-cols .lesson-list,
    .training-page--icons.training-page--icons-three-cols .xdget-trainingList .stream-table tbody {
        gap: 5.514vw;
    }
    .training-page--icons .lesson-list li::after {
        bottom: -1.754vw;
        border-width: 0.251vw;
    }
    .training-page--icons .lesson-list li a {
        padding: 4.762vw 4.010vw 3.759vw 5.514vw;
        border-width: 0.251vw;
    }
    .training-page--icons .lesson-list li .item-main-td::before {
        position: absolute;
        top: 0;
        left: 0;
        --s: 13.534vw;
        margin-right: 3.008vw;
    }
    .training-page--icons .lesson-list li .item-main-td::after,
    .training-page--icons .xdget-trainingList .stream-table tr td a::after {
        position: absolute;
        top: 0;
        right: 0;
        left: unset;
        width: 8.020vw;
        height: 6.015vw;
        background-size: 3.509vw 3.509vw;
        padding: 1.504vw 2.256vw;
        border-width: 0.150vw;
        margin-left: 2.506vw;
        transform: none;
    }
    .training-page--icons .xdget-trainingList .stream-table tr td a::after {
        width: 8.521vw;
        height: 6.516vw;
        right: 6.015vw;
        bottom: 5.514vw;
        top: unset;
        margin: 0;
    }
    .training-page--icons .lesson-list li .title {
        padding-left: 17.544vw;
        padding-right: 10.028vw;
    }
    .training-page--icons .xdget-trainingList .stream-table tr td a .stream-title {
        padding-left: 12.782vw;
    }
    .training-page--icons .lesson-list li .description,
    .training-page--icons .xdget-trainingList .stream-table tr td a .stream-title + div {
        margin-top: 3.258vw;
    }
    .training-page--icons .xdget-trainingList .stream-table tr td a .stream-title + div {
        gap: 1.504vw;
    }
    .training-page--icons .xdget-trainingList .stream-table tr td a::before {
        top: 5.013vw;
        left: 5.514vw;
    }
    /* Three cols - Lib, Video, Test */
    .training-page--icons.training-page--icons-three-cols .lesson-list li,
    .training-page--icons.training-page--icons-three-cols .xdget-trainingList .stream-table tr {
        flex: 0 0 100%;
    }
    .training-page--icons.training-page--icons-three-cols .lesson-list li a {
        min-height: 20.050vw;
        padding: 4.762vw 4.010vw 3.759vw 5.514vw;
    }
    .training-page--icons.training-page--icons-three-cols .xdget-trainingList .stream-table tr td a {
        min-height: 33.333vw;
        padding: 4.762vw 19.298vw 4.762vw 5.514vw;
    }
    .training-page--icons.training-page--icons-three-cols .lesson-list li .item-main-td {
        gap: 3.008vw;
    }
    .training-page--icons.training-page--icons-three-cols .lesson-list li .item-main-td::before {
        position: static;
    }
    .training-page--icons-lib .lesson-list li .item-main-td::before {
        width: 7.519vw;
        height: 8.271vw;
    }
    .training-page--icons-video .lesson-list li .item-main-td::before,
    .training-page--icons-video .xdget-trainingList .stream-table tr td a::before,
    .training-page--icons-test .lesson-list li .item-main-td::before {
        width: 10.025vw;
        height: 10.777vw;
    }
    .training-page--icons.training-page--icons-three-cols .lesson-list li .item-main-td::after {
        bottom: -9.524vw;
        width: 7.769vw;
        height: 6.015vw;
    }
    .training-page--icons.training-page--icons-three-cols .lesson-list li .title {
        padding: 0 10.526vw 0 0;
    }
}
/* ------------- 
content finish - training-page
------------- */

/* ------------- 
content start - main-training-page / products
------------- */

/* Trainings List */
.training-page--products .xdget-trainingList {
    padding: 0;
}
.main-training-page .stream-table {
	margin-bottom: 0;
}
.main-training-page .trainings-title {
    display: flex;
    align-items: center;
    color: var(--black-color);
    font-family: var(--second-family);
    font-size: var(--header-h4);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.33px;
    text-transform: uppercase;
	margin-bottom: 30px;
}
.main-training-page .trainings-title::after {
    --s: 12px;
    content: '';
    width: var(--s);
    height: var(--s);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='6' fill='%23FF7918'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.training-page--products .xdget-trainingList .col-md-12 {
    padding: 0;
}
.training-page--products .stream-table {
    margin: 0;
}
.main-training-page .trainings-wrapper,
.training-page--products .stream-table tbody {
	display: flex;
    justify-content: flex-start;
    gap: 4px;
    margin-bottom: 60px;
}
.training-page--products .stream-table tbody {
    flex-wrap: wrap;
    gap: 30px 4px;
    margin: 0;
}
.main-training-page .trainings-wrapper.trainings-wrapper--libs {
	margin-bottom: 0;
}
.main-training-page .trainings-wrapper tr {
    position: relative;
    overflow: hidden;
	flex: 0 0 calc(100% / 5 - 3px);
}
.training-page--products .stream-table tbody tr {
    position: relative;
    overflow: hidden;
	flex: 0 0 calc(100% / 4 - 3px);
}
.main-training-page .trainings-wrapper--libs tr {
	flex: 0 0 calc(100% / 4 - 3px);
}
.main-training-page .trainings-wrapper tr td,
.training-page--products .stream-table tbody tr td {
	display: block;
    height: 100%;
    padding: 0;
}
.main-training-page .trainings-wrapper tr a,
.training-page--products .stream-table tbody tr td a {
    display: block;
    height: 100%;
    background-color: var(--training-bg-course);
	padding: 32px 24px 105px;
    border-radius: var(--br-6);
    text-decoration: none !important;
    transition: var(--transition);
}
.training-page--products .stream-table tbody tr td a {
	min-height: 312px;
}
.main-training-page .trainings-wrapper--libs tr a {
	background-color: var(--training-bg-lib);
}
.main-training-page .trainings-wrapper .stream-title,
.training-page--products .stream-table .stream-title {
    display: block;
    color: var(--black-color);
    font-family: var(--second-family);
    font-size: var(--text-22);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.22px;
    text-transform: uppercase;
    margin-bottom: 15px;
    transition: var(--transition);
}
.main-training-page .trainings-wrapper .stream-title + div {
    color: var(--secondary-text);
    font-family: var(--font-family);
    font-size: var(--text-14);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.14px;
    margin-bottom: 15px;
    transition: var(--transition);
}
.training-page--products .stream-table .stream-title + div {
    display: none;
}
.main-training-page .trainings-wrapper .training-decoration,
.training-page--products .stream-table .training-decoration {
    width: fit-content;
    padding: 6px 9px;
    border-radius: var(--br-7);
    border: 0.6px solid var(--black-color);
    transition: var(--transition);
}
.main-training-page .trainings-wrapper .training-decoration svg,
.training-page--products .stream-table .training-decoration svg {
    display: block;
    transition: var(--transition);
}
/* Images */
.training-page--products .stream-table .training-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 224px;
    height: auto;
}
@media (min-width: 769px) {
    .main-training-page .trainings-wrapper tr:hover a,
    .training-page--products .stream-table tbody tr:hover td a {
        background-color: var(--training-bg-course-accent);
    }
    .main-training-page .trainings-wrapper tr:hover a .stream-title,
    .main-training-page .trainings-wrapper tr:hover a .stream-title + div,
    .training-page--products .stream-table tbody tr:hover a .stream-title {
        color: var(--white-color);
    }
    .main-training-page .trainings-wrapper tr:hover a .training-decoration,
    .training-page--products .stream-table tbody tr:hover td a .training-decoration {
        border-color: var(--white-color);
        background-color: var(--white-color);
    }
    .main-training-page .trainings-wrapper tr:hover a .training-decoration svg path,
    .training-page--products .stream-table tbody tr:hover td a .training-decoration svg path {
        fill: var(--secondary-text);
    }
}

@media (max-width: 1440px) {
    /* Trainings List */
    .main-training-page .trainings-title {
        margin-bottom: 20px;
    }
    .main-training-page .trainings-title::after {
        --s: 10px;
    }
    .main-training-page .trainings-wrapper {
        margin-bottom: 48px;
    }
    .main-training-page .trainings-wrapper tr a {
        padding: 24px 24px 80px;
    }
    .training-page--products .stream-table tbody tr td a {
        padding: 24px 20px 80px;
    }
    .main-training-page .trainings-wrapper--courses {
        flex-wrap: wrap;
    }
    .main-training-page .trainings-wrapper--courses tr:nth-child(-n+3) {
        flex: 0 0 calc(100% / 3 - 3px);
    }
    .main-training-page .trainings-wrapper--courses tr:nth-child(4),
    .main-training-page .trainings-wrapper--courses tr:nth-child(5) {
        flex: 0 0 calc(100% / 2 - 2px);
    }
    .training-page--products .stream-table tbody tr {
        flex: 0 0 calc(100% / 3 - 3px);
    }
    .main-training-page .trainings-wrapper .stream-title,
    .training-page--products .stream-table tr a .stream-title {
        margin-bottom: 10px;
    }
}
@media (max-width: 1199px) {
    .main-training-page .trainings-wrapper--libs {
        flex-wrap: wrap;
    }
    .main-training-page .trainings-wrapper--libs tr {
        flex: 0 0 calc(100% / 2 - 2px);
    }
}
@media (max-width: 991px) {
    /* Trainings List */
    .main-training-page .trainings-wrapper tr td a {
        padding: 20px 24px;
    }
    .training-page--products .stream-table tbody tr td a {
        padding: 20px;
    }
    .main-training-page .trainings-wrapper .stream-title + div {
        margin-bottom: 55px;
    }
    .training-page--products .stream-table tbody {
        gap: 16px 4px;
    }
    .training-page--products .stream-table tbody tr td a {
        min-height: 260px;
    }
    .training-page--products .stream-table .stream-title {
        font-size: var(--text-18);
    }
    /* Images */
    .training-page--products .stream-table .training-image {
        width: 170px;
    }
}
@media (max-width: 767px) {
    /* Trainings List */
    .main-training-page .trainings-title {
        margin-bottom: 5.013vw;
    }
    .main-training-page .trainings-title::after {
        --s: 2.506vw;
    }
    .main-training-page .trainings-wrapper {
        gap: 1.003vw;
        margin-bottom: 12.030vw;
    }
    .training-page--products .stream-table tbody {
        gap: 2.506vw;
    }
    .main-training-page .trainings-wrapper.trainings-wrapper--courses tr,
    .main-training-page .trainings-wrapper--libs tr,
    .training-page--products .stream-table tbody tr {
        flex: 0 0 100%;
    }

    .main-training-page .trainings-wrapper tr a,
    .training-page--products .stream-table tbody tr td a {
        padding: 5.013vw 6.015vw;
    }
    .training-page--products .stream-table tbody tr td a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 35.088vw;
        padding: 5.514vw 27.569vw 5.263vw 6.015vw;
    }
    .main-training-page .trainings-wrapper .stream-title,
    .training-page--products .stream-table tr a .stream-title {
        margin-bottom: 2.506vw;
    }
    .main-training-page .trainings-wrapper .stream-title + div {
        margin-bottom: 13.784vw;
    }
    .main-training-page .trainings-wrapper .training-decoration,
    .training-page--products .stream-table tr a .training-decoration {
        padding: 1.504vw 2.256vw;
        border-width: 0.150vw;
    }
    /* Images */
    .training-page--products .stream-table .training-image {
        width: 29.073vw;
    }
}
/* ------------- 
content finish - main-training-page / products
------------- */
