/* For old browsers */
@supports (not(--css: variables))
{
    .supports_error
    {
        display: flex !important;
    }
}

/* For IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .supports_error
    {
        display: flex !important;
    }
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Black.eot');
    src: local('Gilroy Black'), local('Gilroy-Black'),
        url('../fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Black.woff2') format('woff2'),
        url('../fonts/Gilroy-Black.woff') format('woff'),
        url('../fonts/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* ubuntu-300 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ubuntu-v20-cyrillic_cyrillic-ext_latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-300italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/ubuntu-v20-cyrillic_cyrillic-ext_latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v20-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/ubuntu-v20-cyrillic_cyrillic-ext_latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v20-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-500italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/ubuntu-v20-cyrillic_cyrillic-ext_latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v20-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/ubuntu-v20-cyrillic_cyrillic-ext_latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v13-cyrillic_cyrillic-ext_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter-v13-cyrillic_cyrillic-ext_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v13-cyrillic_cyrillic-ext_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v13-cyrillic_cyrillic-ext_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v13-cyrillic_cyrillic-ext_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter-v13-cyrillic_cyrillic-ext_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*------------------
    Reset styles
------------------*/
*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*:before,
*:after
{
    box-sizing: border-box;
}

html
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
        -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body
{
    margin: 0;

    overscroll-behavior-y: contain;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    text-rendering: optimizeLegibility;
    text-decoration-skip: objects;
}

img
{
    border-style: none;
}

textarea
{
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active,
button
{
    margin: 0;

    -webkit-border-radius: 0;
            border-radius: 0;
         outline: none transparent !important;
    box-shadow: none;

    -webkit-appearance: none;
            appearance: none;
    -moz-outline: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
    margin: 0;

    -webkit-appearance: none;
}

input[type=number]
{
    -moz-appearance: textfield;
}

:focus
{
    outline: 0;
}

:hover,
:active
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}


::-ms-clear
{
    display: none;
}



/*-------------------
    Global styles
-------------------*/
:root
{
    --bg: linear-gradient(0deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, .95)), var(--main_color);
    --sidebar_width: 296px;
    --scroll_width: 17px;
    --text_color: #353352;
    --font_size: 14px;
    --font_size_title: 20px;
    --font_family: 'Ubuntu', 'Arial', sans-serif;
    /*--main_color: #0a00c5;*/
    --main_color: #90f;
    --color_title: #020027;
    --color_light: linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), var(--main_color);
    --color_light_anima: rgba(255, 0, 0, .05);
    --border: var(--main_color);
    --text_page1: #312C5C;
    --text_page2: #443E73;
}


::selection
{
    color: #fff;

    background: var(--main_color);
}

::-moz-selection
{
    color: #fff;

    background: var(--main_color);
}


.clear
{
    clear: both;
}

.left
{
    float: left;
}

.right
{
    float: right;
}



html
{
    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;
}

html.custom_scroll ::-webkit-scrollbar
{
    width: 10px;
    height: 10px;

    background-color: #ccc;
}

html.custom_scroll ::-webkit-scrollbar-thumb
{
    background-color: var(--main_color);
}

html.custom_scroll
{
    scrollbar-color: var(--main_color) #ccc;
    scrollbar-width: thin;
}


body
{
    color: var(--text_color);
    font: var(--font_size) var(--font_family);

    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;
}

body.menu_open
{
    position: fixed;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
}


button
{
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;

    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}


.wrap
{
    position: relative;
    z-index: 9;

    display: flex;
    overflow: hidden;
    flex-direction: column;

    min-width: 375px;
    min-height: 100%;

    background: var(--bg);
}

.wrap.white
{
    background: #fff;
}


.main
{
    display: flex;
    flex-direction: column;

    flex: 1 0 auto;
}


.lozad
{
    transition: opacity .5s linear;

    opacity: 0;
}

.lozad.loaded
{
    opacity: 1;
}


.cont
{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}


.row
{
    display: flex;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.menu_open .content_flex{
    z-index: auto;
}
.content_flex
{
    display: flex;
    flex-direction: column;

    flex: 1 0 auto;
    z-index: 1;
}

.content_flex.row,
.content_flex > .cont.row
{
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    flex: 1 0 auto;
}

.content_flex .content
{
    position: relative;

    display: flex;
    flex-direction: column;

    width: calc(100% - var(--sidebar_width));
    padding: 52px 40px 0;
    overflow: clip;
    transition: 0.2s;
}

.content_flex .content > *
{
    width: 100%;
}

.content_flex .content > * + *
{
    margin-top: 40px;
}

.content_flex .content > *:nth-last-child(2)
{
    margin-bottom: 60px;
}



.supports_error
{
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    line-height: 30px;

    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;
    padding: 20px;

    text-align: center;

    background: #fff;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.supports_error.show
{
    display: flex;
}



/*----------------
    Page title
----------------*/
.page_title
{
    font-size: 28px;
    font-weight: bold;
    line-height: calc(100% + 4px);

    display: flex;

    margin-bottom: -12px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;

}
.wrapper_head_courses .page_title{
    flex-grow: 1;
}

.sub_title{
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
}


.page_title .icon
{
    color: #4580e5;

    display: block;

    width: 30px;
    height: 22px;
    margin-right: 15px;
}



/*---------------
    Back link
---------------*/
.back_link
{
    margin-bottom: -12px;
}


.back_link a
{
    color: #505261;
    line-height: 19px;

    display: flex;

    text-decoration: none;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.back_link .icon
{
    color: #4580e5;

    display: block;

    width: 20px;
    height: 15px;
    margin-right: 10px;
}


.back_link a.big
{
    color: var(--text_color);
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
}

.back_link a.big .icon
{
    width: 30px;
    height: 22px;
    margin-right: 15px;
}



/*-----------------
    Block title
-----------------*/
.block_title
{
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;

    margin-bottom: 30px;
}



/*------------------
    Content cols
------------------*/
.content .cols
{
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.content .col_main
{
    position: relative;

    width: calc(100% - 314px);
}

.content .col_right
{
    position: relative;

    width: 284px;
    max-width: 100%;
    margin-left: auto;
}


.content .cols .block_title
{
    font-size: 28px;
    font-weight: bold;
    line-height: 32px;

    margin-bottom: 25px;
}



/*--------------
    Fancybox
--------------*/
.fancybox__backdrop
{
    background: rgba(0,0,0,.80);
}


.fancybox__slide
{
    padding: 40px;
}


.modal .carousel__button.is-close
{
    /*display: none;*/
}


.fancybox__content > .carousel__button.is-close 
{
    color: #000;

    top: 20px;
    right: 20px;

    width: 28px;
    height: 28px;
}

.fancybox__content>.f-button.is-close-btn{
    
}

.modal.fancybox__content > .carousel__button.is-close svg
{
    display: block;

    width: 28px;
    height: 28px;

    filter: none;
    stroke: none;
    stroke-width: 1px;
}

.is-compact .fancybox__content>.f-button.is-close-btn{
    color: #000 !important;
    background: none !important;
}


/*----------------
    Mini modal
----------------*/
.modal_cont
{
    position: relative;
}


.mini_modal
{
    position: absolute;
    z-index: 10000;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;

    transition: .2s linear;
    pointer-events: none;

    opacity: 0;
}

.mini_modal.active
{
    top: 100%;

    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}



/*------------
    Header
------------*/
header
{
    position: relative;
    z-index: 10;

    background: #fff;
}


header .cont
{
    height: 98px;
    padding-right: 40px;
}



header .logo
{
    display: flex;

    width: var(--sidebar_width);
    height: 100%;
    margin-right: auto;
    padding: 20px;

    border-right: 1px solid #e0e8f6;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


header .logo img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}



header .wallet
{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;

    display: flex;

    white-space: nowrap;

    align-self: center;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    color: var(--text_color);
    text-decoration: none;
}

header .wallet .icon
{
    color: #a3b7d9;

    display: block;

    width: 29px;
    height: 29px;
    margin-right: 7px;
}



header .sep
{
    width: 1px;
    height: 100%;
    margin-left: 30px;

    background: #e0e8f6;
}



header .nitifications
{
    position: relative;

    display: flex;

    width: 20px;
    height: 21px;
    margin-left: 28px;

    align-self: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

header .nitifications.new:after
{
    position: absolute;
    top: -1px;
    right: 0;

    display: block;

    width: 7px;
    height: 7px;

    content: '';

    border: 1px solid #fff;
    border-radius: 50%;
    background: #ff3737;
}

header .nitifications .icon
{
    color: #a3b7d9;

    display: block;

    width: 20px;
    height: 21px;
}



header .account
{
    display: flex;

    margin-left: 15px;

    align-self: center;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

header .account .support_link
{
    color: #a3b7d9;

    display: flex;

    width: 24px;
    height: 24px;

    text-decoration: none;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    margin-right: 15px;
    position: relative;
}



header .account .support_link.active:before{
    content:"";
    display: block;
    width: 7px;
    height: 7px;
    background: #D11A1A;
    border: 1px solid #FFFFFF;
    position: absolute;
    right: 0;
    top:0;
    border-radius: 50%;
}

header .account .support_link .icon
{
    display: block;

    width: 24px;
    height: 24px;
}



header .account .settings_link
{
    color: #a3b7d9;

    display: flex;

    width: 24px;
    height: 24px;

    text-decoration: none;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

header .account .settings_link .icon
{
    display: block;

    width: 24px;
    height: 24px;
}


header .account .user
{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;

    display: flex;

    margin-left: 45px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

header .account .user .name
{
    max-width: 300px;
}


header .account .avatar
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 38px;
    height: 38px;
    margin-right: 9px;

    border-radius: 50%;
    background: #c4cbd7;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

header .account .avatar .icon
{
    color: #6b7078;

    display: block;

    width: 24px;
    height: 24px;
}

header .account .avatar img
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


header .account .logout_link
{
    color: #a3b7d9;

    position: relative;
    top: 1px;

    display: flex;

    width: 24px;
    height: 24px;
    margin-left: 8px;

    text-decoration: none;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

header .account .logout_link .icon
{
    display: block;

    width: 24px;
    height: 24px;
}



/*-----------------
    Mob. header
-----------------*/
.mob_header
{
    position: relative;
    z-index: 9;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    padding: 16px 24px;

    background: #fff;
}


.mob_header .row
{
    justify-content: space-between;
    align-items: center;
    align-content: center;
}



.mob_header .menu_btn
{
    color: var(--text_color);

    display: flex;

    width: 20px;
    height: 20px;
    margin-right: 20px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.mob_header .menu_btn .icon
{
    display: block;

    width: 20px;
    height: 14px;
}



.mob_header .page_title
{
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;

    margin-right: auto;
    margin-bottom: 0;
}



.mob_header .wallet
{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;

    display: flex;

    margin-left: auto;

    white-space: nowrap;

    align-self: center;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.mob_header .wallet .icon
{
    color: #a3b7d9;

    display: block;

    width: 20px;
    height: 21px;
    margin-right: 7px;
}



.mob_header .nitifications
{
    position: relative;

    display: flex;

    width: 20px;
    height: 21px;
    margin-left: 28px;

    align-self: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.mob_header .nitifications.new:after
{
    position: absolute;
    top: -1px;
    right: 0;

    display: block;

    width: 7px;
    height: 7px;

    content: '';

    border: 1px solid #fff;
    border-radius: 50%;
    background: #ff3737;
}

.mob_header .nitifications .icon
{
    color: #a3b7d9;

    display: block;

    width: 20px;
    height: 21px;
}



.mob_header .account
{
    margin-left: 28px;
}


.mob_header .account .user
{
    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.mob_header .account .avatar
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 38px;
    height: 38px;

    border-radius: 50%;
    background: #c4cbd7;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.mob_header .account .avatar .icon
{
    color: #6b7078;

    display: block;

    width: 24px;
    height: 24px;
}

.mob_header .account .avatar img
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.mob_header .account .arrow
{
    color: #a3b7d9;

    display: block;

    width: 11px;
    height: 7px;
    margin-left: 5px;

    transition: transform .2s linear;
}

.mob_header .account .user.active .arrow
{
    transform: rotate(180deg);
}


.mob_header .account .mini_modal,
.mob_header .account .mini_modal.active
{
    top: calc(100% + 5px);
    right: 0;
    left: auto;

    min-width: 136px;
    padding: 9px;

    border: 1px solid #818093;
    border-radius: 15px;
    background: #fff;
}


.mob_header .account .mini_modal > * + *
{
    margin-top: 11px;
}

.mob_header .account .mini_modal a
{
    color: var(--text_color);

    display: flex;

    white-space: nowrap;
    text-decoration: none;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.mob_header .account .mini_modal a .icon
{
    color: #a3b7d9;

    display: block;

    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 10px;
}



/*-------------
    Sidebar
-------------*/
aside
{
    width: var(--sidebar_width);
    padding: 50px 0;

    background: linear-gradient(0deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), var(--main_color);
    scrollbar-width: thin;
    
}


aside .close_btn
{
    color: #fff;

    position: relative;
    z-index: 9;

    display: none;

    width: 30px;
    height: 29px;
    margin-bottom: 32px;
    margin-left: 18px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

aside .close_btn .icon
{
    display: block;

    width: 30px;
    height: 29px;
}



aside .menu .item + .item
{
    margin-top: 30px;
}


aside .menu .item > a
{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;

    position: relative;
    z-index: 3;

    display: flex;

    padding: 0 35px 0 43px;

    transition: background .2s linear;
    text-decoration: none;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

aside .menu .item > a:before
{
    position: absolute;
    top: -10px;
    left: 0;

    display: block;

    width: 5px;
    height: calc(100% + 20px);

    content: '';
    transition: opacity .2s linear;

    opacity: 0;
    border-radius: 0 100px 100px 0;
    background: #fff;
}

aside .menu .item > a:after
{
    position: absolute;
    z-index: -1;
    top: -10px;
    left: 0;

    display: block;

    width: 100%;
    height: calc(100% + 20px);

    content: '';
    transition: opacity .2s linear;
    pointer-events: none;

    opacity: 0;
    background: linear-gradient(266.91deg, rgba(238, 238, 238, .105499) 2.29%, rgba(255, 255, 255, .0001) 97.44%);
}


aside .menu .item .icon
{
    color: rgba(255,255,255,.6);

    position: relative;

    display: flex;

    width: 28px;
    height: 28px;

    transition: color .2s linear;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

aside .menu .item .icon.point:before
{
    position: absolute;
    bottom: 100%;
    left: 100%;

    display: block;

    width: 10px;
    height: 10px;

    content: '';
    transition: opacity .2s linear;

    border-radius: 50%;
    background: #ff4762;
}

aside .menu .item .icon > *
{
    display: block;

    width: 28px;
    max-width: 100%;
    height: 28px;
    max-height: 100%;
    fill: rgba(255, 255, 255, .6);
}

aside .menu .item .icon1 > *
{
    height: 18px;
}

aside .menu .item .icon5_2 > *
{
    height: 26px;
}

aside .menu .item .icon5_3 > *
{
    height: 25px;
}

aside .menu .item .icon2 > *,
aside .menu .item .icon12 > *
{
    height: 27px;
}

aside .menu .item .icon3 > *
{
    height: 17px;
}

aside .menu .item .icon6 > *,
aside .menu .item .icon9 > *
{
    height: 24px;
}

aside .menu .item .icon10 > *
{
    height: 35px;
}

aside .menu .item .icon11 > *
{
    height: 19px;
}

aside .menu .item .icon14 > *
{
    height: 23px;
}

aside .menu .item .icon999
{
    height: 32px;
}

aside .menu .item .icon9999
{
    height: 32px;
    width: 32px;
}

aside .menu .item .icon1414
{
    height: 35px;
    width: 35px;
}

aside .menu .item .icon3_new
{
    height: 32px;
    width: 27px;
}


aside .menu .item .icon2_new
{
    height: 23px;
    width: 28px;
}



aside .menu .item .icon1414 svg
{
    height: 35px;
    width: 35px;
}

aside .menu .item .icon9999 svg
{
    height: 32px;
    width: 32px;
}

aside .menu .item .icon + span
{
    max-width: calc(100% - 48px);
    margin-left: 20px;

    transition: opacity .2s linear;

    opacity: .6;
}


aside .menu .item .count
{
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;

    position: absolute;
    top: 3px;
    right: 100%;

    width: 18px;
    height: 18px;
    margin-right: 10px;

    text-align: center;

    border-radius: 50%;
    background: #ff4762;
}


aside .menu .item .arrow
{
    position: absolute;
    top: 11px;
    right: 23px;

    display: block;

    width: 11px;
    height: 7px;
    margin-left: auto;

    transition: .2s linear;

    opacity: .6;
}


aside .menu .item > a:hover:after,
aside .menu .item > a.active:after,
aside .menu .item > a.active:before,
aside .menu .item > a.active .arrow,
aside .menu .item > a.active .icon + span
{
    opacity: 1;
}

aside .menu .item > a.active .icon
{
    color: #fff;
}

aside .menu .item > a.open .icon.point:before
{
    opacity: 0;
}


aside .menu .item > a.sub_link
{
    /*margin-right: 22px;*/
    margin-left: 28px;
    padding-right: 20px;
    padding-left: 15px;
}




aside .menu .item > a.sub_link:after
{
    /*transition: border-radius .2s linear;

    border-radius: 15px;
    background: rgba(0, 0, 0, .12);*/
}

aside .menu .item > a.sub_link.open:after
{
    /*border-radius: 15px 15px 0 0;*/
}

aside .menu .item > a.sub_link:before
{
    left: -28px;
}

aside .menu .item > a.sub_link.open .arrow
{
    transform: rotate(180deg);
}

/* aside .menu .item > a.sub_link + .sub_menu
{
    display: block;
} */


aside .menu .sub_menu
{
    display: none;

    margin-top: 10px;
    margin-right: 22px;
    margin-left: 28px;
    padding: 2px 20px 15px 67px;

    border-radius: 0 0 15px 15px;
    background: rgba(0, 0, 0, .12);
}

aside .menu .sub_menu > * + *
{
    margin-top: 10px;
}


aside .menu .sub_menu a
{
    color: rgba(255, 255, 255, .6);
    line-height: 24px;

    position: relative;

    display: block;

    text-decoration: none;
}

aside .menu .sub_menu a.active
{
    color: #fff;
}



/*----------------
    Block head
----------------*/
.block_head
{
    display: flex;

    margin-bottom: 30px;
    padding: 16px 20px;

    border-radius: 15px;
    background: var(--color_light);

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}


.block_head .icon
{
    display: flex;

    width: 43px;
    height: 43px;
    margin-right: 17px;

    border-radius: 7px;
    background: #fff;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.block_head .icon svg
{
    color: var(--main_color);

    display: block;

    max-width: 100%;
    max-height: 100%;
}


.block_head .title
{
    color: var(--color_title);
    font-size: var(--font_size_title);
    font-weight: bold;
    line-height: calc(100% + 3px);
}


.block_head .count
{
    color: #7f85ad;
    line-height: 16px;

    margin-top: 4px;
}


.block_head .all_link
{
    margin-left: auto;
}

.block_head .all_link a
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: inline-block;

    padding: 9px 30px;

    vertical-align: top;
    text-decoration: none;

    border-radius: 16px;
    background: var(--main_color);
}

.block_head .all_link .arrow
{
    display: none;

    width: 11px;
    height: 7px;

    transform: rotate(-90deg);
}



/*--------------
    BG block
--------------*/
.bg_block
{
    padding: 24px 22px;

    border-radius: 15px;
    background: #fff;
}

.bg_block > * + *
{
    margin-top: 30px;
}



/*----------------
    Typography
----------------*/
.text_block
{
    color: var(--text_color);
    line-height: 19px;
}

.text_block h1, .text_block h3, .text_block h3, .text_block h4,.text_block h5, .text_block h6{
    line-height: 1;
}


.text_block > *
{
    margin-bottom: 20px;
}


.text_block > :last-child
{
    margin-bottom: 0 !important;
}

.text_block > :first-child
{
    margin-top: 0 !important;
}


.text_block h2
{
    color: #061058;
    font-size: 20px;
    font-weight: bold;
    line-height: 100%;

    margin-bottom: 14px;

    letter-spacing: -.375px;
}

.text_block h1{
    color: #061058;
    font-size: 30px;
    font-weight: bold;
    line-height: 100%;

    margin-bottom: 14px;

    letter-spacing: -.375px;
}

.text_block h3{
    color: #061058;
    font-size: 18px;
    font-weight: bold;
    line-height: 100%;

    margin-bottom: 14px;

    letter-spacing: -.375px;
}



.text_block * + h2, .text_block * + h3, .text_block * + h1
{
    margin-top: 40px;
}

.text_block h2 + *, .text_block h1 + *, .text_block h1 + *
{
    margin-top: 0 !important;
}


.text_block b,
.text_block strong
{
    color: #3d3d3d;
}


.text_block blockquote
{
    color: #6870a9;
    font-style: italic;
    line-height: 19px;

    display: block;

    margin-top: 28px;
    margin-bottom: 28px;
    padding: 15px 18px 20px;

    border-radius: 14px;
    background: #e9f0fc;
}

.text_block blockquote .author
{
    color: #2935aa;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;

    position: relative;

    margin-top: 14px;
    padding-left: 40px;
}

.text_block blockquote .author .icon
{
    color: #a3aec2;

    position: absolute;
    top: -3px;
    left: 0;

    display: block;

    width: 28px;
    height: 22px;
}


.text_block img
{
    display: block;
    width: 100%;
    max-width: 100%;
}

.text_block img.loaded
{
    height: auto !important;
}


.text_block figure
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    /*width: 100%;*/
    margin-top: 28px;
    margin-bottom: 28px;

    border-radius: 14px;
    background: #e9f0fc;
}

.text_block figure figcaption
{
    color: #505261;
    line-height: 19px;

    display: block;

    padding: 21px 24px 26px;
}


.text_block ul li
{
    color: #505261;
   /* font-weight: bold;*/
    line-height: 19px;

    position: relative;

    display: block;
    overflow: hidden;

    padding-left: 16px;

    list-style-type: none;
}

.text_block ul li:before
{
    position: absolute;
    top: 4px;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;

    content: '';
    transition: background .2s linear;

    border: 2px solid #505261;
    border-radius: 50%;
}

.text_block ul li:hover:before
{
    background: #505261;
}


.text_block hr
{
    display: block;

    width: 100%;
    height: 1px;

    border: none;
    background: #c9c9c9;
}


.text_block ol
{
    counter-reset: li;
}

.text_block ol li
{
    color: #505261;
    /*font-weight: bold;*/
    line-height: 19px;

    position: relative;

    display: block;
    overflow: hidden;

    padding-left: 16px;

    list-style-type: none;
}

.text_block ol li:before
{
    position: absolute;
    top: 0;
    left: 0;

    content: counter(li) '.';
    counter-increment: li;
}


.text_block .table_wrap
{
    overflow: auto;

    max-width: 100%;
    margin-top: 28px;
    margin-bottom: 28px;

    border-radius: 15px;
}


.text_block table
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;
}


.text_block table th
{
    color: #505261;
    font-weight: 500;
    line-height: 16px;

    padding: 16px 20px;

    text-align: left;
    vertical-align: middle;

    border-bottom: 1px solid #c0cde4;
    background: #f6faff;
}

.text_block table th + th
{
    border-left: 1px solid #c0cde4;
}


.text_block table td
{
    color: #505261;
    line-height: 16px;

    padding: 16px 20px;

    transition: background .2s linear;
    text-align: left;
    vertical-align: middle;
}

.text_block table td + td
{
    border-left: 1px solid #c0cde4;
}

.text_block table tr + tr
{
    border-top: 1px solid #c0cde4;
}

.text_block table tr:hover td
{
    background: #f9f9f9;
}


.text_block a
{
    color: #384aff;
    font-weight: 500;

    transition: color .2s linear;
    text-decoration: none;
}

.text_block a:visited
{
    color: #592fd1;
}

.text_block a:hover
{
    color: #384aff;

    text-decoration: underline;
}



.text_block .audio_player,
.text_block .video_player
{
    margin-top: 28px;
    margin-bottom: 28px;
}



/*-------------
    Welcome
-------------*/
.welcome
{
    display: flex;

    padding: 25px;

    border-radius: 15px;
    background: #fff;
    box-shadow: 0 3px 31px rgba(148, 155, 195, .15);

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.welcome .avatar
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 78px;
    height: 78px;

    border-radius: 50%;
    background: #c4cbd7;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.welcome .avatar .icon
{
    color: #6b7078;

    display: block;

    width: 50px;
    height: 50px;
}

.welcome .avatar img
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}

.welcome .avatar + *
{
    width: calc(100% - 103px);
}


.welcome .name
{
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;

    letter-spacing: -.3px;
}

.welcome .last_date
{
    color: #b4b7cc;
    line-height: 16px;

    margin-top: 5px;
}



/*------------------
    Notification
------------------*/
.notification
{
    display: flex;

    margin-top: 20px !important;
    padding: 24px 25px;

    border-radius: 15px;
    background: #fff;
    box-shadow: 0 3px 31px rgba(148, 155, 195, .15);

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.notification .icon
{
    position: relative;

    display: flex;

    width: 50px;
    height: 50px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.notification .icon svg
{
    display: block;

    width: 50px;
    height: 50px;
}

.notification .icon .count
{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;

    position: absolute;
    top: -14px;
    right: -14px;

    width: 24px;
    height: 24px;

    text-align: center;

    border-radius: 50%;
    background: #ff4762;
}

.notification .icon + *
{
    display: flex;

    width: calc(100% - 75px);

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.notification .title
{
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;

    letter-spacing: -.3px;
}


.notification .link
{
    color: var(--main_color);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: block;

    padding: 8px 32px;

    transition: .2s linear;
    text-decoration: none;

    border: 2px solid var(--main_color);
    border-radius: 20px;
}

.notification .link:hover
{
    color: #fff;

    background: var(--main_color);
}



/*-------------
    Courses
-------------*/
.courses .row
{
    margin-bottom: -30px;
    margin-left: -30px;

    --courses_count: 3;
    align-items: stretch;
    align-content: stretch;
}

.courses .row > *
{
    width: calc(33.333% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
    display: flex;
    flex-direction: column;
}



.courses .course
{
    position: relative;
    top: 0;

    display: flex;
    overflow: hidden;
    flex-direction: column;

    transition: .3s;

    border-radius: 7px 7px 15px 15px;
    background: #fff;
    /*border: 1px solid var(--border);*/
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.19);
}

.courses .course:hover
{
    top: -10px;

    /*box-shadow: 1px 30px 25px rgb(6 16 88 / 4%);*/
}
/*
.courses .course.complete:after{
    content:"";
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    display: block;
    position: absolute;
    top:0;
}

*/
.courses .course .stickers
{
   
    display: flex;

    width: calc(100%);
    margin-left: -10px;

    pointer-events: none;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.courses .course .sticker
{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;

    margin-bottom: 10px;
    margin-left: 10px;
    padding: 3px 10px 4px;

    white-space: nowrap;

    border-radius: 6px;
}

.courses .course .sticker.blue
{
    background: rgba(52, 153, 247, .75);
}

.courses .course .sticker.red
{
    background: rgba(255, 99, 99, .75);
}

.courses .course .sticker.green
{
    background: rgba(46, 186, 65, .75);
}


.courses .course .thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 53.13%;

    background: #ddd;
}

.courses .course.complete .thumb{
    opacity: 0.4;
}

.courses .course .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.courses .course .info
{
    padding: 20px;

    flex: 1 0 auto;
}

.courses .course.complete .info{
    opacity: 0.4;
}


.courses .course .name
{
    color: #061058;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    letter-spacing: -.3px;
}

.courses .course .name a
{
    color: currentColor;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;
}


.courses .course .desc
{
    color: #4d4f60;
    line-height: 16px;

    display: -webkit-box;
    overflow: hidden;

    margin-top: 10px;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}




.courses .course .progress
{
    color: #061058;

    position: relative;

    height: 19px;
    margin-top: 15px;

    border-radius: 50px;
    background: var(--color_light);
}

.courses .course .progress .line
{
    color: #fff;

    position: relative;

    height: 19px;

    transition: width .2s linear;

    border-radius: 50px;
    background: #ffa133;
}

.courses .course .progress .line.green
{
    background: #2eba41;
}

.courses .course .progress .val
{
    color: currentColor;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;

    position: absolute;
    top: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 100%;

    text-align: center;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.courses .course .stats
{
    color: #b4b7cc;
    font-size: 12px;
    line-height: 14px;

    margin-top: 15px;
}



.courses .course.lock
{
    pointer-events: none;
}

.courses .course.lock .thumb:after
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .5;
    background: #fff;
}

.courses .course.lock .name
{
    position: relative;

    padding-left: 28px;

    opacity: .4;
}

.courses .course.lock .name .icon
{
    position: absolute;
    top: -1px;
    left: 0;

    display: block;

    width: 16px;
    height: 21px;
}

.courses .course.lock .desc
{
    color: #b4b7cc;
}

.courses .course.lock .progress .line
{
    width: 100% !important;

    background: #9b9fbc;
}



/*----------------
    Simulators
----------------*/
.simulators .row
{
    margin-bottom: -30px;
    margin-left: -30px;

    align-items: stretch;
    align-content: stretch;
    --simulators_count: 3;
}

.simulators .row > *
{
    width: calc(33.333% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
}


.simulators .simulator
{
    position: relative;
    top: 0;

    padding: 20px;

    transition: .3s;

    border-radius: 15px;
    background: #fff;

    /*border: 1px solid var(--border);*/
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.19);

}

.simulators .simulator:hover
{
    top: -10px;

    /*box-shadow: 1px 30px 25px rgb(6 16 88 / 4%);*/
}

.simulators .simulator .avatar{
    margin-top: 10px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;

    color: #8381A9;
}

.simulators .simulator .avatar img{
    width: 40px;
    border-radius: 50%;
    margin-right: 10px;
    flex-shrink: 0;
    height: 40px;
    object-fit: cover;
}


.simulators .simulator .format
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    position: absolute;
    top: -11px;
    left: 20px;

    padding: 3px 8px 4px;

    white-space: nowrap;

    border-radius: 6px;
}

.simulators .simulator .format.orange
{
    background: #ffa133;
}

.simulators .simulator .format.blue
{
    background: #43f;
}

.simulators .simulator .format.green
{
    background: #2fb63d;
}

.simulators .simulator .format.red
{
    background: #da3030;
}


.simulators .simulator .name
{
    color: #061058;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    letter-spacing: -.3px;
}

.simulators .simulator .name a
{
    color: currentColor;

    display: flex;
    text-decoration: none;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;

    vertical-align: top;
    text-decoration: none;
}

.simulators .simulator .name .thumb {
    position: relative;
    overflow: hidden;
    width: 39px;
    height: 39px;
    border-radius: 7px;
    background: #ddd;
}

.simulators .simulator .name .thumb img{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.simulators .simulator .name a .thumb + * {
    width: calc(100% - 51px);
    align-self: center;
}


.simulators .simulator .questions_count
{
    color: #4d4f60;
    font-size: 12px;
    line-height: 14px;

    margin-top: 12px;
}


.simulators .simulator .links
{
    display: flex;

    margin-top: 10px;
    margin-bottom: -10px;
    margin-left: -10px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.simulators .simulator .links > *
{
    margin-bottom: 10px;
    margin-left: 10px;
}

.simulators .simulator .links a
{
    color: currentColor;
    font-size: 12px;
    line-height: 14px;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    border-bottom: 1px dashed;
}

.simulators .simulator .links a.blue
{
    color: #178eff;
}

.simulators .simulator .links a.blue2
{
    color: #0a12de;
}

.simulators .simulator .links a.orange
{
    color: #ff9617;
}


.simulators .simulator .last_date
{
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    margin-top: 12px;
}

.simulators .simulator .last_date.green
{
    color: #27cc42;
}

.simulators .simulator .last_date.red
{
    color: #d11a1a;
}



.simulators .list > * + *
{
    margin-top: 30px;
}



/*--------------
    Articles
--------------*/
.articles .categories
{
    display: flex;

    margin-left: -20px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.articles .categories > *
{
    margin-bottom: 20px;
    margin-left: 20px;
}


.articles .categories a
{
    color: #535b89;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    display: inline-block;

    transition: .2s linear;
    vertical-align: top;
    text-decoration: none;
    letter-spacing: -.5px;

    opacity: .5;
}

.articles .categories a:hover
{
    color: #4458d3;

    opacity: 1;
}

.articles .categories a.active
{
    color: #4458d3;
    font-weight: bold;

    opacity: 1;
}


.articles .row
{
    margin-bottom: -30px;
    margin-left: -30px;

    align-items: stretch;
    align-content: stretch;
    --articles_count: 3;
}

.articles .row > *
{
    width: calc(33.333% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
}




.articles .list > * + *
{
    margin-top: 20px;
}


.articles .article
{
    position: relative;
    top: 0;

    display: flex;
    overflow: hidden;
    flex-direction: column;

    transition: .3s;

    border-radius: 7px 7px 15px 15px;
    background: #fff;

    /*border: 1px solid var(--border);*/
    box-shadow: 0px 8px 18px rgb(0 0 0 / 19%);
}

.articles .article:hover
{
    top: -10px;

    /*box-shadow: 1px 30px 25px rgb(6 16 88 / 4%);*/
}


.articles .article .thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 53.13%;

    background: #ddd;
}

.articles .article .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.articles .article .thumb img.small
{
    top: 50%;
    left: 50%;

    width: auto;
    max-width: 70%;
    height: auto;
    max-height: 70%;

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

.articles .article .info
{
    padding: 20px;

    flex: 1 0 auto;
}

.articles .article .info .top_news{
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.articles .article .comment_news
{
    font-size: 12px;
    line-height: 14px;
    opacity: 0.5;
}

.articles .article .author{
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.articles .article .author img{
    margin-right: 5px;
    border-radius: 50%;
    flex-shrink: 0;
    height: 25px;
    object-fit: cover;
}

.articles .article .comment_news svg
{   
    width: 10px;
    height: 10px;
}

.articles .article .name
{
    color: #061058;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    letter-spacing: -.3px;
}

.articles .article .name a
{
    color: currentColor;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;
}


.articles .article .desc
{
    color: #4d4f60;
    line-height: 16px;

    display: -webkit-box;
    overflow: hidden;

    margin-top: 10px;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.articles .article .date
{
    color: #b4b7cc;
    font-size: 12px;
    line-height: 14px;

}

.articles .article .fixed_news
{
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 20px;

    display: flex;

    width: 30px;
    height: 30px;

    border-radius: 50%;
    background: #fff;

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


.articles .article .fixed_news svg
{
    width: 14px;
    height: 14px;
    color: var(--main_color);
}




/*-----------------
    Discussions
-----------------*/
.discussions .row
{
    margin-bottom: -30px;
    margin-left: -30px;

    align-items: stretch;
    align-content: stretch;
    --discussions_count: 3;
}

.discussions .row > *
{
    width: calc(33.333% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
}


.discussions .discussion
{
    position: relative;
    top: 0;

    padding: 20px;

    transition: .3s;

    border-radius: 15px;
    background: #fff;
    
    /*border: 1px solid var(--border);*/
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.19);
}

.discussions .discussion:hover
{
    top: -10px;

    /*box-shadow: 1px 30px 25px rgb(6 16 88 / 4%);*/
}



.discussions .discussion .name
{
    color: #061058;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    letter-spacing: -.3px;
}

.discussions .discussion .name a
{
    color: currentColor;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;
}


.discussions .discussion .stats
{
    display: flex;

    margin-top: 10px;

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


.discussions .discussion .answers_count
{
    color: #4d4f60;
    font-size: 12px;
    line-height: 14px;

    display: flex;

    white-space: nowrap;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.discussions .discussion .answers_count .new
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    width: 15px;
    height: 15px;
    margin-left: 6px;

    text-align: center;

    border-radius: 50%;
    background: #27cc42;
}


.discussions .discussion .last_date
{
    color: #4d4f60;
    font-size: 12px;
    line-height: 14px;

    max-width: 180px;
}

.discussions .discussion .last_date.green
{
    color: #27cc42;
    font-weight: 500;
}



/*-----------
    Polls
-----------*/
.polls .row
{
    margin-bottom: -30px;
    margin-left: -30px;

    align-items: stretch;
    align-content: stretch;
    --polls_count: 3;
}

.polls .row > *
{
    width: calc(33.333% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
}


.polls .poll
{
    position: relative;
    top: 0;

    padding: 20px;

    transition: .3s;

    border-radius: 15px;
    background: #fff;
    /*border: 1px solid var(--border);*/
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.19);
}

.polls .poll:hover
{
    top: -10px;

    /*box-shadow: 1px 30px 25px rgb(6 16 88 / 4%);*/
}


.polls .poll .voted
{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;

    position: absolute;
    top: -9px;
    right: 20px;

    padding: 2px 7px 3px;

    white-space: nowrap;

    border-radius: 10px;
    background: #1bcc53;
}


.polls .poll .name
{
    color: #061058;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    letter-spacing: -.3px;
}

.polls .poll .name a
{
    color: currentColor;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;
}


.polls .poll .desc
{
    color: #b4b7cc;
    line-height: 16px;

    display: -webkit-box;
    overflow: hidden;

    margin-top: 10px;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.polls .poll .bottom
{
    display: flex;

    margin-top: 17px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.polls .poll .date
{
    color: #4d4f60;
    font-size: 12px;
    line-height: 14px;

    white-space: nowrap;
}


.polls .poll .link
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    padding: 9px 17px;

    text-decoration: none;

    border-radius: 16px;
    background: #1bcc53;
}

.polls .poll .link.again
{
    color: #061058;

    background: rgba(124, 118, 187, .15);
}



/*--------------
    Webinars
--------------*/
.webinars .row
{
    margin-bottom: -30px;
    margin-left: -30px;

    align-items: stretch;
    align-content: stretch;
    --webinars_count: 3;
}

.webinars .row > *
{
    width: calc(33.333% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
}


.webinars .webinar
{
    position: relative;
    top: 0;

    padding: 20px;

    transition: .3s;

    border-radius: 15px;
    background: #fff;
    box-shadow: 0 3px 31px rgba(148, 155, 195, .153327);
    /*border: 1px solid var(--border);*/
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.19);
}

.webinars .webinar:hover
{
    top: -10px;

    /*box-shadow: 1px 30px 25px rgb(6 16 88 / 4%);*/
}



.webinars .webinar .name
{
    color: #061058;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    letter-spacing: -.3px;
}

.webinars .webinar .name a
{
    color: currentColor;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;
}


.webinars .webinar .desc
{
    color: #b4b7cc;
    line-height: 16px;

    display: -webkit-box;
    overflow: hidden;

    margin-top: 10px;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.webinars .webinar .bottom
{
    display: flex;

    margin-top: 17px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.webinars .webinar .date
{
    color: #4d4f60;
    font-size: 12px;
    line-height: 14px;

    white-space: nowrap;
}

.webinars .webinar .date > * + *
{
    margin-top: 4px;
}


.webinars .webinar .link
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    padding: 9px 17px;

    text-decoration: none;

    border-radius: 16px;
    background: #1bcc53;
}

.webinars .webinar .link.record
{
    color: #061058;

    background: rgba(124, 118, 187, .15);
}



/*--------------
    Podcasts
--------------*/
.podcasts .row
{
    margin-bottom: -30px;
    margin-left: -30px;

    align-items: stretch;
    align-content: stretch;
    --podcasts_count: 3;
}

.podcasts .row > *
{
    width: calc(33.333% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
}


.podcasts .podcast
{
    position: relative;
    top: 0;

    padding: 20px;

    transition: .3s;

    border-radius: 15px;
    background: #fff;
    /*border: 1px solid var(--border);*/
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.19);
}

.podcasts .podcast:hover
{
    top: -10px;

    /*box-shadow: 1px 30px 25px rgb(6 16 88 / 4%);*/
}


.podcasts .podcast .name
{
    color: #061058;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    letter-spacing: -.3px;
}

.podcasts .podcast .name a
{
    color: currentColor;

    display: flex;

    text-decoration: none;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.podcasts .podcast .thumb
{
    position: relative;

    overflow: hidden;

    width: 39px;
    height: 39px;

    border-radius: 7px;
    background: #ddd;
}

.podcasts .podcast .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.podcasts .podcast .thumb + *
{
    width: calc(100% - 51px);

    align-self: center;
}


.podcasts .podcast .desc
{
    color: #b4b7cc;
    line-height: 16px;

    display: -webkit-box;
    overflow: hidden;

    margin-top: 10px;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



/*-----------
    Files
-----------*/
.files
{
    position: relative;
    z-index: 3;
}




.files .row
{
    margin-bottom: -30px;
    margin-left: -30px;

    align-items: stretch;
    align-content: stretch;

    --files_count: 3;
}

.files .row > *
{
    width: calc(33.333% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
}


.files .file
{
    position: relative;
    top: 0;

    display: flex;

    padding: 20px;

    transition: .3s;

    border-radius: 15px;
    background: #fff;
    /*border: 1px solid var(--border);*/
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.19);

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.files .file:hover
{
    top: -10px;

    /*box-shadow: 1px 30px 25px rgb(6 16 88 / 4%);*/
}


.files .file .type
{
    font-size: 10px;
    font-weight: 500;
    line-height: 11px;

    display: flex;

    width: 30px;
    height: 37px;

    text-align: center;

    border: 1.5px solid ;
    border-radius: 5px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.files .file .type.blue
{
    color: #199be2;
}

.files .file .type.red
{
    color: #ff6363;
}

.files .file .type.green
{
    color: #37d723;
}

.files .file .type.orange
{
    color: #fea134;
}


.files .file .type.icon
{
    border: none;
    border-radius: 0;
}

.files .file .type.icon svg
{
    color: currentColor;

    display: block;

    width: 28px;
    height: 37px;
}


.files .file .type + *
{
    width: calc(100% - 45px);
    margin-top: -8px;
    margin-bottom: -8px;

    align-self: center;
}


.files .file .icon
{
    display: flex;

    width: 31px;
    height: 28px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.files .file .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.files .file .icon svg
{
    color: #199be2;

    display: block;

    width: 26px;
    height: 28px;
}

.files .file .icon + *
{
    width: calc(100% - 46px);

    align-self: center;
}


.files .file .name
{
    color: #505261;
    font-weight: bold;
    line-height: 19px;
    /*white-space: nowrap;*/
}


.files .file .links
{
    display: flex;

    margin-bottom: -10px;
    margin-left: -10px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.files .file .links > *
{
    margin-bottom: 10px;
    margin-left: 10px;
}


.files .file .links a
{
    font-size: 12px;
    line-height: 14px;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    border-bottom: 1px dashed;
}

.files .file .links a.green
{
    color: #1d972b;
}

.files .file .links a.blue
{
    color: #4a8be1;
}

.files .file .links a.orange
{
    color: #ff9617;
}

.files .file .links a.red
{
    color: #e14a4a;
}


.files .file.folder .name
{
    color: #061058;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    letter-spacing: -.3px;
}

.files .file.folder .name a
{
    color: currentColor;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;
}

.files .file.folder .data{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    opacity: 0.8;
    margin:7px 0;
}



.files .list > * + *
{
    margin-top: 10px;
}

.files .list .file
{
    padding: 0;

    background: none;
    box-shadow: none;
    border:none;
}

.files .list .file:hover{
    top:0;
}


.files .table
{
    padding: 10px 0;

    border-radius: 15px;
    background: #fff;
}

.files .table:before
{
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: -25px;
    left: 0;

    display: block;

    width: calc(100% - 116px);
    height: 93px;
    margin: auto;

    content: '';

    border-radius: 96px;
    background: rgba(34, 37, 59, .263904);

    filter: blur(135.914px);
}

.files .table .breadcrumbs
{
    display: flex;

    padding: 20px;

    border-bottom: 1px solid #d0d0d0;
    flex-wrap: wrap;
}

.files .table .breadcrumbs a
{
    color: #505261;
    font-size: 14px;
    line-height: 130%;

    text-decoration: none;
}

.files .table .breadcrumbs .sep
{
    margin: 0 7px;
}

.files .table .titles
{
    color: #505261;
    font-size: 12px;
    line-height: 14px;

    display: flex;

    padding: 20px 20px 10px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.files .table .titles > * + *
{
    margin-left: 20px;
}


.files .table .file
{
    color: #505261;
    font-size: 12px;
    font-weight: 300;
    line-height: 19px;

    display: flex;

    padding: 10px 20px;

    text-decoration: none;

    border-radius: 0;
    background: none;
    box-shadow: none;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.files .table .file > * + *
{
    margin-left: 20px;
}


.files .table .file .col_name
{
    font-weight: bold;
    line-height: 19px;
}


.files .table .file .links
{
    margin-left: -15px;
}

.files .table .file .links > *
{
    margin-left: 15px;
}


.files .table .file .mob_title
{
    font-weight: 400;

    display: none;
}


.files .table .col_type
{
    width: 30px;
    min-width: 30px;
}

.files .table .col_name
{
    width: 100%;
}

.files .table .col_actions
{
    width: 222px;
    min-width: 222px;
}

.files .table .col_date
{
    width: 247px;
    min-width: 247px;
}

.files .table .col_size
{
    width: 192px;
    min-width: 192px;
}



/*-------------
    Persons
-------------*/
.persons .row
{
    margin-bottom: -30px;
    margin-left: -30px;

    align-items: stretch;
    align-content: stretch;
}

.persons .row > *
{
    width: calc(33.333% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
}


.persons .person
{
    position: relative;
    top: 0;

    display: flex;

    padding: 20px;

    transition: .3s;

    border-radius: 15px;
    background: #fff;
    /*border: 1px solid var(--border);*/
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.19);

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

.persons .person:hover
{
    top: -10px;

    /*box-shadow: 1px 30px 25px rgb(6 16 88 / 4%);*/
}


.persons .person .type
{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;

    position: absolute;
    top: -9px;
    right: 20px;

    padding: 2px 7px 3px;

    white-space: nowrap;

    border-radius: 10px;
}

.persons .person .type.red
{
    background: #cc1b54;
}

.persons .person .type.green
{
    background: #1bcc53;
}


.persons .person .avatar
{
    position: relative;

    display: flex;
    overflow: hidden;

    width: 39px;
    height: 39px;

    
    border-radius: 50%;
    background: #c4cbd7;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.persons .person .avatar .icon
{
    color: #6b7078;

    display: block;

    width: 24px;
    height: 24px;
}

.persons .person .avatar img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.persons .person .avatar + .name
{
    width: calc(100% - 51px);

    align-self: center;
}


.persons .person .name
{
    color: #061058;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    letter-spacing: -.3px;
}


.persons .person .post
{
    color: #b4b7cc;
    line-height: 16px;

    width: 100%;
    margin-top: 12px;
}



/*----------
    Tags
----------*/
.tags .row
{
    margin-bottom: -7px;
    margin-left: -7px;
}

.tags .row > *
{
    margin-bottom: 7px;
    margin-left: 7px;
}


.tags a
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: inline-block;

    padding: 4px 7px;

    vertical-align: top;
    text-decoration: none;

    border-radius: 6px;
    background: #8a98b0;
}



/*--------------------
    Article author
--------------------*/
.article_author
{
    color: #384aff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: flex;

    margin-top: 18px !important;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.article_author .thumb
{
    position: relative;

    overflow: hidden;

    width: 20px;
    height: 20px;
    margin-right: 8px;

    border-radius: 50%;
    background: #ddd;
}

.article_author .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}

.article_author .thumb + .name
{
    width: calc(100% - 28px);
}



/*------------------
    Checked date
------------------*/
.checked_date
{
    color: #505261;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    text-align: right;
}


.checked_date .btn
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    padding: 9px 30px;

    border-radius: 16px;
    background: var(--main_color);
}



/*-------------------
    Lecture steps
-------------------*/
.lecture_steps
{
    padding: 25px 20px;

    border-radius: 15px;
    background: #fff;
    
}

.col_right_inner{
    position: sticky;
    top: 10px;
}

.lecture_steps .title
{
    color: var(--text_color);
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;

    margin-bottom: 20px;
}


.lecture_steps .steps > * + *
{
    margin-top: 26px;
}


.lecture_steps .steps .step
{
    color: #061058;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;

    position: relative;

    display: block;

    padding-left: 26px;

    transition: color .2s linear;
    text-decoration: none;
}

.lecture_steps .steps .step span.width100{
    display: block;
}

.lecture_steps .steps .step:before
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    transition: .2s linear;

    border: 2px solid #eaeaea;
    border-radius: 50%;
    background: #fff;
}

.lecture_steps .steps .step + .step:after
{
    position: absolute;
    bottom: 100%;
    left: 7px;

    display: block;

    width: 2px;
    height: 34px;

    content: '';
    transition: background .2s linear;

    background: #eaeaea;
}


.lecture_steps .steps .step.finished:before
{
    border-color: #49dabf;
    background: url(../images/ic_check.svg) 50% no-repeat #49dabf;
}

.lecture_steps .steps .step + .step.finished:after
{
    background: #49dabf;
}


.lecture_steps .steps .step.active:before
{
    border-color: #49dabf;
}

.lecture_steps .steps .step + .step.active:after
{
    background: #49dabf;
}

.lecture_steps .steps .step + .step.not_line:after
{
    background: #eaeaea;
}


.lecture_steps .steps .step.finished
{
    color: #49dabf;
}


.lecture_steps .steps .step.lock
{
    color: #898c9d;
}

.lecture_steps .steps .step.lock .icon
{
    position: relative;
    top: -2px;

    display: inline-block;

    width: 13px;
    height: 18px;
    margin-left: 5px;

    vertical-align: middle;
}


.lecture_steps .bottom
{
    display: flex;

    margin: 20px -20px -25px;
    padding: 25px 20px;

    border-top: 1px solid #eaeaea;

    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.lecture_steps .count
{
    color: #061058;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;

    margin-right: auto;

    white-space: nowrap;
    text-transform: uppercase;
}


.lecture_steps .prev_btn
{
    color: #061058;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    margin-left: 10px;
    padding: 6px 19px;

    border: 1px solid #061058;
    border-radius: 16px;
}


.lecture_steps .next_btn
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    margin-left: 10px;
    padding: 7px 20px;

    border-radius: 16px;
    background: linear-gradient(97.53deg, #3bcab0 0%, #49dabf 100%);
}



/*------------------
    Video player
------------------*/
.video_player
{
    position: relative;

    overflow: hidden;

    border-radius: 15px;
}


.video_player video
{
    display: block;

    width: 100%;

    border-radius: inherit;
}


.video_player .media-player
{
    position: relative;
}


.video_player .media-toolbar
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 15px;
    line-height: 17px;

    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: auto;
    padding: 40px 22px 22px;

    background:    -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background:         linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.video_player .media-slider.media-time
{
    width: 100%;
    margin-bottom: 24px;

    order: 1;
}

.video_player .media-range.media-time-range
{
    display: block;

    width: 100%;
    height: 5px;

    border-radius: 1.30383px;
    background: rgba(255,255,255,.55);
}

.video_player .media-meter.media-time-meter
{
    display: block;

    width: 100%;
    height: 5px;

    border-radius: 1.30383px;
    background: #3753ff;
}


.video_player .media-control.media-mute
{
    display: flex;

    width: 20px;
    height: 16px;

    order: 2;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.video_player .media-control.media-mute .media-mute-symbol
{
    display: none;

    width: 20px;
    height: 16px;
}

.video_player .media-control.media-mute .media-unmute-symbol
{
    display: none;

    width: 20px;
    height: 16px;
}

.video_player .media-control.media-mute[aria-label='mute'] .media-mute-symbol
{
    display: block;
}

.video_player .media-control.media-mute[aria-label='unmute'] .media-unmute-symbol
{
    display: block;
}


.video_player .media-slider.media-volume
{
    width: 76px;
    height: 4px;
    margin-right: auto;
    margin-left: 12px;

    order: 2;
}

.video_player .media-range.media-volume-range
{
    display: block;

    width: 100%;
    height: 4px;

    border-radius: 1.14085px;
    background: rgba(255,255,255,.6);
}

.video_player .media-meter.media-volume-meter
{
    display: block;

    height: 4px;

    border-radius: 1.14085px;
    background: #fff;
}


.video_player .media-text.media-current-time
{
    position: absolute;
    right: 50%;
    bottom: 22px;

    margin-right: 62px;

    white-space: nowrap;

    order: 3;
}


.video_player .media-control.media-play
{
    position: absolute;
    bottom: 12px;
    left: 50%;

    display: flex;

    width: 37px;
    height: 37px;

    transform: translateX(-50%);

    border: 4px solid;
    border-radius: 50%;
    background: rgba(14, 17, 29, .3);

    order: 4;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.video_player .media-control.media-play .media-play-symbol
{
    display: none;

    width: 12px;
    height: 13px;
    margin-left: 1px;
}

.video_player .media-control.media-play .media-pause-symbol
{
    display: none;

    width: 12px;
    height: 13px;
}

.video_player .media-control.media-play[aria-label='play'] .media-play-symbol
{
    display: block;
}

.video_player .media-control.media-play[aria-label='pause'] .media-pause-symbol
{
    display: block;
}


.video_player .media-text.media-remaining-time
{
    position: absolute;
    bottom: 22px;
    left: 50%;

    margin-left: 62px;

    white-space: nowrap;

    order: 5;
}


.video_player .media-control.media-download
{
    display: none;
}


.video_player .media-control.media-fullscreen
{
    display: flex;

    width: 16px;
    height: 16px;

    order: 6;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.video_player .media-symbol.media-enterFullscreen-symbol
{
    display: none;

    width: 16px;
    height: 16px;
}

.video_player .media-symbol.media-leaveFullscreen-symbol
{
    display: none;

    width: 16px;
    height: 16px;
}


.video_player .media-control.media-fullscreen[aria-label='enter full screen'] .media-enterFullscreen-symbol
{
    display: block;
}

.video_player .media-control.media-fullscreen[aria-label='leave full screen'] .media-leaveFullscreen-symbol
{
    display: block;
}


.video_player .rewind_btn
{
    color: #fff;

    position: absolute;
    z-index: 9;
    right: 50%;
    bottom: 22px;

    display: flex;

    width: 16px;
    height: 16px;
    margin-right: 32px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.video_player .rewind_btn .icon
{
    display: block;

    width: 16px;
    height: 16px;
}


.video_player .forward_btn
{
    color: #fff;

    position: absolute;
    z-index: 9;
    bottom: 22px;
    left: 50%;

    display: flex;

    width: 16px;
    height: 16px;
    margin-left: 32px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.video_player .forward_btn .icon
{
    display: block;

    width: 16px;
    height: 16px;
}



/*-------------
    Folders
-------------*/
.folders
{
    position: relative;
    z-index: 3;
}


.folders .table
{
    padding: 10px 0;

    border-radius: 15px;
    background: #fff;
}

.folders .table:before
{
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: -25px;
    left: 0;

    display: block;

    width: calc(100% - 116px);
    height: 93px;
    margin: auto;

    content: '';

    border-radius: 96px;
    background: rgba(34, 37, 59, .263904);

    filter: blur(135.914px);
}


.folders .titles
{
    color: #505261;
    font-size: 12px;
    line-height: 14px;

    display: flex;

    padding: 10px 20px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.folders .titles > * + *
{
    margin-left: 20px;
}


.folders .folder
{
    color: #505261;
    font-size: 12px;
    font-weight: 300;
    line-height: 19px;

    display: flex;

    padding: 10px 20px;

    transition: background .2s linear;
    text-decoration: none;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}

.folders .folder > * + *
{
    margin-left: 20px;
}


.folders .folder .col_icon
{
    color: #654d0b;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;

    position: relative;

    height: 24px;

    text-align: center;
    letter-spacing: -.20625px;
}

.folders .folder .col_icon span
{
    position: absolute;
    top: 8px;
    left: 0;

    display: block;

    width: 100%;
}

.folders .folder .col_icon img
{
    display: block;

    width: 31px;
    height: 24px;
}

.folders .folder .col_icon.type_file{
    height: 36px;
}


.folders .folder .type.blue
{
    color: #199be2;
}

.folders .folder .type.red
{
    color: #ff6363;
}

.folders .folder .type.green
{
    color: #37d723;
}

.folders .folder .type.orange
{
    color: #fea134;
}


.folders .folder .type {
    font-size: 10px;
    font-weight: 500;
    line-height: 22px;
    display: flex;
    width: 30px;
    height: 37px;
    text-align: center;
    border: 1.5px solid;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.folders .titles .col_actions {
    width: 222px;
    min-width: 222px;
}


.folders .folder .links a {
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    border-bottom: 1px dashed;
    z-index: 100;
    position: relative;
}

.folders .folder .links a.green {
    color: #1d972b;
}

.folders .folder .links a.blue {
    color: #4a8be1;
}
.folders .folder .links a.blue2 {
    color: #0B00D8;
}

.folders .folder .col_actions {
    width: 222px;
    min-width: 222px;
}

.folders .folder .links {
    margin-left: -15px;
}

.folders .folder .links {
    display: flex;
    margin-bottom: -10px;
    margin-left: -10px;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.folders .folder .links > * {
    margin-left: 10px;
}


.folders .folder .col_name
{
    color: #061058;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    letter-spacing: -.3px;
    
    word-break: break-word;
}


.folders .folder .mob_title
{
    font-weight: 400;

    display: none;
}


.folders .folder:hover
{
    background: #f6faff;
}


.folders .col_icon
{
    width: 31px;
    min-width: 31px;
}

.folders .col_name
{
    width: 100%;
}

.folders .col_size
{
    width: 222px;
    min-width: 222px;
}

.folders .col_last_date
{
    width: 190px;
    min-width: 190px;
}



/*-----------------
    Test report
-----------------*/
.test_report
{
    position: relative;
    z-index: 3;
}

.test_report .table
{
    overflow: hidden;

    border-radius: 15px;
    background: #fff;
}

.test_report .table:before
{
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: -25px;
    left: 0;

    display: block;

    width: calc(100% - 116px);
    height: 93px;
    margin: auto;

    content: '';

    border-radius: 96px;
    background: rgba(34, 37, 59, .263904);

    filter: blur(135.914px);
}


.test_report .titles
{
    color: #505261;
    font-weight: 500;
    line-height: 16px;

    display: flex;

    background: #f6faff;

    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
}

.test_report .titles > *
{
    display: flex;

    width: 100%;
    padding: 20px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.test_report .titles > * + *
{
    border-left: 1px solid #c0cde4;
}


.test_report .line
{
    color: #505261;
    line-height: 16px;

    display: flex;

    transition: background .2s linear;
    text-decoration: none;

    border-bottom: 1px solid #c0cde4;

    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
}

.test_report .line > *
{
    display: flex;

    width: 100%;
    padding: 11px 20px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.test_report .line > * + *
{
    border-left: 1px solid #c0cde4;
}


.test_report .line .col_user_answer .mob_title + *,
.test_report .line .col_сorrect_answer .mob_title + *
{
    position: relative;

    display: block;

    padding-left: 20px;
}

.test_report .line .col_user_answer .mob_title + *:before,
.test_report .line .col_сorrect_answer .mob_title + *:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 4px;
    height: 4px;
    margin: auto;

    content: '';

    border-radius: 50%;
    background: currentColor;
}


.test_report .line .col_result span
{
    font-size: 12px;
    font-weight: 500;
    line-height: 28px;

    display: inline-block;

    min-width: 104px;
    height: 32px;
    padding: 0 10px;

    text-align: center;
    vertical-align: top;

    border: 2px solid transparent;
    border-radius: 16px;
    background: #f2f1fa;
}

.test_report .line .col_result span.red
{
    color: #e71f1f;

    border-color: #e71f1f;
}

.test_report .line .col_result span.green
{
    color: #29c961;

    border-color: #29c961;
}


.test_report .line .mob_title
{
    font-weight: 500;

    display: none;

    padding: 3px 10px;

    vertical-align: top;

    border-radius: 56px;
    background: #f2f1fa;
}

.test_report .line .col_result .mob_title
{
    padding: 0;

    border-radius: 0;
    background: none;
}



/*--------------
    Feedback
--------------*/
.feedback
{
    position: relative;
    z-index: 3;
}


.feedback .path
{
    line-height: 130%;

    margin-bottom: 30px;

    opacity: .5;
}


.feedback .table
{
    overflow: auto;

    max-width: 100%;

    border-radius: 15px;
    background: #fff;
}

.feedback .table::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
}

.feedback .table:before
{
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: -25px;
    left: 0;

    display: block;

    width: calc(100% - 116px);
    height: 93px;
    margin: auto;

    content: '';

    border-radius: 96px;
    background: rgba(34, 37, 59, .263904);

    filter: blur(135.914px);
}


.feedback .titles
{
    color: var(--text_color);
    font-weight: 500;
    line-height: 16px;

    display: flex;

    width: 100%;
    min-width: 936px;

    background: #f6faff;

    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
}

.feedback .titles > *
{
    display: flex;

    padding: 19px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.feedback .titles > * + *
{
    border-left: 1px solid #c0cde4;
}


.feedback .line
{
    color: var(--text_color);
    line-height: 16px;

    display: flex;

    width: 100%;
    min-width: 936px;

    transition: background .2s linear;
    text-decoration: none;

    border-bottom: 1px solid #c0cde4;

    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: nowrap;
}

.feedback .line > *
{
    display: flex;

    padding: 19px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.feedback .line > * + *
{
    border-left: 1px solid #c0cde4;
}


.feedback .line .full_w
{
    width: 100%;
}


.feedback .line .video_btn
{
    color: var(--main_color);
    font-size: 12px;
    line-height: 14px;

    border-bottom: 1px dashed;
}


.feedback .line .audio_message
{
    display: flex;
    overflow: hidden;

    width: 100%;
    padding: 7px;

    border-radius: 24px;
    background: #d6dfff;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.feedback .line .audio_message .btn
{
    color: #fff;

    display: flex;

    width: 33px;
    height: 33px;
    margin-right: 5px;

    border-radius: 50%;
    background: var(--main_color);

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.feedback .line .audio_message .btn .icon
{
    display: block;

    width: 11px;
    height: 15px;
    margin-left: 2px;
}

.feedback .line .audio_message .btn .icon + .icon,
.feedback .line .audio_message .btn.active .icon
{
    display: none;

    margin-left: 0;
}

.feedback .line .audio_message .btn.active .icon + .icon
{
    display: block;
}


.feedback .line .audio_message .audio_wave
{
    overflow: hidden;

    width: calc(100% - 80px);
    max-width: 100%;
    margin-top: -16px;
    margin-bottom: -17px;
}


.feedback .line .audio_message .duration
{
    color: #3e3e3e;
    font-size: 12px;
    line-height: 130%;

    margin-left: 5px;
}


.feedback .line .links
{
    display: flex;

    margin-bottom: -10px;
    margin-left: -15px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.feedback .line .links > *
{
    margin-bottom: 10px;
    margin-left: 15px;
}

.feedback .line .links a
{
    color: currentColor;
    font-size: 12px;
    line-height: 14px;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    border-bottom: 1px dashed;
}

.feedback .line .links a.blue
{
    color: var(--main_color);
}


.feedback .line .mob_title
{
    font-weight: 500;

    display: none;

    padding: 3px 10px;

    vertical-align: top;
    white-space: nowrap;

    border-radius: 56px;
    background: #f2f1fa;
}


.feedback .line .col_took_hint span
{
    color: #fff;

    display: inline-block;

    padding: 2px 10px;

    vertical-align: top;

    border-radius: 5px;
}

.feedback .line .col_took_hint span.green
{
    background: #27cc42;
}

.feedback .line .col_took_hint span.red
{
    background: #d11a1a;
}


.feedback .line .col_result span
{
    line-height: 30px;

    display: block;

    min-width: 104px;
    height: 34px;
    padding: 0 10px;

    text-align: center;

    border: 2px solid;
    border-radius: 20px;
    text-wrap: nowrap;
}

.feedback .line .col_result span.green
{
    color: #27cc42;
}

.feedback .line .col_result span.red
{
    color: #d11a1a;
}


.feedback .line .col_date2 span
{
    color: #fff;

    display: inline-block;

    padding: 2px 10px;

    vertical-align: top;

    border-radius: 5px;
}

.feedback .line .col_date2 span.dark
{
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), var(--main_color);
}


.feedback .col_title
{
    width: 120px;
    min-width: 120px;
}

.feedback .col_question
{
    width: 100%;
    min-width: 102px;
}

.feedback .col_answer
{
    width: 156px;
    min-width: 156px;
}

.feedback .col_correct_answer
{
    width: 176px;
    min-width: 176px;
}

.feedback .col_took_hint
{
    width: 110px;
    min-width: 110px;
}

.feedback .col_result
{
    width: 144px;
    min-width: 144px;
}

.feedback .col_date
{
    width: 148px;
    min-width: 148px;
}

.feedback .col_date2
{
    width: 250px;
    min-width: 250px;
}

.feedback .col_actions
{
    width: 130px;
    min-width: 130px;
}



/*---------------
    Test data
---------------*/
.test_data
{
    padding: 20px;

    border-radius: 15px;
    background: #fff;
}


.test_data .title
{
    color: var(--text_color);
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;

    margin-bottom: 20px;
}


.test_data .step
{
    /* display: none; */
    display: block;
}

.test_data .step1
{
    display: block;
}

.test_data .step .answers .col > div
{
    margin-bottom: 10px;
}


.test_data .step .question
{
    color: #061058;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    margin-bottom: 14px;

    letter-spacing: -.3px;
}


.test_data .step .exp
{
    color: #9a9fc3;
    font-size: 12px;
    line-height: 19px;

    margin-top: -12px;
    margin-bottom: 8px;

    letter-spacing: -.225px;
}


.test_data .step .answers .row
{
    margin-bottom: -15px;
    margin-left: -15px;
}

.test_data .step .answers .row > *
{
    max-width: 200px;
    margin-bottom: 15px;
    margin-left: 15px;
}


.test_data .step .answers .row.default
{
    margin-bottom: -20px;
    margin-left: -20px;
}

.test_data .step .answers .row.default > *
{
    width: calc(25% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
}


.test_data .step .answers input[type=radio],
.test_data .step .answers input[type=checkbox]
{
    display: none;
}

.test_data .step .answers label
{
    display: block;

    cursor: pointer;
}


.test_data .step .answers label .thumb
{
    position: relative;

    overflow: hidden;

    margin-bottom: 12px;
    padding-bottom: 77.16%;

    border-radius: 12px;
    background: #ddd;
}

.test_data .step .answers label .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.test_data .step .answers label .name
{
    color: #64698f;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    position: relative;

    display: inline-block;

    padding: 9px 11px 9px 30px;

    transition: .2s linear;

    border: 2px solid transparent;
    border-radius: 16px;
    background: #f2f1fa;
    max-width: 100%;
    width: 100%;
    overflow-wrap: break-word;
}

.test_data .step .answers label.error .name
{
    color: #e71f1f;

    border-color: #e71f1f;
}

.test_data .step .answers label.success .name
{
    color: #0b9f05;

    border-color: #0b9f05;
}

.test_data .step .answers label .name:before
{
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 7px;

    display: block;

    width: 14px;
    height: 14px;
    margin: auto;

    content: '';
    pointer-events: none;

    border-radius: 4px;
    background: #fff;
}

.test_data .step .answers label .name:after
{
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 7px;

    display: block;

    width: 14px;
    height: 14px;
    margin: auto;

    content: '';
    transition: opacity .2s linear;

    opacity: 0;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='var(--main_color)' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");

}


.test_data .step .answers input[type=radio] + label .name:before
{
    border-radius: 50%;
}

.test_data .step .answers input[type=radio] + label .name:after
{
    left: 9px;

    width: 10px;
    height: 10px;

    border-radius: 50%;
    background: var(--main_color);
}


.test_data .step .answers input:checked + label .name:after
{
    opacity: 1;
}

.test_data .step .answers input[type="checkbox"]:checked + label .name:after{
    opacity: 1;
    left: 12px;
    top: 12px;
    width: 5px;
    height: 10px;
    border: solid var(--main_color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    bottom: initial;
    background: none;
}


.test_data .step .answers ::-webkit-input-placeholder
{
    color: #64698f;
}

.test_data .step .answers :-moz-placeholder
{
    color: #64698f;
}

.test_data .step .answers :-ms-input-placeholder
{
    color: #64698f;
}


.test_data .step .answers textarea
{
    font-family: var(--font_family);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: block;

    width: 100%;
    height: 107px;
    padding: 11px 13px;

    resize: none;

    border: 1px solid #cecbea;
    border-radius: 16px;
    background: #fff;
}

.test_data .step .answers textarea::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
}


.test_data .step .answers .text
{
    color: #505261;
    font-size: 14px;
    line-height: 36px;
}

.test_data .step .answers .text .input
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: var(--font_size);

    display: inline-block;

    width: 117px;
    min-width: 117px;
    height: 31px;
    margin: 0 4px;
    padding: 0 10px 1px;

    transition: .2s linear;
    vertical-align: middle;

    border: 1px solid #cbcad3;
    border-radius: 8px;
    background: #fff;
}

.test_data .step .answers .text .input.success
{
    color: #25a82a;

    border-color: #25a82a;
}

.test_data .step .answers .text .input.error
{
    color: #e71f1f;

    border-color: #e71f1f;
}


.input_buffer
{
    position: absolute;
    top: -1000px;
    left: -1000px;

    visibility: hidden;

    white-space: nowrap;
}


.test_data .step .couples
{
    position: relative;

    display: flex;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.test_data .step .couples > * + *
{
    margin-left: 24px;
}


.test_data .step .couples li
{
    color: #64698f;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;

    display: block;

    list-style: none;
}

.test_data .step .couples li + li
{
    margin-top: 12px;
}


.test_data .step .couples li span
{
    display: inline-block;

    min-width: 200px;
    max-width: 200px;
    padding: 7px 14px;

    cursor: pointer;
    text-align: center;
    vertical-align: top;

    border: 2px solid transparent;
    border-radius: 16px;
    background: #ecebf5;
}

.test_data .step .couples li.blue span
{
    border-color: #0b00d8;
}

.test_data .step .couples li.orange span
{
    border-color: #ffa133;
}

.test_data .step .couples li.violet span
{
    border-color: #991ef9;
}


.test_data .step .couples li.selected span
{
    opacity: .5;
}


.test_data .step .couples li.success span
{
    color: #29c961;

    border-color: #29c961;
}

.test_data .step .couples li.error span
{
    color: #e71f1f;

    border-color: #e71f1f;
}


.test_data .step .couples .line
{
    z-index: 9;

    width: 90%;
    height: 2px;

    background: #29c961;
}


.test_data .step .sortable
{
    margin-top: 16px;

    counter-reset: item;
}

.test_data .step .sortable > *
{
    position: relative;

    display: flex;

    min-height: 30px;
    padding-left: 22px;

    cursor: move;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.test_data .step .sortable > *:before
{
    color: #061058;
    font-weight: 500;
    line-height: 16px;

    position: absolute;
    top: 7px;
    left: 0;

    content: counter(item) '.';
    counter-increment: item;
}

.test_data .step .sortable > * + *
{
    margin-top: 10px;
}

.test_data .step .sortable > * > div
{
    color: #64698f;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: flex;

    padding: 6px 13px 6px 8px;

    transition: .2s linear;

    border: 2px solid transparent;
    border-radius: 16px;
    background: rgba(124, 118, 187, .15);

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.test_data .step .sortable .icon
{
    color: #061058;

    display: block;

    width: 8px;
    height: 13px;
    margin-right: 10px;
}


.test_data .step .sortable > *.success > div
{
    color: #29c961;

    padding-left: 13px;

    border-color: #29c961;
}

.test_data .step .sortable > *.error > div
{
    color: #e71f1f;

    padding-left: 13px;

    border-color: #e71f1f;
}

.test_data .step .sortable > *.success .icon,
.test_data .step .sortable > *.error .icon
{
    display: none;
}



.test_data .step .bottom
{
    display: flex;

    margin-top: 20px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.test_data .step .result
{
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    position: relative;

    padding-left: 18px;

    order: 3;
}

.test_data .step .result.full_w
{
    width: 100%;
    margin-bottom: 16px;

    order: 1;
}

.test_data .step .result .icon
{
    position: absolute;
    top: 1px;
    left: 0;

    display: block;

    width: 12px;
    height: 13px;
}

.test_data .step .result.error
{
    color: #e71f1f;
}

.test_data .step .result.success
{
    color: #0b9f05;
}

.test_data .step .result span
{
    display: block;
}

.test_data .step .result span + span
{
    margin-top: 12px;
}


.test_data .step .answer_btn
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    padding: 8px 12px;

    border-radius: 16px;
    background: var(--main_color);

    order: 2;
}

.test_data .step .not_know_btn
{
    color: rgba(17, 28, 96, .62);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    margin-right: auto;
    margin-left: 10px;
    padding: 8px 12px;

    border-radius: 16px;
    background: linear-gradient(135.48deg, rgba(11, 0, 216,  .19) 2%, rgba(5, 0, 175, .19) 96.5%);

    order: 2;
}



/*----------
    Quiz
----------*/
.quiz .btns
{
    display: none;

    margin-bottom: 19px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.quiz .btns .btn
{
    color: #7f85ad;
    line-height: 16px;

    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.quiz .btns .btn .icon
{
    display: block;

    width: 11px;
    height: 7px;
}

.quiz .btns .btn.prev_btn .icon
{
    margin-right: 5px;

    transform: rotate(90deg);
}

.quiz .btns .btn.next_btn .icon
{
    margin-left: 5px;

    transform: rotate(-90deg);
}



.quiz .steps
{
    position: relative;

    padding-top: 11px;
}


.quiz .steps .count
{
    color: #fff;
    line-height: 130%;

    position: absolute;
    z-index: 3;
    top: 0;
    left: 50%;

    display: inline-block;

    padding: 5px 20px;

    transform: translateX(-50%);
    text-align: center;
    vertical-align: top;
    white-space: nowrap;

    border-radius: 45px;
    background: var(--main_color);
}


.quiz .steps .step
{
    display: none;
}


.quiz .steps .question
{
    color: #061058;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;

    margin-bottom: 20px;
    padding: 33px 32px 32px;

    text-align: center;

    border: 1px solid var(--main_color);
    border-radius: 15px;
    background: #fff;
}


.quiz .steps .answers .row
{
    margin-bottom: -20px;
    margin-left: -20px;

    align-items: stretch;
    align-content: stretch;
}

.quiz .steps .answers .row > *
{
    width: calc(50% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
}


.quiz .steps .answers input
{
    display: none;
}

.quiz .steps .answers label
{
    color: #4d4f60;
    font-size: 16px;
    line-height: 19px;

    display: flex;

    min-height: 60px;
    padding: 10px;

    cursor: pointer;
    transition: .2s linear;
    text-align: center;

    border: 1px solid var(--main_color);
    border-radius: 15px;
    background: #fff;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.quiz .steps .answers input:checked + label,
.quiz .steps .answers label:hover
{
    color: var(--main_color);

    border: 1px solid var(--main_color);
    background: var(--color_light_anima);
}



.quiz .total_answers
{
    display: none;

    margin-top: 30px;
    padding: 25px 30px;

    border-radius: 15px;
    background: #fff;
}


.quiz .total_answers .title
{
    color: #061058;
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;

    margin-bottom: 20px;
}


.quiz .total_answers .items
{
    counter-reset: item;
}


.quiz .total_answers .item
{
    color: #4d4f60;
    line-height: 130%;

    position: relative;

    padding-left: 17px;
}

.quiz .total_answers .item:before
{
    position: absolute;
    top: 0;
    left: 0;

    content: counter(item) '.';
    counter-increment: item;
}

.quiz .total_answers .item + .item
{
    margin-top: 10px;
}

.quiz .total_answers .answer
{
    color: #0600ba;
}


.quiz .total_answers .template
{
    display: none;
}



.quiz .result
{
    display: none;

    padding: 20px 100px 40px;

    text-align: center;

    border-radius: 15px;
    background: #fff;
}

.quiz .result .pre_title
{
    color: #061058;
    line-height: 19px;

    margin-bottom: 30px;
}

.quiz .result .title
{
    color: #061058;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;

    margin-bottom: 30px;
}

.quiz .result .desc
{
    color: #061058;
    font-size: 16px;
    line-height: 19px;
}

.quiz .result img
{
    display: block;

    max-width: 75%;
    margin: 30px auto 0;
}

.quiz .result .links
{
    display: flex;

    margin-top: 30px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.quiz .result .links a
{
    color: #fff;
    line-height: 130%;

    display: inline-block;

    padding: 11px 46px;

    vertical-align: top;
    text-decoration: none;

    border-radius: 45px;
    background: var(--main_color);
}



/*---------------
    Work book
---------------*/
.workbook .row
{
    margin-bottom: -30px;
    margin-left: -30px;

    align-items: stretch;
    align-content: stretch;
    --workbook_count: 3;
}

.workbook .row > *
{
    width: calc(33.333% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
}


.workbook .item
{
    position: relative;
    top: 0;

    padding: 20px;

    transition: .3s;

    border-radius: 15px;
    background: #fff;
    box-shadow: 0 3px 31px rgba(148, 155, 195, .153327);
}

.workbook .item:hover
{
    top: -10px;

    /*box-shadow: 1px 30px 25px rgb(6 16 88 / 4%);*/
}



.workbook .item .status
{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;

    position: absolute;
    top: -9px;
    right: 20px;

    padding: 2px 7px 3px;

    white-space: nowrap;

    border-radius: 10px;
    background: #1bcc53;
}


.workbook .item .name
{
    color: #061058;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    letter-spacing: -.3px;
}

.workbook .item .name a
{
    color: currentColor;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;
}


.workbook .item .desc
{
    color: #4d4f60;
    line-height: 19px;

    display: -webkit-box;
    overflow: hidden;

    margin-top: 10px;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.workbook .item .btn
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: inline-block;

    margin-top: 15px;
    padding: 9px 17px;

    vertical-align: top;
    text-decoration: none;

    border-radius: 16px;
    background: #1bcc53;
    margin-right: 10px;
}


.workbook .item .link
{
    color: currentColor;
    font-size: 12px;
    line-height: 14px;

    display: inline-block;

    margin-top: 25px;

    vertical-align: top;
    text-decoration: none;

    border-bottom: 1px dashed;
}

.workbook .item .link.blue
{
    color: #178eff;
    margin-right: 15px;
}


.workbook .list > * + *
{
    margin-top: 20px;
}

.workbook .list .item .link
{
    margin-top: 10px;
}



/*-------------------
    Workbook item
-------------------*/
.workbook_item .form
{
    padding: 20px 20px 40px;

    border-radius: 15px;
    background: #fff;
}


.workbook_item .title
{
    color: #061058;
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;

    margin-bottom: 20px;
}


.workbook_item .form ::-webkit-input-placeholder
{
    color: #7f85ad;
}

.workbook_item .form :-moz-placeholder
{
    color: #7f85ad;
}

.workbook_item .form :-ms-input-placeholder
{
    color: #7f85ad;
}


.workbook_item .form .item
{
    margin-top: 20px;
}


.workbook_item .form .field + .field
{
    margin-top: 2px;
}

.workbook_item .form input
{
    display: none;
}

.workbook_item .form label
{
    color: #4d4f60;
    line-height: 19px;

    position: relative;

    display: flex;

    min-height: 19px;
    padding-left: 19px;

    cursor: pointer;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.workbook_item .form label:before
{
    position: absolute;
    top: 2px;
    left: 0;

    width: 14px;
    height: 14px;

    content: '';

    border: .5px solid #4d4f60;
    border-radius: 4px;
    background: #fff;
}

.workbook_item .form label:after
{
    position: absolute;
    z-index: 2;
    top: 2px;
    left: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';
    transition: opacity .2s linear;

    opacity: 0;
    background: url(../images/ic_check_blue.svg) 50%/10px 8px no-repeat;
}

.workbook_item .form input[type=radio] + label:before
{
    border-radius: 50%;
}

.workbook_item .form input[type=radio] + label:after
{
    top: 5px;
    left: 3px;

    width: 8px;
    height: 8px;

    border-radius: 50%;
    background: #0800c7;
}

.workbook_item .form input:checked + label:after
{
    opacity: 1;
}


.workbook_item .form textarea
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: block;

    width: 100%;
    height: 107px;
    padding: 11px 13px;

    resize: none;

    border: 1px solid #7f85ad;
    border-radius: 16px;
    background: #fff;
}


.workbook_item .form .question
{
    color: #061058;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    margin-bottom: 15px;

    letter-spacing: -.3px;
}


.workbook_item .form .submit
{
    margin-top: 24px;

    text-align: right;
}

.workbook_item .form .submit_btn
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    padding: 9px 14px;

    border-radius: 16px;
    background: var(--main_color);
}



/*--------------------
    Simulator item
--------------------*/
.simulator_item .page_title
{
    margin-bottom: 25px;
}



.simulator_item .data
{
    border-radius: 15px;
    background: #fff;
}

.simulator_item .data > * + *
{
    border-top: 1px solid #d0d0d0;
}


.simulator_item .head
{
    padding: 24px;
}


.simulator_item .head .name
{
    color: #061058;
    font-size: 16px;
    line-height: 19px;

    letter-spacing: -.3px;
}


.simulator_item .head .last_date
{
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    margin-top: 6px;
}

.simulator_item .head .last_date.green
{
    color: #27cc42;
}

.simulator_item .head .last_date.red
{
    color: #d11a1a;
}


.simulator_item .item
{
    padding: 30px 24px;
}

.simulator_item .item > * + *
{
    margin-top: 15px;
}


.simulator_item .label
{
    color: #061058;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;

    letter-spacing: -.3px;
}


.simulator_item .date
{
    font-size: 12px;
    line-height: 130%;

    margin-top: 5px;

    opacity: .5;
}


.simulator_item .audio_message
{
    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.simulator_item .audio_message .btn
{
    color: #fff;

    display: flex;

    width: 33px;
    height: 33px;
    margin-right: 10px;

    border-radius: 50%;
    background: var(--main_color);

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.simulator_item .audio_message .btn .icon
{
    display: block;

    width: 11px;
    height: 15px;
    margin-left: 2px;
}

.simulator_item .audio_message .btn .icon + .icon,
.simulator_item .audio_message .btn.active .icon
{
    display: none;

    margin-left: 0;
}

.simulator_item .audio_message .btn.active .icon + .icon
{
    display: block;
}


.simulator_item .audio_message .audio_wave
{
    overflow: hidden;

    width: 250px;
    max-width: 100%;
    margin-top: -16px;
    margin-bottom: -17px;
}


.simulator_item .audio_message .duration
{
    color: #061058;
    font-size: 14px;
    line-height: 16px;

    margin-left: 9px;

    opacity: .75;
}


.simulator_item .dialog .messages
{
    padding: 5px 0;
}

.simulator_item .dialog .message + .message
{
    margin-top: 30px;
}

.simulator_item .dialog .message .photo
{
    width: 30px;
    height: 30px;
}

.simulator_item .dialog .message .info,
.simulator_item .dialog .message .video_message
{
    max-width: calc(100% - 45px);
}

.simulator_item .dialog .message .text_message
{
    font-size: 14px;
}


.simulator_item .bottom
{
    display: flex;

    margin-top: 20px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.simulator_item .correctly
{
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    padding: 8px 12px;

    white-space: nowrap;

    border: 2px solid;
    border-radius: 24px;
}

.simulator_item .correctly.yellow
{
    color: #ffa133;
}

.simulator_item .correctly.green
{
    color: #27cc42;
}

.simulator_item .correctly.red
{
    color: #d11a1a;
}


.simulator_item .took_hint
{
    color: var(--text_color);
    line-height: 16px;

    margin-left: auto;
}

.simulator_item .took_hint span
{
    color: #fff;

    position: relative;
    top: -1px;

    display: inline-block;

    margin-left: 6px;
    padding: 2px 10px;

    vertical-align: top;

    border-radius: 5px;
}

.simulator_item .took_hint span.green
{
    background: #27cc42;
}

.simulator_item .took_hint span.red
{
    background: #d11a1a;
}


.simulator_item .familiarized
{
    color: var(--text_color);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    margin-top: 30px;

    text-align: right;
}

.simulator_item .familiarized span
{
    opacity: .5;
}

.simulator_item .familiarized .btn
{
    color: #fff;

    padding: 9px 11px;

    border-radius: 16px;
    background: var(--main_color);
}



/*------------
    Dialog
------------*/
.dialog .page_title
{
    margin-bottom: 25px;
}


.dialog .data
{
    border-radius: 15px;
    background: #fff;
}





.dialog .head
{
    position: relative;

    padding: 30px;

    border-bottom: 1px solid #d0d0d0;
}

.dialog .head.no_border
{
    border: none;
}


.dialog .head .title
{
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;

    padding: 70px 160px 0;

    text-align: center;
}


.dialog .head .count
{
    color: #7f85ad;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    position: absolute;
    top: 23px;
    left: 23px;

    padding: 11px 13px 12px 14px;

    white-space: nowrap;

    border-radius: 7px;
    background: #ecebf5;
}


.dialog .head .person
{
    color: #8381A9;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;

    text-align: center;
}

.dialog .head .person .photo
{
    position: relative;

    overflow: hidden;

    width: 75px;
    height: 75px;
    margin: 0 auto 10px;

    border-radius: 50%;
    background: #ddd;
}

.dialog .head .person .photo img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.dialog .head .what_do
{
    position: absolute;
    top: 23px;
    right: 23px;
}


.dialog .head .what_do .btn
{
    color: #7f85ad;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: block;

    max-width: 300px;
    padding: 11px 13px 12px 14px;

    border-radius: 7px;
    background: #ecebf5;
}


.dialog .head .what_do .mini_modal,
.dialog .head .what_do .mini_modal.active
{
    color: var(--text_color);
    font-size: 14px;
    line-height: 130%;

    top: calc(100% + 10px);
    right: 0;
    left: auto;

    width: 189px;
    padding: 10px;

    border-radius: 7px;
    background: #d6dfff;
}



.dialog .messages
{
    padding: 50px 80px;
}


.dialog .message
{
    display: flex;

    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
}

.dialog .message + .message
{
    margin-top: 30px;
}

.dialog .message:has(.feedback_ai.new) + .message{
    margin-top: 50px;
}


.dialog .message.new
{
    animation: moveUp .3s;
}

@keyframes moveUp
{
    0%
    {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
    }
}


.dialog .message .photo
{
    position: relative;

    overflow: hidden;

    width: 50px;
    height: 50px;

    border-radius: 50%;
    background: #ddd;
        align-self: self-end;
        
}



.dialog .message .photo img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.dialog .message .info
{
    /*width: 368px;*/
    /*width: calc(100% - 200px);*/
    max-width: calc(100% - 200px);
    margin-right: 15px;
    padding: 14px;

    border: 1px solid #abaae2;
    border-radius: 21px 21px 21px 0;
    background: #fff;
    min-width: 220px;
}

.dialog .message .photo + .info
{
    margin-right: 0;
    margin-left: 15px;
}


.dialog .message .name
{
    color: #353465;
    font-size: 18px;
    line-height: 21px;
    display: flex;
    gap:10px;
    align-items: center;
    font-weight: bold;
}


.dialog .message .text_message
{
    color: #061058;
    font-size: 19px;
    line-height: 135%;

    margin-top: 10px;

    letter-spacing: -.95px;
}


.dialog .message .audio_message
{
    display: flex;

    margin-top: 10px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    min-width: 250px;
}

.dialog .message .audio_message .btn
{
    color: #fff;

    display: flex;

    width: 33px;
    height: 33px;
    margin-right: 10px;

    border-radius: 50%;
    background: var(--main_color);

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.dialog .message .audio_message .btn .icon
{
    color: #fff;

    display: block;

    width: 11px;
    height: 15px;
    margin-left: 2px;
}

.dialog .message.answer  .audio_message .btn .icon
{
    color: var(--main_color);
}

.dialog .message .audio_message .btn .icon + .icon,
.dialog .message .audio_message .btn.active .icon
{
    display: none;

    margin-left: 0;
}

.dialog .message .audio_message .btn.active .icon + .icon
{
    display: block;
}


.dialog .message .audio_message .audio_wave
{
    overflow: hidden;

    width: 250px;
    max-width: 100%;
    margin-top: -16px;
    margin-bottom: -17px;
}


.dialog .message .audio_message .duration
{
    color: #061058;
    font-size: 14px;
    line-height: 16px;

    margin-left: 9px;

    opacity: .75;
}


.dialog .message.answer .audio_message .btn
{
    color: #0b00d8;

    background: #fff;
}

.dialog .message.answer .audio_message .duration
{
    color: #fff;
}


.dialog .message .video_message
{
    position: relative;

    overflow: hidden;

    width: 368px;
    max-width: calc(100%);

    border-radius: 10px 10px 0 10px;
    margin-top: 15px;
}

.dialog .message .photo + .video_message
{
    margin-right: 0;
    margin-left: 15px;

    border-radius: 10px 10px 10px 0;
}


.dialog .message .video_message .thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
    padding-bottom: 100%;

    background: url(../images/ic_no_video.png) 50% no-repeat #696969;
    border-radius: 10px;
}

.dialog .message .video_message .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.dialog .message .video_message .thumb .icon
{
    color: #fff;

    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 12px;
    left: 0;

    display: block;

    width: 45px;
    height: 45px;
    margin: auto;
}
/*
.dialog .message:has(.feedback_ai) .prompt
{
     margin-top: 30px;
}
*/

.dialog .message .prompt
{
    width: calc(100% - 65px);
    margin-top: 15px;
    margin-left: auto;
}


.dialog .message .prompt .btns
{
    display: flex;

    margin-bottom: -10px;
    margin-left: -10px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.dialog .message .prompt .btns > *
{
    margin-bottom: 10px;
    margin-left: 10px;
}


.dialog .message .prompt .yes_btn
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    padding: 9px 22px;

    transition: color .2s linear;

    border-radius: 16px;
    background: var(--main_color);
}

.dialog .message .prompt .yes_btn span + span
{
    display: none;
}

.dialog .message .prompt .yes_btn.active
{
    color: #23366c;

    background: rgba(124, 118, 187, .15);
}

.dialog .message .prompt .yes_btn.active span
{
    display: none;
}

.dialog .message .prompt .yes_btn.active span + span
{
    display: inline;
}


.dialog .message .prompt .no_btn
{
    color: #061058;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    padding: 8px 21px;

    border: 1px solid #061058;
    border-radius: 16px;
}

.dialog .message .prompt .yes_btn.active + .no_btn
{
    display: none;
}


/* .dialog .message .prompt .text
{
    color: #061058;
    font-size: 16px;
    line-height: 135%;

    display: none;

    width: 368px;
    max-width: 100%;
    margin-top: 15px;
    padding: 15px;

    letter-spacing: -.95px;

    border-radius: 21px;
    background: #d6dfff;
} */


.dialog .message.answer
{
    justify-content: flex-end;
}

.dialog .message.answer .info
{
    border-radius: 21px 21px 0 21px;
    background: var(--main_color);
}

.dialog .message.answer .name
{
    color: rgba(255, 255, 255, 1);
}

.dialog .message.answer .text_message
{
    color: #fff;
}



.dialog .add_message
{
    padding: 50px 80px 50px 145px;
}


.dialog .add_message .form
{
    display: flex;

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

.dialog .add_message .form ::-webkit-input-placeholder
{
    color: #777;
}

.dialog .add_message .form :-moz-placeholder
{
    color: #777;
}

.dialog .add_message .form :-ms-input-placeholder
{
    color: #777;
}


.dialog .add_message .field
{
    position: relative;

    width: calc(100% - 65px);
}


.dialog .add_message textarea
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 18px;
    line-height: 24px;

    display: block;

    width: 100%;
    height: 133px;
    padding: 9px 14px;

    resize: none;

    border: 1px solid #7f85ad;
    border-radius: 16px;
    background: #fff;
}


.dialog .add_message .submit_btn
{
    display: flex;

    width: 50px;
    height: 50px;
    padding-left: 4px;

    border-radius: 50%;
    background: #e9eaf8;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.dialog .add_message .submit_btn img
{
    display: block;

    width: 28px;
    height: 28px;
}



.dialog .next_link
{
    display: flex;

    padding: 0 80px 50px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.dialog .next_link a
{
    color: #47bf41;

    display: flex;

    width: 70px;
    height: 70px;

    text-decoration: none;

    border-radius: 50%;
    background: #e9eaf8;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.dialog .next_link .icon
{
    display: block;

    width: 40px;
    height: 40px;
}



.dialog .add_audio
{
    display: flex;
    flex-direction: column;

    padding: 0 80px 50px;

    align-items: center;
}


.dialog .add_audio input
{
    display: none;
}


.dialog .add_audio .start_btn
{
    color: #d11a1a;

    position: relative;
    z-index: 3;

    display: flex;

    width: 70px;
    height: 70px;
    margin: 0 auto;

    cursor: pointer;
    transition: color .2s linear;
    text-decoration: none;

    border-radius: 50%;
    background: #e9eaf8;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding-left: 0;
}

.dialog .add_audio .start_btn:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 0;
    height: 0;
    margin: auto;

    content: '';
    transition: .2s linear;

    opacity: 0;
    border-radius: inherit;
    background: #d11a1a;
}

.dialog .add_audio .start_btn .icon
{
    display: block;

    width: 20px;
    height: 36px;
}

.dialog .add_audio input:checked ~ .start_btn
{
    color: #fff;
}

.dialog .add_audio input:checked ~ .start_btn:before
{
    width: 44px;
    height: 44px;

    animation: shadow-expansion .9s ease-in-out infinite alternate;

    opacity: 1;
}

@keyframes shadow-expansion
{
    from
    {
        box-shadow: 0 0 0 5px #d11a1a;
    }
    to
    {
        box-shadow: 0 0 0 0 #d11a1a;
    }
}


.dialog .add_audio .audio_message
{
    display: flex;

    width: 368px;
    max-width: 100%;
    margin: 0 auto;
    padding: 15px;

    border-radius: 21px;
    background: var(--main_color);

    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.dialog .add_audio .audio_message .btn
{
    color: var(--main_color);

    display: flex;

    width: 33px;
    height: 33px;
    margin-right: 10px;

    border-radius: 50%;
    background: #fff;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.dialog .add_audio .audio_message .btn .icon
{
    display: block;

    width: 11px;
    height: 15px;
    margin-left: 2px;
}

.dialog .add_audio .audio_message .btn .icon + .icon,
.dialog .add_audio .audio_message .btn.active .icon
{
    display: none;

    margin-left: 0;
}

.dialog .add_audio .audio_message .btn.active .icon + .icon
{
    display: block;
}


.dialog .add_audio .audio_message .audio_wave
{
    overflow: hidden;

    width: 210px;
    max-width: 100%;
    margin-top: -16px;
    margin-bottom: -17px;
}


.dialog .add_audio .audio_message .duration
{
    color: #fff;
    font-size: 14px;
    line-height: 16px;

    margin-left: 9px;

    opacity: .75;
}


.dialog .add_audio .btns
{
    display: flex;

    width: 100%;
    margin-top: 20px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.dialog .add_audio .btns .btn
{
    color: #d11a1a;

    display: flex;

    width: 70px;
    height: 70px;

    border-radius: 50%;
    background: #e9eaf8;

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

    margin: 5px;
}

.dialog .add_audio .btns .btn + .btn
{
    margin-left: 11px;
}

.dialog .add_audio .btns .btn .icon
{
    display: block;

    width: 40px;
    height: 40px;
}

.dialog .add_audio .btns .btn img.icon
{
    width: 33px;
    height: 33px;
}


.dialog .exp
{
    font-size: 16px;
    line-height: 130%;

    margin-top: 10px;

    /*opacity: .5;*/
}


.dialog .time
{
    font-size: 19px;
    line-height: 135%;

    position: relative;

    margin-top: 10px;

    text-align: center;
    letter-spacing: -.95px;
}

.dialog .time:before
{
    position: absolute;
    top: 9px;
    left: -12px;

    display: block;

    width: 7px;
    height: 7px;

    content: '';

    border-radius: 50%;
    background: #d11a1a;
}


.dialog .limit_time
{
    font-size: 14px;
    line-height: 18px;

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

    text-align: center;
    letter-spacing: -.95px;

    border-radius: 21px;
    background: #d6dfff;
}


.dialog .upload
{
    display: flex;
    flex-direction: column;

    padding: 50px 0px;
}


.dialog .upload .start_btn
{
    color: #3e3aff;

    display: flex;

    width: 70px;
    height: 70px;
    margin: 0 auto;

    text-decoration: none;

    border-radius: 50%;
    background: #e9eaf8;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    cursor:pointer;
}

.dialog .upload .start_btn .icon
{
    display: block;

    width: 48px;
    height: 31px;
}


.dialog .upload .process
{
    overflow: hidden;

    width: 675px;
    max-width: 100%;
    margin: 0 auto;

    border-radius: 23.532px;
    background: #f1f1f2;
}


.dialog .upload .process .name
{
    color: #696c86;
    font-size: 16px;
    line-height: 18px;

    padding: 12px 16px 16px;

    text-align: center;
}

.dialog .upload .process .name span
{
    color: var(--main_color);
    font-weight: 700;
}

.dialog .upload .process .name br
{
    display: none;
}


.dialog .upload .process .progress
{
    height: 4px;

    background: #e0e0e0;
}

.dialog .upload .process .progress .bar
{
    width: 0;
    height: 4px;

    background: var(--main_color);
}


.dialog .upload .cancel_btn
{
    color: #d11a1a;

    display: flex;

    width: 70px;
    height: 70px;
    margin: 28px auto 0;

    text-decoration: none;

    border-radius: 50%;
    background: #e9eaf8;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.dialog .upload .cancel_btn .icon
{
    display: block;

    width: 56px;
    height: 56px;
}



.dialog .image_wrap
{
    position: relative;
}


.dialog .image_wrap ~ .next_link
{
    display: none;

    padding-top: 0;
}


.dialog .image_wrap .image
{
    /*position: relative;

    overflow: hidden;

    padding-bottom: 44.55%;

    border-radius: 10px;
    background: #ddd;*/
}

.dialog .image_wrap .image:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: opacity .2s linear;
    pointer-events: none;

    opacity: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0 4px #ff4d4d;
}

.dialog .image_wrap .image.error:after
{
    opacity: 1;
}
.dialog .image_wrap .image img
{
    width: 100%;
    max-width: 100%;
}

.dialog .image_wrap .image svg
{
    /*position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;*/
    position: absolute;
    z-index: 1;
    top: 0;

    display: block;

    width: 100%;
    height: 100%;
}


.dialog .image_wrap .image .answer
{
    cursor: default;
    transition: .2s linear;

    opacity: 0;

    --strokeColor: transparent;
    --fillColor: transparent;
}

.dialog .image_wrap .image .answer.show
{
    cursor: pointer;
    pointer-events: auto;

    opacity: 1;

    --strokeColor: var(--main_color);
    --fillColor: rgba(255,255,255,.75);
}

.dialog .image_wrap .image .answer.error
{
    pointer-events: auto;

    opacity: 1;

    --strokeColor: #ff4d4d;
    --fillColor: rgba(255,255,255,.75);
}

.dialog .image_wrap .image .answer.success
{
    pointer-events: auto;

    opacity: 1;

    --strokeColor: #23e843;
    --fillColor: rgba(255,255,255,.75);
}


.dialog .head .what_do .prompt_btn
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    z-index: 3;
    top: 20px;
    left: 23px;

    padding: 9px 22px;

    border-radius: 10px;
    background: var(--main_color);
}



.dialog .prompt_text
{
    font-size: 19px;
    line-height: 33px;

    padding: 50px;

    text-align: center;
    letter-spacing: -.95px;
}

.dialog .prompt_text span
{
    display: inline-block;

    width: 803px;
    max-width: 100%;
    padding: 10px 30px;

    vertical-align: top;

    border-radius: 21px;
    background: #d6dfff;
}


.dialog .error_text
{
    color: #ff4d4d;
    font-size: 19px;
    line-height: 33px;

    display: none;

    padding: 50px;

    text-align: center;
    letter-spacing: -.95px;
}

.dialog .error_text span
{
    display: inline-block;

    width: 803px;
    max-width: 100%;
    padding: 10px 30px;

    vertical-align: top;

    border-radius: 21px;
    background: rgba(255, 77, 77, .1);
}


.dialog .success_text
{
    color: #12a72a;
    font-size: 19px;
    line-height: 33px;

    display: none;

    padding: 50px;

    text-align: center;
    letter-spacing: -.95px;
}

.dialog .success_text span
{
    display: inline-block;

    width: 803px;
    max-width: 100%;
    padding: 10px 30px;

    vertical-align: top;

    border-radius: 21px;
    background: rgba(35, 232, 67, .2);
}



.dialog .go_link
{
    padding: 40px;

    text-align: center;
}

.dialog .go_link a
{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    display: inline-block;

    padding: 12px 20px;

    vertical-align: top;
    text-decoration: none;

    border-radius: 78px;
    background: var(--main_color);
}



/*-----------------------
    Simulator actions
-----------------------*/
.simulator_actions .btns
{
    display: none;

    margin-bottom: 19px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.simulator_actions .btns .btn
{
    color: #7f85ad;
    line-height: 16px;

    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.simulator_actions .btns .btn .icon
{
    display: block;

    width: 11px;
    height: 7px;
}

.simulator_actions .btns .btn.back_btn .icon
{
    margin-right: 5px;

    transform: rotate(90deg);
}


.simulator_actions .steps .step
{
    display: none;
}


.simulator_actions .steps .question
{
    color: #061058;
    font-size: 20px;
    font-weight: bold;
    line-height: 23px;

    margin-bottom: 20px;
    padding: 33px 32px 32px;

    text-align: center;

    border: 1px solid var(--main_color);
    border-radius: 15px;
    background: #fff;
}


.simulator_actions .steps .answers .row
{
    margin-bottom: -20px;
    margin-left: -20px;

    align-items: stretch;
    align-content: stretch;
}

.simulator_actions .steps .answers .row > *
{
    width: calc(50% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
}


.simulator_actions .steps .answers input
{
    display: none;
}

.simulator_actions .steps .answers label
{
    color: #4d4f60;
    font-size: 16px;
    line-height: 19px;

    display: flex;

    min-height: 60px;
    padding: 10px;

    cursor: pointer;
    transition: .2s linear;
    text-align: center;

    border: 1px solid var(--main_color);
    border-radius: 15px;
    background: #fff;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.simulator_actions .steps .answers input:checked + label,
.simulator_actions .steps .answers label:hover
{
    color: var(--main_color);

    border: 1px solid var(--main_color);
    background: var(--color_light_anima);
}


.simulator_actions .steps .answers input.error + label
{
    color: #ff4d4d;

    border: 1px solid #ff4d4d;
    background: var(--color_light_anima);
}


.simulator_actions .steps .answers input.success + label
{
    color: #12a72a;

    border: 1px solid #12a72a;
    background: var(--color_light_anima);
}


.simulator_actions .error_text
{
    color: #ff4d4d;
    font-size: 19px;
    line-height: 33px;

    margin-top: 30px;

    text-align: center;
    letter-spacing: -.95px;
}

.simulator_actions .error_text span
{
    display: inline-block;

    width: 803px;
    max-width: 100%;
    padding: 10px 30px;

    vertical-align: top;

    border-radius: 21px;
    background: rgba(255, 77, 77, .1);
}


.simulator_actions .success_text
{
    color: #12a72a;
    font-size: 19px;
    line-height: 33px;

    margin-top: 30px;

    text-align: center;
    letter-spacing: -.95px;
}

.simulator_actions .success_text span
{
    display: inline-block;

    width: 803px;
    max-width: 100%;
    padding: 10px 30px;

    vertical-align: top;

    border-radius: 21px;
    background: rgba(35, 232, 67, .2);
}


.simulator_actions .next_btn
{
    margin-top: 30px;

    text-align: center;
}

.simulator_actions .next_btn .btn
{
    color: #fff;
    font-size: 14px;
    line-height: 130%;

    padding: 11px 42px;

    border-radius: 45px;
    background: var(--main_color);
}



/*-----------------
    Course info
-----------------*/
.course_info .data
{
    display: flex;

    padding: 20px 30px 20px 20px;

    border-radius: 15px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);

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


.course_info .thumb
{
    color: var(--text_color);

    position: relative;

    display: block;
    overflow: hidden;

    width: 490px;
    height: 260px;

    text-decoration: none;

    border-radius: 13px;
    background: #ddd;
}

.course_info .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.course_info .thumb + *
{
    width: calc(100% - 515px);
}


.course_info .name
{
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;
}

.course_info .name a
{
    color: currentColor;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;
}


.course_info .stats
{
    font-size: 14px;
    line-height: 16px;

    margin-top: 10px;

    opacity: .5;
}


.course_info .stickers
{
    display: flex;

    margin-top: 10px;
    margin-bottom: -10px;
    margin-left: -10px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.course_info .stickers > *
{
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    margin-bottom: 10px;
    margin-left: 10px;
    padding: 2px 9px;

    border: 1px solid;
    border-radius: 6px;
}

.course_info .stickers .red
{
    color: #ff6363;
}

.course_info .stickers .yellow
{
    color: #ffa133;
}


.course_info .desc
{
    font-size: 14px;
    line-height: 130%;

    margin-top: 20px;

    opacity: .8;
}


.course_info .btns
{
    display: flex;

    margin-top: 20px;
    margin-bottom: -12px;
    margin-left: -12px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.course_info .btns > *
{
    margin-bottom: 12px;
    margin-left: 12px;
}


.course_info .btn
{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: inline-block;

    padding: 9px 32px;

    vertical-align: top;
    text-decoration: none;

    border-radius: 20px;
    background: var(--main_color);
}



.course_info .steps
{
    margin-top: 30px;
    padding: 25px 20px;

    border-radius: 15px;
    background: #fff;
}


.course_info .steps .title
{
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;

    margin-bottom: 20px;
}


.course_info .steps .items > * + *
{
    margin-top: 22px;
}


.course_info .steps .step
{
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    position: relative;

    display: block;

    padding-left: 26px;

    transition: color .2s linear;
    text-decoration: none;
    letter-spacing: -.3px;
    min-height: 34px;
}

.course_info .steps .step:before
{
    position: absolute;
    z-index: 3;
    top: 1px;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    transition: .2s linear;

    border: 2px solid #eaeaea;
    border-radius: 50%;
    background: #fff;
}

.course_info .steps .step + .step:after
{
    position: absolute;
    bottom: calc(100% - 1px);
    left: 7px;

    display: block;

    width: 2px;
    height: 48px;

    content: '';
    transition: background .2s linear;

    background: #eaeaea;
    display: none;
}


.course_info .steps .step span
{
    color: #061058;
    font-weight: 400;
}


.course_info .steps .step.finished:before
{
    border-color: #49dabf;
    background: url(../images/ic_check.svg) 50% no-repeat #49dabf;
}

.course_info .steps .step + .step.finished:after
{
    background: #49dabf;
}


.course_info .steps .step.active:before
{
    border-color: #49dabf;
}

.course_info .steps .step + .step.active:after
{
    background: #49dabf;
}

.course_info .steps .step + .step.not_line:after
{
    background: #eaeaea;
}


.course_info .steps .step.finished
{
    color: #49dabf;
}


.course_info .steps .step.lock
{
    color: #898c9d;
}

.course_info .steps .step.lock .icon
{
    position: relative;
    top: -2px;

    display: inline-block;

    width: 13px;
    height: 18px;
    margin-left: 5px;

    vertical-align: middle;
}


.course_info .steps .step .exp
{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;

    margin-top: 5px;

    opacity: .8;
}

.course_info .steps .step.active .exp
{
    color: var(--main_color);
}



/*----------------
    Error info
----------------*/
.error_info
{
    display: flex;

    width: 1448px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 24px;

    flex: 1 0 auto;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.error_info .info
{
    width: 688px;
    max-width: 100%;
}


.error_info .title
{
    color: var(--main_color);
    font-size: 55px;
    font-weight: bold;
    line-height: 63px;
}


.error_info .desc
{
    font-size: 28px;
    line-height: 32px;

    margin-top: 40px;

    opacity: .8;
}


.error_info .link
{
    color: #fff;

    display: inline-block;

    margin-top: 40px;
    padding: 18px 42px 19px;

    vertical-align: top;
    text-decoration: none;

    border-radius: 55px;
    background: var(--main_color);
}


.error_info .code img
{
    display: block;

    max-width: 100%;
}



/*----------
    Auth
----------*/
.auth
{
    display: flex;

    flex: 1 0 auto;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
}



.auth .form
{
    --form_border_color: rgba(0,0,0,.5);
    --form_focus_color: var(--main_color);
    --form_error_color: #d11a1a;
    --form_border_radius: 22px;
    --form_bg_color: transparent;
    --form_placeholder_color: #7f7e93;
}


.auth .form ::-webkit-input-placeholder
{
    color: var(--form_placeholder_color);
}

.auth .form :-moz-placeholder
{
    color: var(--form_placeholder_color);
}

.auth .form :-ms-input-placeholder
{
    color: var(--form_placeholder_color);
}


.auth .form .error_text
{
    color: #d11a1a;
    font-size: 14px;
    line-height: 130%;

    position: relative;

    margin-bottom: 12px;
    padding-left: 28px;

    white-space: nowrap;
}

.auth .form .error_text .icon
{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;

    position: absolute;
    top: 0;
    left: 0;

    width: 18px;
    height: 18px;

    text-align: center;
    letter-spacing: -.3px;

    border-radius: 50%;
    background: #d11a1a;
}


.auth .form .field
{
    position: relative;

    display: flex;
    flex-direction: column;

    margin-bottom: 15px;
}

.auth .form .field .error{
    display: none;
    order:3;    
    gap:10px;
    margin-top:10px;

    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #E21B1B;
}

.auth .form .field .error svg{
    flex-shrink: 0;
}

.auth .form .field:has(.parsley-error) .error{
    display: flex;
}


.auth .form .label
{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    margin-bottom: 10px;

    transition: color .2s linear;

    order: 1;
}


.auth .form .input
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 500;

    display: block;

    width: 100%;
    height: 44px;
    padding: 0 14px;

    transition: border-color .2s linear;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);

    order: 2;
}

.auth .form .input.parsley-error, .auth .form .input.parsley-error:focus{
    border-color:#E21B1B;
    color:#E21B1B;
}

.auth .form .input.parsley-error::placeholder{
    color:#E21B1B;
}

.auth .form .input[type='password']
{
    padding-right: 52px;
}

.auth .form .input:-webkit-autofill
{
    -webkit-box-shadow: inset 0 0 0 50px var(--form_bg_color) !important;
}


.auth .form .view_btn
{
    color: #020027;

    position: absolute;
    z-index: 3;
    right: 15px;
    bottom: 10px;

    display: flex;

    width: 24px;
    height: 24px;

    opacity: .5;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.auth .form .view_btn .icon,
.auth .form .view_btn.active .icon + .icon
{
    display: block;
}

.auth .form .view_btn.active .icon,
.auth .form .view_btn .icon + .icon
{
    display: none;
}


.auth .form select
{
    display: none;
}

.auth .form .nice-select
{
    position: relative;

    display: block;

    order: 2;
}


.auth .form .nice-select .current
{
    color: var(--form_placeholder_color);
    font-size: 14px;
    font-weight: 500;
    line-height: 42px;

    position: relative;

    display: block;
    overflow: hidden;

    height: 44px;
    padding: 0 39px 0 14px;

    cursor: pointer;
    transition: .2s linear;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.auth .form .nice-select.open .current
{
    border-color: var(--form_focus_color);
}

.auth .form .nice-select .current.selected
{
    color: var(--text_color);
}


.auth .form .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: auto !important;
    bottom: 110%;
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;

    transition: .2s linear;

    opacity: 0;
    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: #fff;
}

.auth .form .nice-select.open .list
{
    top: auto !important;
    bottom: 110%;

    visibility: visible;

    opacity: 1;
}


.auth .form .nice-select .list .scrollbar
{
    overflow: visible;

    padding: 10px 0;
}

.auth .form .nice-select .list .scrollbar::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
}


.auth .form .nice-select .list .list_item
{
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    padding: 10px 14px;

    cursor: pointer;
    transition: background .2s linear;
}

.auth .form .nice-select .list .list_item:empty
{
    display: none;
}

.auth .form .nice-select .list .list_item:hover,
.auth .form .nice-select .list .list_item.selected
{
    background: #646464;
}


.auth .form .nice-select ~ .arrow
{
    color: #020027;

    position: absolute;
    z-index: 9;
    top: 45px;
    right: 15px;

    display: block;

    width: 11px;
    height: 7px;

    transition: .2s linear;
    pointer-events: none;
}

.auth .form .nice-select.open ~ .arrow
{
    color: var(--main_color);

    transform: rotate(180deg);
}


.auth .form .input:focus
{
    border-color: var(--form_focus_color);
}

.auth .form .input:focus ~ .label,
.auth .form .nice-select.open ~ .label
{
    color: var(--form_focus_color);
}


.auth .form .input.error
{
    color: var(--form_error_color);

    border-color: var(--form_error_color);
}

.auth .form .input.error ~ .label
{
    color: var(--form_error_color);
}


.auth .form .error_icon
{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;

    position: absolute;
    bottom: 13px;
    left: -28px;

    width: 18px;
    height: 18px;

    text-align: center;
    letter-spacing: -.3px;

    border-radius: 50%;
    background: #d11a1a;
}


.auth .form input[type=checkbox]
{
    display: none;
}

.auth .form input[type=checkbox] + label
{
    color: #020027;
    font-size: 14px;
    line-height: 16px;

    position: relative;

    display: flex;

    min-height: 16px;
    padding-left: 19px;

    cursor: pointer;
    text-align: left;
    vertical-align: middle;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.auth .form input[type=checkbox] + label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 14px;
    height: 14px;

    content: '';
    transition: .2s linear;

    border: .5px solid #505261;
    border-radius: 4px;
}

.auth .form input[type=checkbox] + label:after
{
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 8px;
    border: solid var(--main_color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.auth .form input[type=checkbox]:checked + label:after
{
    opacity: 1;
}


.auth .form .submit
{
    padding-top: 5px;
}


.auth .form .submit_btn
{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    display: block;

    width: 100%;
    padding: 14px 32px;

    border-radius: 55px;
    background: var(--main_color);
}

.auth .form .submit_btn:disabled{
    background: gray;
}


.auth .form .bottom
{
    display: flex;

    padding-top: 20px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.auth .form .recovery_link
{
    color: var(--main_color);
    font-size: 14px;
    line-height: 16px;

    margin-right: 30px;
}

.auth .form .recovery_link a
{
    color: currentColor;
}


.auth .form .links
{
    margin-top: 25px;
}

.auth .form .links > * + *
{
    margin-top: 20px;
}


.auth .form .or
{
    color: #7f7e93;
    font-size: 12px;
    line-height: 16px;

    overflow: hidden;

    text-align: center;
}

.auth .form .or span
{
    position: relative;

    display: inline-block;

    padding: 0 10px;

    vertical-align: top;
}

.auth .form .or span:before,
.auth .form .or span:after
{
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;

    display: block;

    width: 360px;
    height: 1px;
    margin: auto;

    content: '';

    opacity: .5;
    background: rgba(17, 28, 96, .5);
}

.auth .form .or span:after
{
    right: auto;
    left: 100%;
}


.auth .form .links .btn
{
    color: var(--main_color);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    display: block;

    width: 100%;
    padding: 13px 31px;

    transition: .2s linear;
    text-align: center;
    text-decoration: none;

    border: 1px solid var(--main_color);
    border-radius: 55px;
}

.auth .form .links .btn:hover
{
    color: #fff;

    background: var(--main_color);
}



.auth .data
{
    display: flex;

    width: calc(100% - 475px);
    padding: 24px;

    background: linear-gradient(0deg, rgba(255, 255, 255, .99), rgba(255, 255, 255, .99)), var(--main_color);

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.auth .login
{
    width: 360px;
    max-width: 100%;
}

.auth .login .info_data{
    background: var(--color_light);
    border-radius: 15px;
    padding:17px;
    position: relative;
    margin-bottom: 40px;
}

.auth .login .info_data_title{
    font-weight: 700;
    font-size: 24px;
    color: #191924;
    opacity: 0.8;
    margin-bottom: 12px;
}

.auth .login .info_data_desc{
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #4B4A60;
    opacity: 0.8;
}
.auth .login .info_data_desc span{
    color: var(--main_color);
}

.auth .login .info_data_close{
    position: absolute;
    top:10px;
    cursor: pointer;
    right: 10px;
}


.auth .register,
.auth .recovery
{
    width: 330px;
    max-width: 100%;
}


.auth .data .title
{
    color: #020027;
    font-size: 28px;
    font-weight: bold;
    line-height: 32px;

    position: relative;

    margin-bottom: 41px;

    letter-spacing: -.3px;
}

.auth .data .title:before
{
    position: absolute;
    bottom: -13px;
    left: 0;

    display: block;

    width: 100px;
    height: 3px;

    content: '';

    border-radius: 5px;
    background: currentColor;
}


.auth .data .has_account
{
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    margin-top: 15px;
}

.auth .data .has_account a
{
    color: var(--main_color);
}



.auth .register.success
{
    width: 377px;
}


.auth .register.success .info > *
{
    font-size: 18px;
    line-height: 21px;

    display: flex;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.auth .register.success .info > * + *
{
    margin-top: 10px;
}

.auth .register.success .info .name
{
    font-weight: 500;

    width: 109px;
    margin-right: 10px;
}


.auth .register.success .notice
{
    color: var(--main_color);
    font-size: 14px;
    line-height: 130%;

    position: relative;

    margin-top: 20px;
    padding: 12px 14px 14px 42px;

    border: 1px solid;
    border-radius: 15px;
    background: linear-gradient(0deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, .95)), #0a00c5;
}

.auth .register.success .notice .icon
{
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;

    position: absolute;
    top: 12px;
    left: 14px;

    width: 18px;
    height: 18px;

    text-align: center;
    letter-spacing: -.3px;

    border: 1px solid;
    border-radius: 50%;
}


.auth .register.success .login_link
{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    display: block;

    width: 329px;
    max-width: 100%;
    margin-top: 20px;
    padding: 14px;

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

    border-radius: 55px;
    background: var(--main_color);
}



.auth .contacts
{
    display: flex;
    width: 475px;
    max-width: 100%;
    padding: 24px;
    border-left: 2px solid #020027;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    z-index: 3;
}

.auth .contacts .info
{
    width: 275px;
    max-width: 100%;
}


.auth .contacts .logo
{
    margin-bottom: 40px;
}

.auth .contacts .logo img
{
    display: block;

    width: auto;
    max-width: 100%;
    max-height: 100px;
}


.auth .contacts .desc
{
    font-size: 18px;
    line-height: 21px;

    margin-top: 10px;

    opacity: .5;
}


.auth .contacts .item
{
    margin-top: 25px;
}

.auth .contacts .item .name
{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 19px;

    letter-spacing: -.3px;
}

.auth .contacts .item .val
{
    font-size: 18px;
    line-height: 21px;

    margin-top: 15px;
    color: #fff;
}



/*--------------
    Comments
--------------*/
.comments
{
    margin-top: 40px;
    padding: 25px 20px;

    border-radius: 15px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
}


.comments .block_title
{
    margin-bottom: 20px;
}


.comments .add_comment
{
    margin-bottom: 25px;
}


.comments .add_comment .answer
{
    position: relative;

    width: calc(100% - 63px);
    margin-bottom: 10px;
    padding-right: 40px;
    padding-left: 12px;
}

.comments .add_comment .answer:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 2px;
    height: 100%;

    content: '';

    border-radius: 7px;
    background: #0a00c5;
}


.comments .add_comment .answer .name
{
    color: #0a00c5;
    line-height: 100%;
}


.comments .add_comment .answer .text
{
    font-size: 12px;
    line-height: 130%;

    overflow: hidden;

    margin-top: 2px;

    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: .5;
}

.comments .add_comment .answer .close_btn
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: flex;

    width: 30px;
    height: 29px;

    transition: opacity .2s linear;

    opacity: .5;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.comments .add_comment .answer .close_btn .icon
{
    display: block;

    width: 30px;
    height: 29px;
}

.comments .add_comment .answer .close_btn:hover
{
    opacity: 1;
}



.comments .add_comment .form
{
    display: flex;

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

.comments .add_comment .form ::-webkit-input-placeholder
{
    color: #777;
}

.comments .add_comment .form :-moz-placeholder
{
    color: #777;
}

.comments .add_comment .form :-ms-input-placeholder
{
    color: #777;
}


.comments .add_comment .field
{
    position: relative;

    width: calc(100% - 65px);
}

.comments .add_comment .block_upload{
    width: 100%;
    margin-bottom: 30px;
}


.comments .add_comment textarea
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 14px;
    line-height: 130%;

    display: block;

    width: 100%;
    height: 80px;
    padding: 9px 14px;

    resize: none;

    border: 1px solid #c2cddf;
    border-radius: 16px;
    background: #fff;
}


.comments .add_comment .submit_btn
{
    display: flex;

    width: 48px;
    height: 48px;
    padding-left: 4px;

    border-radius: 50%;
    background: #e9eaf8;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.comments .add_comment .submit_btn img
{
    display: block;

    width: 27px;
    height: 27px;
}

.comments .add_comment .submit_btn .icon
{
    display: block;

    width: 27px;
    height: 27px;
}



.comments .list > * + *,
.comments .children > * + *
{
    margin-top: 20px;
}


.comments .children
{
    margin-top: 20px;
    padding-left: 65px;
}


.comments .comment
{
    display: flex;

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


.comments .comment .avatar
{
    color: #6b7078;
    font-size: 20px;
    line-height: 23px;

    position: relative;

    display: flex;
    overflow: hidden;

    width: 50px;
    height: 50px;

    text-align: center;

    border-radius: 11px;
    background: #c4cbd7;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.comments .comment .avatar img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}


.comments .comment .data
{
    display: flex;

    width: calc(100% - 65px);
    padding-bottom: 20px;

    border-bottom: 1px solid rgba(53,53,82,.1);

    padding: 20px;
    border: 1px solid #ABAAE2;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    border-radius: 20px;
}


.comments .comment .name
{
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;

    margin-bottom: 5px;

    letter-spacing: -.3px;
}


.comments .comment .exp
{
    font-size: 12px;
    line-height: 130%;

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

    opacity: .5;
}


.comments .comment .text
{
    line-height: 130%;

    width: 100%;

    opacity: .8;

    overflow-wrap: break-word;
}

.comments .comment .text > * + * {
    margin-top: 15px;
}


.comments .comment .date
{
    font-size: 12px;
    line-height: 130%;

    margin-top: 10px;

    white-space: nowrap;

    opacity: .5;
}


.comments .comment .del_btn
{
    color: #d11a1a;
    font-size: 12px;
    line-height: 14px;

    margin-top: 10px;
    margin-left: 10px;

    border-bottom: 1px dashed;
}

.comments .comment .edit_btn
{
    color: #d11a1a;
    font-size: 12px;
    line-height: 14px;

    margin-top: 10px;
    margin-left: 10px;

    border-bottom: 1px dashed;
}


.comments .comment .reply_btn
{
    color: #178eff;
    font-size: 12px;
    line-height: 14px;

    margin-top: 10px;
    margin-left: 10px;

    border-bottom: 1px dashed;
}

.not_comment{
    text-align: center;
    margin-bottom: 20px;
}

.not_comment img{
    display: inline-block;
}


/*--------------
    Settings
--------------*/
.settings .data
{
    width: calc(100% - 314px);
    padding: 30px;

    border-radius: 15px;
    background: #fff;
}



.settings .form
{
    --form_border_color: rgba(2,0,39,.5);
    --form_focus_color: var(--main_color);
    --form_error_color: red;
    --form_border_radius: 22px;
    --form_bg_color: transparent;
    --form_placeholder_color: rgba(2,0,39,.5);
}


.settings .form ::-webkit-input-placeholder
{
    color: var(--form_placeholder_color);
}

.settings .form :-moz-placeholder
{
    color: var(--form_placeholder_color);
}

.settings .form :-ms-input-placeholder
{
    color: var(--form_placeholder_color);
}


.settings .form .avatar
{
    margin-bottom: 31px;
}

.settings .form .avatar input
{
    display: none;
}

.settings .form .avatar label
{
    position: relative;

    display: block;

    width: 100px;
    height: 100px;
    margin: 0 auto;

    cursor: pointer;

    border: 2px solid #ceccf3;
    border-radius: 50%;
    background: #ddd;
}

.settings .form .avatar label img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: inherit;

    object-fit: cover;
}

.settings .form .avatar label .icon
{
    color: #fff;

    position: absolute;
    right: 0;
    bottom: 0;

    display: flex;

    width: 30px;
    height: 30px;

    border-radius: 50%;
    background: var(--main_color);

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.settings .form .avatar label .icon svg
{
    display: block;

    width: 16px;
    height: 16px;
}


.settings .form .columns
{
    margin-left: calc(var(--form_columns_offset) * -1);

    --form_columns_offset: 30px;
}

.settings .form .columns > *
{
    width: calc(50% - var(--form_columns_offset));
    margin-left: var(--form_columns_offset);
}


.settings .form .line
{
    margin-bottom: 20px;
}


.settings .form .field
{
    position: relative;

    display: flex;
    flex-direction: column;
}


.settings .form .label
{
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;

    margin-bottom: 10px;
}


.settings .form .input
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 500;

    display: block;

    width: 100%;
    height: 44px;
    padding: 0 14px;

    transition: border-color .2s linear;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);

    order: 2;
}

.settings .form .input:-webkit-autofill
{
    -webkit-box-shadow: inset 0 0 0 50px var(--form_bg_color) !important;
}


.settings .form textarea
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 14px;
    line-height: 16px;

    display: block;

    width: 100%;
    height: 150px;
    padding: 14px;

    resize: none;
    transition: border-color .2s linear;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.settings .form textarea::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
}


.settings .form .birthday
{
    display: flex;
    flex-direction: row;

    margin-bottom: -10px;
    margin-left: -10px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.settings .form .birthday > *
{
    position: relative;

    width: 88px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.settings .form .birthday > *.month
{
    width: calc(100% - 206px);
}


.settings .form select
{
    display: none;
}

.settings .form .nice-select
{
    position: relative;

    display: block;

    order: 2;
}


.settings .form .nice-select .current
{
    color: var(--form_placeholder_color);
    font-size: 14px;
    font-weight: 500;
    line-height: 42px;

    position: relative;

    display: block;
    overflow: hidden;

    height: 44px;
    padding: 0 39px 0 14px;

    cursor: pointer;
    transition: .2s linear;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.settings .form .nice-select.open .current
{
    border-color: var(--form_focus_color);
}

.settings .form .nice-select .current.selected
{
    color: var(--text_color);
}


.settings .form .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;

    transition: .2s linear;

    opacity: 0;
    border: 1px solid var(--form_border_color);
    border-radius: 11px;
    background: #fff;
}

.settings .form .nice-select.open .list
{
    top: calc(100% + 10px);

    visibility: visible;

    opacity: 1;
}


.settings .form .nice-select .list .scrollbar
{
    overflow: auto;

    max-height: 240px;
    padding: 10px 0;
}

.settings .form .nice-select .list .scrollbar::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
}


.settings .form .nice-select .list .list_item
{
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    padding: 10px 14px;

    cursor: pointer;
    transition: background .2s linear;
}

.settings .form .nice-select .list .list_item:empty
{
    display: none;
}

.settings .form .nice-select .list .list_item:hover,
.settings .form .nice-select .list .list_item.selected
{
    background: #eeeffc;
}


.settings .form .nice-select ~ .arrow
{
    color: #020027;

    position: absolute;
    z-index: 9;
    top: 18px;
    right: 15px;

    display: block;

    width: 11px;
    height: 7px;

    transition: .2s linear;
    pointer-events: none;

    opacity: .5;
}

.settings .form .nice-select.open ~ .arrow
{
    color: var(--main_color);

    transform: rotate(180deg);
}


.settings .form .input:focus
{
    border-color: var(--form_focus_color);
}

.settings .form .input:focus ~ .label,
.settings .form .nice-select.open ~ .label
{
    color: var(--form_focus_color);
}


.settings .form .submit_btn
{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    padding: 14px 32px;

    border-radius: 55px;
    background: var(--main_color);
}



.settings .account_links
{
    width: 284px;
    margin-left: auto;
    padding: 20px;

    border-radius: 15px;
    background: #fff;
}


.settings .account_links .title
{
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;

    margin-bottom: 15px;
}


.settings .account_links .items > * + *
{
    margin-top: 10px;
}

.settings .account_links .items a
{
    color: currentColor;
    font-size: 14px;
    line-height: 130%;

    display: inline-block;

    transition: .2s linear;
    vertical-align: top;
    text-decoration: none;

    opacity: .5;
}

.settings .account_links .items a:hover,
.settings .account_links .items a.active
{
    font-weight: 500;

    opacity: .8;
}



/*------------
    Footer
------------*/
footer
{
    display: flex;

    width: calc(100% + 80px) !important;
    margin: auto -40px 0 !important;
    padding: 40px 158px 40px 40px;

    background: #fff;

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



footer .logo img
{
    display: block;

    max-width: 100%;
}

footer .logo .desc
{
    color: #121432;
    line-height: 16px;

    margin-top: 10px;
}



footer .contacts .name
{
    color: #121432;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;

    margin-bottom: 10px;

    letter-spacing: -.3px;
}

footer .contacts .val
{
    color: #121432;
    line-height: 16px;
}

footer .contacts .val a
{
    color: currentColor;

    white-space: nowrap;
    text-decoration: none;
}



/*-----------
    PopUp
-----------*/
.modal
{
    display: none;
    visibility: visible !important;

    width: 422px;
    max-width: 100%;
    padding: 30px 32px 40px;

    border-radius: 30px;
    background: url(../images/bg_modal.svg) 50% 18px no-repeat #fff;
}


.modal .icon
{
    display: block;

    width: 111px;
    height: 111px;
    margin: 0 auto 28px;
}


.modal_title
{
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;

    text-align: center;
}


.modal_desc
{
    color: #9699ac;
    font-size: 18px;
    line-height: 25px;

    margin-top: 20px;

    text-align: center;

    opacity: .8;
}

.modal_desc b
{
    color: #fbc233;
}


.modal .close_btn
{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;

    display: block;

    width: 100%;
    margin-top: 20px;
    padding: 16px 32px;

    text-align: center;

    border-radius: 27px;
    background: var(--main_color);
}



#recovery_success_modal
{
    width: 730px;
    padding: 50px;

    background: #fff;
}


#recovery_success_modal .modal_desc
{
    line-height: 21px;

    opacity: 1;
}


#recovery_success_modal .links
{
    width: 330px;
    max-width: 100%;
    margin: 30px auto 0;
}

#recovery_success_modal .links a
{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    display: block;

    padding: 13px 31px;

    transition: .2s linear;
    text-align: center;
    text-decoration: none;

    border: 1px solid var(--main_color);
    border-radius: 55px;
    outline: none;
    background: var(--main_color);
}



#register_code_modal
{
    width: 630px;
    padding: 50px 150px;

    background: #fff;
}

#register_code_modal .carousel__button.is-close
{
    display: flex;
}



.modal .form
{
    margin-top: 30px;

    --form_border_color: rgba(0,0,0,.5);
    --form_focus_color: var(--main_color);
    --form_error_color: red;
    --form_border_radius: 22px;
    --form_bg_color: transparent;
    --form_placeholder_color: #7f7e93;
}


.modal .form ::-webkit-input-placeholder
{
    color: var(--form_placeholder_color);
}

.modal .form :-moz-placeholder
{
    color: var(--form_placeholder_color);
}

.modal .form :-ms-input-placeholder
{
    color: var(--form_placeholder_color);
}


.modal .form .field
{
    position: relative;

    display: flex;
    flex-direction: column;

    margin-bottom: 15px;
}


.modal .form .label
{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    margin-bottom: 10px;

    transition: color .2s linear;

    order: 1;
}


.modal .form .input
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 500;

    display: block;

    width: 100%;
    height: 44px;
    padding: 0 14px;

    transition: border-color .2s linear;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);

    order: 2;
}

.modal .form .input:-webkit-autofill
{
    -webkit-box-shadow: inset 0 0 0 50px var(--form_bg_color) !important;
}


.modal .form .submit
{
    padding-top: 5px;
}


.modal .form .submit_btn
{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    display: block;

    width: 100%;
    padding: 14px 32px;

    border-radius: 55px;
    background: var(--main_color);
}



#video_modal
{
    width: auto;
    padding: 0;

    border-radius: 0;
}

#video_modal video{
    max-height: 600px;
    max-width: 1000px;
}

#video_modal .carousel__button.is-close
{
    color: #fff;
    top: -25px;
    right: -7px;


    display: flex;
}

#video_modal .video_player,
.video_player video
{
    border-radius: inherit;
}



#simulator_over_modal
{
    padding: 56px 32px 44px;

    background: #fff;
}

#simulator_over_modal .icon
{
    color: #27cc42;

    width: 96px;
    height: 96px;
}

#simulator_over_modal .modal_title
{
    color: var(--text_color);
}

#simulator_over_modal .modal_desc
{
    color: #818093;

    margin-top: 12px;
}

#simulator_over_modal .close_btn
{
    margin-top: 36px;
}

#simulator_over_modal .show_report
{
    color: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;

    display: block;

    width: 100%;
    margin-top: 20px;
    padding: 16px 32px;

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

    border-radius: 27px;
    background: #d8d6ea;
}



#confirm_modal
{
    padding: 56px 32px 44px;

    background: #fff;
}

#confirm_modal .icon
{
    color: #da3030;

    width: 96px;
    height: 96px;
}

#confirm_modal .modal_title
{
    color: var(--text_color);
}

#confirm_modal .modal_desc
{
    color: #818093;

    margin-top: 12px;
}

#confirm_modal .btns
{
    display: flex;

    margin-top: 32px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

#confirm_modal .btns .btn
{
    width: calc(50% - 8px);
    margin: 0;
}

#confirm_modal .btns .btn.red
{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;

    display: block;

    padding: 16px 32px;

    text-align: center;

    border-radius: 27px;
    background: #da3030;
}





.column-left
{
    z-index: 999;

    width: 25%;
}
.column-right
{
    z-index: 999;
    right: 0;

    width: 25%;
}

.button-column
{
    width: 100%;
}

#canvas
{
    max-width: 100%;
}

.left-button button
{
    display: inline-block;

    min-width: 104px;
    max-width: 200px;
    padding: 7px 14px;

    cursor: pointer;
    text-align: center;
    vertical-align: top;

    border: 2px solid transparent;
    border-color: #0b00d8;
    border-radius: 16px;
    background: #ecebf5;
}


.no_padding
{
    padding-top: 0  !important;
}

.image_simulator img
{
    width: 100%;
    max-width: 100%;
}

footer .logo
{
    max-width: 250px;
}

.message_new
{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;

    display: flex;

    padding: 14px 20px 14px 20px;

    border-radius: 12px;

    justify-content: space-between;
}

.message_new.success
{
    background: #27cc42;
}

.message_new.error
{
    background: #d11a1a;
}

.message_new.warning
{
    background: var(--main_color);
}

.message_new svg{
    width: 25px;
    height: 25px;
    margin-right: 10px;
    flex-shrink: 0;
}

.message_new.warning{
    justify-content: flex-start;
    align-items: center;
}

.message_new.warning button{
    margin-left: auto;
}

.audio-record .loading svg
{
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;

    animation: button_loader_spin 1s linear infinite;
}

@keyframes button_loader_spin
{
    100%
    {
        transform: rotate(360deg);
    }
}



.empty{
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}


.empty div{
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    opacity: 0.8;
}

.empty a{
    color: #fff;
    display: inline-block;
    padding: 18px 42px 19px;
    vertical-align: top;
    text-decoration: none;
    border-radius: 55px;
    background: var(--main_color);
    margin-top: 20px;
} 

.title_setting{
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
        margin-bottom: 20px;
}

audio{
    width: 100%;
}

.message_test{
    border: 1px solid var(--main_color);
    padding: 20px;
    display: inline-block !important;
    margin-bottom: 50px;
    border-radius: 30px;
    max-width: 300px;
    width: 100%;
}

.test_data .step .question + .files{
    margin-bottom: 20px;
}

.test_data .step .dialog .exp{
    margin-top: 0;
}

.input_file{
    margin: 15px 0;
}



.audio_media  .media-toolbar {
    align-items: center;
    cursor: default;
    direction: ltr;
    display: flex;
    flex-wrap: wrap
}
:-webkit-full-screen .audio_media  .media-toolbar {
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .8;
    position: absolute
}
:-moz-full-screen .audio_media  .media-toolbar {
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .8;
    position: absolute
}
:-ms-fullscreen .audio_media  .media-toolbar {
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .8;
    position: absolute
}
:fullscreen .audio_media  .media-toolbar {
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .8;
    position: absolute
}
.audio_media .media-hidden {
    display: none
}
.audio_media .media-media {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 100vh;
    max-width: 100%;
    position: relative
}
.audio_media .media-control, .media-slider {
    background-color: transparent;
    border-style: none;
    color: inherit;
    font: inherit;
    margin: 0;
    overflow: visible;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}
.audio_media .media-slider {
    height: 2.5em;
    padding: .625em .5em;
    margin:0 5px;
}
.audio_media .media-slider:focus {
    background-color: rgba(153, 153, 255, .25)
}
.audio_media .media-time {
    flex-grow: 1;
    flex-shrink: 1
}
.audio_media .media-volume {
    flex-basis: 5em
}
.audio_media .media-range {
    background-color: #ccc;
    display: block;
    font-size: 75%;
    height: 8px;
    width: 100%;
    border-radius: 4px;
}
.audio_media .media-meter {
    background-color: var(--main_color);
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
    border-radius: 4px;
}
.audio_media .media-text {
    color: #061058;
    font-size: 14px;
    line-height: 16px;
    margin-left: 9px;
    opacity: .75;
}
.audio_media .media-control {
    font-size: 75%;
    line-height: 1;
    padding: 1.16667em;
    text-decoration: none
}
.audio_media .media-control:focus, .audio_media .media-control:hover {
    background-color: rgba(153, 153, 255, .25)
}
.audio_media .media-symbol {
    display: block;
    fill: currentColor;
    height: 1em;
    width: 1em
}
.audio_media  .media-symbol[aria-hidden=true] {
    display: none
}

.audio_media .media-mute, .audio_media .media-download, .audio_media .media-fullscreen, .audio_media .media-volume{
    display: none;
}

.audio_media .media-control.media-play{
    color: #fff;
    display: flex;
    width: 33px;
    height: 33px;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--main_color);
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.audio_media{
    width: 100%;
}


.audio_media.light .media-control.media-play{
    color: var(--main_color); 
    background: #fff;
}

.audio_media.light .media-text{
    color:#fff;
}
.audio_media.light .media-meter{
    background-color: #fff;
}


/*Итоговое задание*/


section.total {
    width: calc(100%);
    padding: 30px;
    border-radius: 15px;
    background: #fff;
}

.total .data{
    margin-bottom: 20px;
}

.total .line {
    border-top: 1px solid #D0D0D0;
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-bottom: 20px;
}

.total_title {
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 20px;
}

.total_text{
    margin-bottom: 15px;
}

.total_file{
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 15px;
}

.total_file_img{

}

.total_file_desc{
    width: calc(100% - 35px);
    margin-top: -8px;
    margin-bottom: -8px;
    align-self: center;
}

.total_file_desc .name {
    color: #505261;
    font-weight: bold;
    line-height: 19px;
}

.total_file_desc .links {
    display: flex;
    margin-bottom: -10px;
    margin-left: -10px;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.total_file_desc .links > * {
    margin-bottom: 10px;
    margin-left: 10px;
    /*width: 130px;*/
}

.total_file_desc .links a {
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    border-bottom: 1px dashed;
}


.total_file_desc .links a.green
{
    color: #1d972b;
}

.total_file_desc .links a.blue
{
    color: #4a8be1;
}

.total_file_desc .links a.orange
{
    color: #ff9617;
}

.total_file_desc .links a.red
{
    color: #e14a4a;
}

.total_file_desc .links a.orange {
    color: #ff9617;
}

.total_audio{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}


.total_flex{
    display: flex;
}

.total_flex input {
    display: none;
}

.total_flex .start_btn {
    color: #d11a1a;
    position: relative;
    z-index: 3;
    display: flex;
    width: 70px;
    height: 70px;
    cursor: pointer;
    transition: color .2s linear;
    text-decoration: none;
    border-radius: 50%;
    background: #e9eaf8;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.total_flex .start_btn:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    transition: .2s linear;
    opacity: 0;
    border-radius: inherit;
    background: #d11a1a;
}
.total_flex input:checked ~ .start_btn {
    color: #fff;
}

.total_flex input:checked ~ .start_btn:before {
    width: 44px;
    height: 44px;
    animation: shadow-expansion .9s ease-in-out infinite alternate;
    opacity: 1;
}

.total_flex .start_btn .icon {
    display: block;
    width: 24px;
    height: 36px;
}

.total_audio_desc{
    font-size: 14px;
    line-height: 16px;
    color: #7E7E7E;
    opacity: 0.8;
    margin-left:20px;
}

.total .input_file{
    margin:30px 0;
}
.input_file label{
    display: block;
    margin-bottom: 15px;
}
.total_form label {
    margin-bottom: 15px;
    display: block;
}
.total_form textarea {
    font-family: var(--font_family);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    display: block;
    width: 100%;
    height: 107px;
    padding: 11px 13px;
    resize: none;
    border: 1px solid #cecbea;
    border-radius: 16px;
    background: #fff;
    margin-bottom: 20px;
}
.total_form button{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 8px 12px;
    border-radius: 16px;
    background: var(--main_color);
    order: 2;
}

.total_audio_media{
    max-width: 300px;
    margin-bottom: 30px;
}

.accepted{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 8px 12px;
    border-radius: 16px;
    background: var(--main_color);
}

.total_date{
    margin-bottom: 15px;
    color: #6660A2;
}

.page_title a{
    text-decoration: none;
    color: var(--main_color);
}

/*faq*/
.faq .input{
    background: #FFFFFF url(../images/search.svg) no-repeat 20px center;
    border: 1px solid #BCBCBC;
    box-sizing: border-box;
    border-radius: 54px;
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 17px 120px 17px 50px;
    margin-bottom: 30px;
    font-family: 'Ubuntu';
    overflow: hidden;
}

.title_faq{
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top:30px;
    display: flex;
    justify-content: flex-start;
    gap:20px;
    align-items: flex-start;
}
.accordion_item{
    background: #FFFFFF;
    box-shadow: 2px 4px 60px rgb(41 44 124 / 10%);
    border-radius: 8px;
}


.accordion_item .head{
    padding-top:15px;
    padding-bottom:15px;
    min-height: 51px;
    line-height: 19px;
    display: flex;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.375px;
    position: relative;
    cursor: pointer;
    gap:20px;
}

.accordion_item .head:before{
    content: "";
    width: 8px;
    background: var(--main_color);
    display: block;
    position: absolute;
    left:0;
    top:0;
    height: 100%;
    border-radius:  10px  0  0 10px;
}

.accordion_item .data{
    display: none;
}

.accordion_item + .accordion_item{
    margin-top:15px;
}

.accordion_item .head .title{
    padding-left:30px;
}
.accordion_item .head .icon
{
    content: '';
    position: absolute;
    right: 20px;
    top: 17px;
    border: 8px solid transparent;
    border-top: 8px solid var(--main_color);
    transform: rotate(-90deg);
    transition: 0.3s;
}

.accordion_item .head .edit_faq{
    position: absolute;
    right: 52px;
    top: 14px;
}



.accordion_item.active .head .icon{
    transform: rotate(0deg);
    top:22px;
}

.accordion_item.active .head{
    border-bottom: 1px solid #CDCDCD;
}

.accordion_item.active .head:before{
    border-radius:  10px  0  0 0px;
}
.accordion_item .data .text_block{
    padding: 15px 30px;
}
.title_faq_result{
    display: none;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top:30px;
}

.accordion{
    margin-bottom: 15px;
}

.title_faq_result button{
    display: inline-block;
    position: relative;
    top: 3px;
}


.thumb-wrap {
      position: relative;
      padding-bottom: 56.25%; 
      height: 0;
      overflow: hidden;
}
.thumb-wrap iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-width: 0;
      outline-width: 0;
}

.faq_mt{
    margin-top: 0;
}

.info_faq{
    font-size: 14px;
    line-height: 23px;
    color: #6660A2;
    margin-left: auto;
    margin-right: 60px;
}

.info_faq .red{
    color: rgba(225, 67, 67, 0.8);
}

.info_faq .green{
    color: #77DA67;
}

.faq .test_data{
    padding:0;
}

.m_r{
    margin-right: auto;
}



.mob_header .logo{
    max-width: 160px;
    height: 50px;
    margin-left: 30px;
    display: flex;
    align-items: center;
}

.mob_header .logo.m_l{
    margin-left: 0px;
}

.mob_header .logo img{
    max-width: 100%;
    max-height: 100%;

}

.mobile_logo{
    display: none;
}

.message_file{
    margin-top:15px;
    padding-bottom: 10px;
}

.message_file .file{
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    position: relative;
    display: flex;
}

.message_file .type {
    font-size: 10px;
    font-weight: 500;
    line-height: 11px;
    display: flex;
    width: 30px;
    height: 37px;
    text-align: center;
    border: 1.5px solid;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.message_file .type.blue {
    color: #199be2;
}

.message_file .type.red
{
    color: #ff6363;
}

.message_file .type.green
{
    color: #37d723;
}

.message_file .type.orange
{
    color: #fea134;
}


.message_file .type.icon
{
    border: none;
    border-radius: 0;
}

.message_file .type.icon svg
{
    color: currentColor;

    display: block;

    width: 28px;
    height: 37px;
}


.message_file .type + *
{
    width: calc(100% - 45px);
    margin-top: -8px;
    margin-bottom: -8px;

    align-self: center;
}


.message_file .icon
{
    display: flex;

    width: 31px;
    height: 28px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.message_file .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.message_file .icon svg
{
    color: #199be2;

    display: block;

    width: 26px;
    height: 28px;
}

.message_file .icon + *
{
    width: calc(100% - 46px);

    align-self: center;
}


.message_file .name
{
    color: #505261 !important;
    font-weight: bold;
    font-weight: 700;
    font-size: 14px !important;
    line-height: 19px !important;
    opacity:1 !important;
}


.message_file .links
{
    display: flex;

    margin-bottom: -10px;
    margin-left: -10px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.message_file .links > *
{
    margin-bottom: 10px;
    margin-left: 10px;
}


.message_file .links a
{
    font-size: 12px;
    line-height: 14px;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    border-bottom: 1px dashed;
}

.message_file .links a.green
{
    color: #1d972b;
}

.message_file .links a.blue
{
    color: #4a8be1;
}

.message_file .links a.orange
{
    color: #ff9617;
}

.message_file .links a.red
{
    color: #e14a4a;
}


.message_img{
    margin-top:10px;
    position: relative;
    max-width: 400px;
}

.message_img a:before{
    content:"";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38));    
    border-radius: 10px;
}

.message_img a:after{
    content:"";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    background: url("../images/zoom.svg") center no-repeat;    
    border-radius: 10px;
}

.message_img img{
    max-width: 100%;
    border-radius: 10px;
    display: block;
    
}

.buttons_video{
    display: flex;
    align-items: center;
    justify-content: center;   
}

.buttons_video .video_record{
    display: flex;
    flex-direction: column;
    padding: 50px 20px;
}

.buttons_video .video_record .icon{
    display: block;
    width: 40px;
    height: 30px;
    margin:0;
}

.video_record button{
    color: #3e3aff;
    display: flex;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    text-decoration: none;
    border-radius: 50%;
    background: #e9eaf8;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.buttons_video .text_icon{
    margin-top:20px;
}


.video_record_modal{
    padding:0px;
    border-radius: 10px;
    width: 900px;
}

.video_record_modal .carousel__button.is-close{
    color: #fff;
    background: #CC1B1B;
}

.video_empty{
    min-height: 500px;
    display: flex;
    flex-direction: column;
    background: #E2E2E2;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0 0;
    padding:20px;
    text-align: center;
}

.video_empty svg{
    width: 136px;
    height: 102px;
}

.video_empty span{
    font-size: 18px;
    line-height: 21px;
    opacity: 0.5;
    margin-top: 50px;
}


.buttons_video .video_record .icon.icon_stop{
    display: block;
    width: 28px;
    height: 30px;
    margin:0;
}

.ready_video{
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 15px;
    text-align: center;    
    padding-left: 15px;
    position: relative;
    color:#898e98;
}

.ready_video:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 7px;
    left: 0px;
    background: #FF2525;
    border-radius: 50%;
}


/*TIKET*/
.tiket{
    padding: 30px;
    border-radius: 15px;
    background: #fff;
}
.tiket .data {
    margin-bottom: 20px;
}

.tiket_title {
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 20px;
}

.tiket .line {
    border-top: 1px solid #D0D0D0;
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-bottom: 20px;
}

.tiket .label span{
    color:red;
}

.tiket form .field{
    margin-bottom: 20px;
}

.tiket form .field .label{
    margin-bottom: 10px;
}

.tiket form .field .input{
    font-family: var(--font_family);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    display: block;
    width: 100%;
    padding: 11px 13px;
    resize: none;
    border: 1px solid #cecbea;
    border-radius: 16px;
    background: #fff;
    margin-bottom: 20px;
}


.tiket form .field textarea{
    font-family: var(--font_family);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    display: block;
    width: 100%;
    height: 107px;
    padding: 11px 13px;
    resize: none;
    border: 1px solid #cecbea;
    border-radius: 16px;
    background: #fff;
    margin-bottom: 20px;
}

.tiket form button{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 8px 12px;
    border-radius: 16px;
    background: var(--main_color);
    order: 2;
}

.item_tiket{
    display: flex;
    margin-bottom: 20px;
}


.item_tiket .img{
    margin-right: 15px;
}   


.item_tiket .item_tiket_content{
    padding-bottom: 20px;
    border-bottom:1px solid rgba(0,0,0,0.1);
}

.item_tiket .item_tiket_name{
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 5px;
}

.item_tiket .item_tiket_name span{
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    background: #0B00D8;
    border-radius: 9.5px;
    padding:5px;
    margin-left: 10px;
}

.item_tiket .item_tiket_text{
    font-size: 14px;
    line-height: 130%;
    opacity: 0.8;
}
.item_tiket .item_tiket_time{
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    opacity: 0.5;
    margin-top: 10px;
}

.item_tiket  .item_tiket_text .audio_media{
    margin-top:15px;
}


.item_tiket_file{
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    display: flex;
    margin-top: 15px;
}

.item_tiket_file_img{
    margin-right: 10px;
}

.item_tiket_file_desc{
    margin-top: -8px;
    margin-bottom: -8px;
    align-self: center;
}

.item_tiket_file_desc .name {
    color: #505261;
    font-weight: bold;
    line-height: 19px;
}

.item_tiket_file_desc .links {
    display: flex;
    margin-bottom: -10px;
    margin-left: -10px;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.item_tiket_file_desc .links > * {
    margin-bottom: 10px;
    margin-left: 10px;
}

.item_tiket_file_desc .links a {
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    border-bottom: 1px dashed;
}


.item_tiket_file_desc .links a.green
{
    color: #1d972b;
}

.item_tiket_file_desc .links a.blue
{
    color: #4a8be1;
}

.item_tiket_file_desc .links a.orange
{
    color: #ff9617;
}

.item_tiket_file_desc .links a.red
{
    color: #e14a4a;
}

.item_tiket_file_desc .links a.orange {
    color: #ff9617;
}

.tiket_create{
    margin-left:auto;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 8px 12px;
    border-radius: 16px;
    background: var(--main_color);
    order: 2;
    color:#fff !important;
}

.tickets .js-search-tiket {
    background: #FFFFFF url(../images/search.svg) no-repeat 20px center;
    border: 1px solid #BCBCBC;
    box-sizing: border-box;
    border-radius: 54px;
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 20px 0 50px;
    margin-bottom: 30px;
    font-family: 'Ubuntu';
}

.ticket{
    background: #FFFFFF;
    border-radius: 15px;
    padding:20px;
    /*border: 1px solid var(--border);*/
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.19);
}

.ticket + .ticket{
    margin-top:30px;
}

.ticket_time{
    color: #6660A2;
}

.ticket_time span{
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    background: #27CC42;
    border-radius: 9.5px;
    padding: 5px;
    margin-left: 10px;
}

.ticket_head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}
.ticket_name{
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin-top: 12px;
}

.ticket .line {
    border-top: 1px solid #D0D0D0;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-bottom: 20px;
}

.ticket_desc{
    display: flex;
    align-items: center;
}
.ticket_desc a{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 8px 12px;
    border-radius: 16px;
    background: var(--main_color);
    color: #fff;
    text-decoration: none;
}
.ticket_desc .img{
    display: flex;
    align-items: center;  
    color: #6660A1;
    opacity: 0.8;
    margin-left: auto;
}
.ticket_desc img{
    width: 30px;
    margin-right: 5px;
}

.ticket_desc span{
    color: #6660A1;
    opacity: 0.8;
    margin-left: 10px;
}
/**************************/

.webinar_more{
    display: none !important;
}

 .auth .contacts .descr{
    display: none;
}

.title_setting.mt{
    margin-top:20px;
}
.viewer{
    background: #CECCF3;
    border-radius: 10px;
    padding: 30px;
}

.viewer_container{
    position: relative;
    padding-bottom: 100%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
    height: 0;
    overflow: hidden;
}

.viewer_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}


.buttonUp
{
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;

    display: none;
}

.buttonUp button
{
    position: relative;

    display: block;

    width: 50px;
    height: 50px;

    cursor: pointer;

    border: none;
    border-radius: 50%;
    background: var(--main_color) url(../images/ic_buttonUp.png) 50% calc(50% - 1px)/30px 30px no-repeat;
}

.page_title span {
    max-width: calc(100% - 50px);
}

.steps{
    overflow: hidden;
}

.lecture_steps .steps + .steps{    
    margin-top: 20px;
}

.lecture_steps .steps_sep
{
    margin-top: 20px;
    margin-bottom: 40px;
}
.lecture_steps .steps_sep:before{
    content: "";
    border-top: 1px solid #eaeaea;
    display: block;
    width: calc(100%);
    position: absolute;
    left: 0;
}   

.lecture_steps .steps .step + .step:after{
    height: 100px;
}

.telegram_fixed{
    position: fixed;
    bottom: 20px;
    left: 15px;
    z-index: 999;
    background: #FFFFFF;
    border-radius: 74px;
    display: flex;
    padding: 4px;
    align-items: center;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    padding-right: 20px;
    box-shadow: 0 0 11px 3px #0003;
}

.menu_open .telegram_fixed{
    z-index: 5;
}

.telegram_fixed svg{
    margin-right: 15px;
    flex-shrink: 0;
}


.slick_wrap{
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #948FBB;
    background: #F3F2FC;
}
.slick_image img{
    width: 100%;
    max-width: 100%;
    border-radius: 10px 10px 0 0;
}

.slick_player{
    padding:20px;
    border-bottom: 1px solid #948FBB;
}

.slick_text{
    padding:20px;
    border-bottom: 1px solid #948FBB;
    color: #6870A9;
}

.nav_slick{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:20px;
}


.nav_slick button svg{
    width: 51px;
    height: 51px;
    display: block;
}

.count_slider{
    background: #FFFFFF;
    border: 1px solid #6F6B96;
    border-radius: 71px;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    color: #6F6B96;
    margin: 0 20px;
    padding: 10px;
}


.paid{   
    margin-top: 20px !important;
    padding: 24px 25px;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 3px 31px rgb(148 155 195 / 15%);   
}

.paid .title{
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}

.paid .title span{
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;

    color: #B4B7CC;
}
.paid .title span b{
    color:#000000;
}
.paid .title span.green{
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #33A529;
    display: inline-block;
    margin-left: 10px;
    margin-right: 20px;
}

.paid_flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.paid .link{
    color: var(--main_color);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    display: block;
    padding: 8px 32px;
    transition: .2s linear;
    text-decoration: none;
    border: 2px solid var(--main_color);
    border-radius: 20px;
}


.paid .link svg{
    display: none;
}

.paid .link:hover {
    color: #fff;
    background: var(--main_color);
}

.paid .line{
    margin-top: 25px;
}
.paid .line div{
    background: #E9E9E9;
    border-radius: 80px;
    height: 10px;
}

.paid .line div div{
    background: #40C53D;
}

.paid .line .next_level{
    background: none;
    margin-top: 15px;
    text-align: right;
}

.paid .title .blue{
    color:var(--main_color);
}


.reward {
    margin-top: 20px !important;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 3px 31px rgb(148 155 195 / 15%);
    margin-top: 40px !important;
}

.reward_info {
    padding: 25px;
    display: flex;
}

.reward_desc {
    margin-left: 20px;
}

.reward_title, .you_level_title {
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px;
}

.reward_text, .you_level_desc {
    font-size: 14px;
    line-height: 130%;
    color: #828282;
}

.you_level_desc, .you_level_title {
    padding-left: 25px;
    padding-right: 25px;
}
.you_level{
    border-top: 1px solid #CBCBCB;
    padding-top: 20px;
}

.you_level .paid{
    padding: 0;
    box-shadow: none;

}

.you_level .paid .line div{
    width: 100%;
}

.you_level .paid .line {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;

}

.you_level .paid .line .next_level, .you_level .paid .line .prev_level{
    width: 50%;
    height: auto;
}

.you_level .paid .line .prev_level{
    background: none;
    margin-top: 15px;
    text-align: left;
}

.you_level .paid .paid_flex{
    border-top: 1px solid #CBCBCB;
    padding: 25px;
}


.you_level .paid .line{
        padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
}

.coin_img{
    position: relative;
    top:5px;
}

.red_coin{
    color: #CF1919;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
}

.green_coin{
    color:#33A529;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
}


.review{
    padding: 25px 20px;
    border-radius: 15px;
    background: #fff;
    margin-top: 20px;
}

.review_title{
    color: var(--text_color);
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 20px;
}


.rating-area {
    overflow: hidden;
    max-width: 100%;
    margin-right: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.rating-area:not(:checked) > input {
    display: none;
}
.rating-area:not(:checked) > label {
    float: right;
    width: 48px;
    padding: 0;
    cursor: pointer;
    font-size: 32px;
    line-height: 32px;
    color: lightgrey;
    text-shadow: 1px 1px #bbb;
}
.rating-area:not(:checked) > label:before {
    content: '';
    display: block;
    background: url(../images/star_black.svg);
    width: 39px;
    height: 35px;
}
.rating-area > input:checked ~ label:before {
    background: url(../images/star.svg);
}
.rating-area:not(:checked) > label:hover:before,
.rating-area:not(:checked) > label:hover ~ label:before {
    background: url(../images/star.svg);
}

#review{
    max-width: 375px;
}

#review form{
    margin-top: 30px;
}

#review form .label{
    font-size: 14px;
    line-height: 19px;
    margin-top: 20px;
    text-align: center;
}

#review form textarea{
    border-radius: 9px;
    border:1px solid gray;
    margin-top: 20px;
    width: 100%;
    height: 145px;
    padding:15px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}

#review form button{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 16px 32px;
    text-align: center;
    border-radius: 27px;
    background: var(--main_color);
}

.error_info form{
    margin-top: 40px;
}

.error_info form textarea{
    max-width: 610px;
    width: 100%;
    height: 150px;
    border-radius: 20px;
    border:1px solid gray;
    padding:20px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
}

.error_info form .flex{
    display: flex;
    align-items: center;
}

.error_info form .flex a{
    margin-top: 33px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-decoration: none;
    color: #000;
    margin-left: 40px;
    opacity: 0.8;
}

.btn_form{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 16px 32px;
    text-align: center;
    border-radius: 27px;
    background: var(--main_color);
    text-decoration: none;
}

.img_test{
    margin-bottom:20px;
}

.gallery_test{
    margin-left:-20px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.gallery_test_item{
    margin-left:20px;
    width: calc(100%/7 - 20px);
    margin-bottom: 20px;
  
}

.gallery_test a{
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom:100%;
    border-radius: 10px;
}

.gallery_test a img{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.results .row{
    margin-left: -20px;
}

.results_item{
    background: #FFFFFF;
    border-radius: 15px;
    padding: 20px;
    display: flex;
    align-items: center;
    width: calc(100%/3 - 20px);
    margin-left: 20px;
    margin-bottom: 20px;
    justify-content: space-between;
}

.results_item_text .title{
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #000;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.results_item_text .recomend{
    text-decoration: none;
}

.results_item_text .recomend span{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #178EFF;
    border-bottom: 1px dashed #178EFF;
    display: inline-block;
    text-decoration: none;
}

.results_item_rating{
    background: rgba(227, 24, 24, 0.15);
    border-radius: 11px;
    font-weight: 700;
    font-size: 22px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.3px;
    color: #E31818;
    padding: 20px;
    margin-left: 10px;
}

.results_item_text .recomend .counter{
    background: #178EFF;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 18px;
}

.results .arrow{
    width: 25px;
    height: 25px;
    background: linear-gradient(135.48deg, #0B00D8 2%, #0500AF 96.5%), #C4C4C4;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
}

.results .arrow svg{
    transform: rotate(-90deg);
    transition: 0.3s;
}

.results .arrow.open{
    background: linear-gradient(0deg, #B8B5D6, #B8B5D6), #C4C4C4;
}

.results .arrow.open svg{
    transform: rotate(0deg);
}

.results  .block_title{
    display: flex;
}

.results_item_rating.yellow{
    background: rgba(231, 176, 37, 0.15);
    color: #E7B025;
}

.results_item_rating.green{
    background: rgba(94, 198, 45, 0.15);
    color: #5EC62D;
}


#test .btns{
    display: flex;    
    justify-content: center;
}

#test .btns button{
    font-weight: 500;
    font-size: 12.8332px;
    line-height: 14px;
    text-align: center;
    color: #544B9D;
    width: 80px;
    background: #D9D5FD;
    border-radius: 30px;
    text-align: center;
    padding: 10px 20px;
}

#test .btns a{
    font-weight: 500;
    font-size: 12.8332px;
    line-height: 14px;
    width: 80px;
    border-radius: 30px;
    text-align: center;
    padding: 10px 20px;
    background: var(--main_color);
    color: #fff;
    text-decoration: none;
    margin-top: 20px;
    margin-left: 10px;
}


.recommendation .page_title {
    margin-bottom: 25px;
}

.recommendation .data {
    border-radius: 15px;
    background: rgb(255, 255, 255);
}

.recommendation .data .head {
    height: 100px;
    line-height: 100px;
    padding: 0 20px;
    border-bottom: 1px solid #D0D0D0;
    margin-bottom: 40px;
}

.recommendation .data .head .name{
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.3px;
}

.recommendation .cont{
    padding: 0 20px;
}

.content .recommendation  .col_main{
    width: 100%;
}

.title_block{
    font-weight: 700;
    font-size: 20px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 25px;
}

.recommendation .cont .row{
    margin-left: -25px;
}

.item_recomnd{
    margin-left: 25px;
    background: #F3F2FC;
    border-radius: 15px;
    width: calc(100%/3 - 25px);
    margin-bottom: 25px;
    padding: 20px;
}

.item_recomnd .title{
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 20px;
}

.item_recomnd .btns{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.item_recomnd .btns a{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #178EFF;
    text-decoration: none;
    border-bottom: 1px dashed #178EFF;
}

.item_recomnd .btns .complete{
    background: #0A00C5;
    border-radius: 20px;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #F3F2FC;
    padding: 10px 20px;
}

.item_recomnd .btns .complete2{
background: #64C841;
    border-radius: 20px;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #fff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
} 

.item_recomnd .btns .complete2 svg{
    margin-right: 10px;
}




/* DETAILS */


.details_item {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 18px;
    margin-bottom: 15px;
}
.details_item:last-child {
    margin-bottom: 0;
}
.details_item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;    
    cursor: pointer;
}
.details_item-left {
    display: flex;
    align-items: center;
    margin-right: 25px;
}
.details_item-number {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.3px;
    color: #FFFFFF; 
    padding: 6px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main_color);
    border-radius: 8px;
    margin-right: 18px;
}
.details_item-text {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.3px;
}
.details_item-right {
    display: flex;
    align-items: center;
}
.details_item-link {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--main_color);
    display: flex;
    align-items: center;
}
.details_item-link svg .circle {
    fill: #000;
}
.details_item-link span,
.details_item-link-yellow span {
    margin-right: 7px;
}
.details_item-status {
   
    background: rgba(227, 24, 24, 0.25);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 11px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #E31818;
    white-space: nowrap;
    order:-1;
    margin-right: 12px;
}
.details_item-status span {
    margin-left: 4px;
}
.details_item-link .icon,
.details_item-link-yellow .icon {
    width: 20px;
    height: 20px;
}
.details_item-status .icon {
    width: 17px;
    height: 17px;
}

.details_item-status-green {
    margin-left: 12px;
    background: rgba(94, 198, 45, 0.25);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 11px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #5EC62D;
    white-space: nowrap;  
    margin-right: 12px;
    order:-1;
}
.details_item-status-green .icon {
    width: 17px;
    height: 17px;
}
.details_item-status-green span {
    margin-left: 4px;
}

.details_item-link-yellow {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--main_color);   
    text-decoration: none;
    display: flex;
    align-items: center;    
}


.details_item-dialog,
.details_item-answer,
.details_item-remarks {
    margin-top: 15px;
}

.details_item-body-title.mt_20{
    margin-top: 20px;
}

.details_item-remarks{
    background: #F2F1FD;
    border-radius: 11px;
    padding: 10px;
}
.details_item_title{
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #605D7D;
    opacity: 0.8;
    margin-bottom: 10px;
}

.details_item-body {
    position: relative;
    padding-top: 15px;
    margin-top: 25px;
}
.details_item-body:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #D8D8D8;
    left: -18px;
    top: 0;
}
.details_item-body-title {    
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.3px;
    margin-bottom: 15px;
}
.dialog_item {
    display: flex;
    margin-bottom: 15px;
}
.dialog_item:last-child {
    margin-bottom: 0;
}
.dialog_item-avatar {
    box-shadow: 0px 4px 55px rgba(0, 0, 0, 0.08);
    width: 33px;
    height: 33px;
    flex-shrink: 0;
    margin-right: 18px;
}
.dialog_item-avatar img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dialog_item-info {
    background: #EFEEFA;
    padding: 8px 18px 11px 15px;
    border-radius: 0 9px 9px 9px;
}
.details_item-dialog-link {
    text-decoration: none;
    padding: 8px 15px;
    background: var(--main_color);  
    border-radius: 76px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    display: inline-block;
}
.dialog_item-author {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #322D60;
    opacity: 0.8;
    margin-bottom: 9px;
}
.dialog_item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #322D60;
    opacity: 0.8;
}

.details_item-answer .dialog_item-info {
    background: #BCE01A;
}
.remarks_item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    height: 19px;
}
.remarks_item:last-child {
    margin-bottom: 0;
}
.remarks_item-green {
    color: #5EC62D;
}
.remarks_item-red {
    color: #E31818;
}

.remarks_item-yellow {
    color: #ffb100;
}
.remarks_item .icon {
    width: 19px;
    height: 19px;
    margin-right: 9px;
    flex-shrink: 0;
}
.mt {
    margin-top: 15px;
}

.details .audio_media .media-control.media-play {
    background: var(--main_color);
}
.details .audio_media .media-meter {
    background-color: var(--main_color);
}
.details .audio_media .media-toolbar {
    background: #DEECFF;
    padding: 7px 13px;
}
.dialog_item-info.mp {
    width: 345px;
}

.details_item-body .video_message button {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #595584;
}
.details_item-body .video_message .icon {
    width: 19px;
    height: 19px;
    margin-right: 5px;
}

.details_item-right .details_item-link-yellow.active {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--main_color);
    display: flex;
    align-items: center;
}



/* TRAINING */

.training .block_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.training .courses .row {
    margin-bottom: -20px;
    margin-left: -12px;
    align-items: stretch;
    align-content: stretch;
    --courses_count: 5;
}
.training .courses .row > * {
    width: calc(20% - 12px);
    margin-bottom: 20px;
    margin-left: 12px;
}
.training .courses .course {
    background: #FFFFFF;
    border: 1px solid #E6E5F9;
    border-radius: 15px;  
}
.training .select-left {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #655F95;
}
.training .select-left span {
    margin-right: 8px;
}
.training .nice-select {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #0A00C5;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #332894;
    width: 134px;
    height: 35px;
    border: 1px solid #4D4A8D;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 14px;
}
.training .nice-select:after {
    border-bottom: 2px solid #332894;
    border-right: 2px solid #332894;
}
.training .nice-select .option {
    padding-left: 5px;
    padding-right: 5px;
}
.training .nice-select .list {
    padding: 10px;
    top: calc(100% + 5px);
    left: 0;
    border-radius: 15px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #0A00C5;
}
.training .courses .course .stickers {
    flex-direction: column;    
    top: 8px;
    left: 20px;
    width: calc(100% - 20px);
}
.training .courses .course .sticker {
    margin-bottom: 5px;
    margin-left: 0;
}
.training .courses .course .info {
    padding: 9px 12px 15px;
}
.training .courses .course .name {
    font-size: 14px;
}
.training .courses .course .desc {
    font-size: 12px;
}
.training .courses .course .thumb {
    padding-bottom: 66.99%;
}
.training .courses .course .thumb img {
    border: 15px 15px 0 0;
}

.training .block_title span {
    margin-right: 20px;
}

.training .courses.column4 .row > * {
    width: calc(25% - 12px);
    margin-bottom: 20px;
    margin-left: 12px;
}



.statistics .page_title {
    position: relative;
    padding-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.statistics .page_title:before {
    position: absolute;
    content: "";
    width: calc(100% + 80px);
    height: 1px;
    left: -40px;
    bottom: 0;
    background: #C8C8C8;
}
.page_title {
    align-content: flex-start;
}
.statistic_period {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;  
    margin-top: 17px;
}
.statistic_period span {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #4D4A83;  
    padding: 8px 12px;
    background: #DEDCFB;
    border-radius: 48px;
}
.statistic_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 13px;
}
.statistic_subtitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: var(--main_color);
    margin-bottom: 8px;
}

.statistic table{
    border: 0.689286px solid #C8D2DA;
    width: 100%;
    margin-bottom: 24px;
    border-collapse: collapse; 
}
.statistic table thead {
    background: var(--main_color);
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
}
.statistic table thead th {
    padding: 7px 17px;
    border: 0.689286px solid rgba(21, 21, 21, 0.15);
}
.statistic table thead th:first-child {
    text-align: start;
}

.statistic table tbody td {
    padding: 11px 17px;
    border: 0.689286px solid #C8D2DA;
    text-align: center;
}
.statistic table tbody td:first-child {
    text-align: start;
}
.statistic table tbody tr:nth-child(even){
    background: rgba(5, 0, 175, 0.01);
}
.statistic .table-wrap {
    overflow-x: scroll;
    scrollbar-width: none; 
}
.statistic .table-wrap::-webkit-scrollbar {
    display: none; 
}



.create-report_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    opacity: 0.5;
    margin-bottom: 20px;
}
.create-report_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 15px;
}
.create-report_list {
    list-style: none;
    margin-bottom: 5px;   
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}
.create-report_list li {
    position: relative;
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    color: #605CA9;
    margin-right: 40px;
    margin-bottom: 20px;
    padding-left: 15px;
}
.create-report_list li:last-child {
    margin-right: 0;
}
.create-report_list li:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    left: 0;
    top: 4px;
    background: var(--main_color);
    border-radius: 50%;
}
.create-report button {
    padding: 8px 13px;   
    background: var(--main_color);
    border-radius: 55px;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    font-family: 'Ubuntu';
    margin-bottom: 10px;
}
.create-report {
    margin-top: 22px !important;
}

.create-report_date {
    margin-bottom: 22px;
}
.create-report_date input {

    height: 33px;
    background: #CECCF3;
    border-radius: 55px; 
    border-radius: 50px;
    padding: 5px 12px;
    border: none;  
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #727197;
    font-family: 'Ubuntu';
}
.create-report_date input::-webkit-calendar-picker-indicator {
    color: transparent;
    opacity: 1;
    background: url(../images/calendar.svg) no-repeat center;
    background-size: contain;
}

.generated-report_list {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 21px;
}
.generated-report_list li {
    margin-right: 14px;
    padding: 9px 14px 9px 9px;
    background: #E7E5FE;
    border-radius: 16px;
    margin-bottom: 15px;
}
.generated-report input[type=checkbox] {
    display: none;
    opacity: 0;
}
.generated-report label.checkbox {
    font-family: "Ubuntu";
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;    
    color: #605CA9;
    position: relative;
    display: table-cell;
    padding-left: 26px;
    cursor: pointer;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}
.generated-report label.checkbox:before {
    position: absolute;
    top: 3px;
    left: 3px;
    display: inline-block;
    content: '';
    transition: .2s linear;
    background: #FFFFFF;
    border-radius: 4px;
    width: 14px;
    height: 14px;
}
.generated-report label.checkbox:after {
    position: absolute;
    top: 7px;
    left: 6px;
    display: block;
    width: 9px;
    height: 5px;
    content: '';
    transition: opacity .2s linear;
    transform: rotate(-45deg);
    opacity: 0;
    border-bottom: 1.5px solid var(--main_color);
    border-left: 1.5px solid var(--main_color);
}
.generated-report input[type=checkbox]:checked + label.checkbox:after {
    opacity: 1;
}
.generated-report .create-report_date span {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    opacity: 0.5;   
    margin-left: 10px;
    margin-right: 10px;
}



.advice_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -28px;
    margin-bottom: -28px;
}
.advice_items > * {
    width: calc(100%/2 - 28px);
    margin-left: 28px;
    margin-bottom: 28px;
}
.advice_item {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 27px 53px 27px 27px;
    display: flex;
    align-items: start;
}
.advice_item-icon {
    margin-right: 28px;
}
.advice_item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 10px;
}
.advice_item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #505261;
}

.analitic_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -28px;
    margin-bottom: -28px;
}
.analitic_items > * {
    width: calc(100%/2 - 28px);
    margin-left: 28px;
    margin-bottom: 28px;
}
.analitic_item {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 27px;
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.analitic_item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 10px;
}
.analitic_item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #505261;
}
.analitic_item-icon {
    border-radius: 11px;
    min-width: 61px;
    min-height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    letter-spacing: -0.3px;
    flex-shrink: 0;
    padding: 10px 10px;
    flex-wrap: wrap;
}
.analitic_item .analitic_item-icon.yellow {
    color: #E7B025;
    background: rgba(231, 176, 37, 0.15);
}
.analitic_item .analitic_item-icon.red {
    color: #E31818;
    background: rgba(227, 24, 24, 0.15);
}
.analitic_item .analitic_item-icon.green {
    color: #5EC62D;
    background: rgba(94, 198, 45, 0.15);
}


.analytics-enabled_item {
    display: flex;
    padding: 27px;
    background: #FFFFFF;
    border-radius: 15px;
    justify-content: space-between;
    align-items: center;
}
.analytics-enabled_left {
    display: flex;

}
.analytics-enabled_icon {
    margin-right: 23px;
}
.analytics-enabled_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 10px;
}
.analytics-enabled_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #505261;
}
.analytics-enabled_time {
    padding: 21px 19px;
    font-weight: 700;
    font-size: 28px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.3px;
    color: #2B2B2B;
    background: #EBE9FF;
    border-radius: 11px;
    margin-left: 20px;
}



.greeting {
    display: flex;
    padding: 14px;
    background: #FFFFFF;
    border-radius: 15px;
    justify-content: space-between;    
}
.greeting.pb {
    flex-wrap: wrap;
}
.block2 {
    margin-bottom: 40px;
}
.greeting_left {
    display: flex;
    padding: 3px;
    align-items: center;
}
.greeting_left-mob {
    display: none;
}
.greeting_icon {
    margin-right: 20px;
}
.greeting_info-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;  
    margin-bottom: 7px; 
    margin-top: 10px;
}
.greeting_info-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.5;
}
.greeting_right {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 3px 10px;
    background: var(--main_color);
    border-radius: 57px;
    display: block;
    max-width: 200px;
    align-self: baseline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.rating .block_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
    position: relative;
}
.rating .block_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    margin-bottom: 7px;
    display: flex;
        align-items: center;
}
.rating .block_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.5;
}
.rating .nice-select {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #0A00C5;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #332894;
    width: 128px;
    height: 41px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 14px;
}
.rating .nice-select:after {
    border-bottom: 2px solid #332894;
    border-right: 2px solid #332894;
}
.rating .nice-select .option {
    padding-left: 5px;
    padding-right: 5px;
}
.rating .nice-select .list {
    padding: 10px;
    top: calc(100% + 5px);
    left: 0;
    border-radius: 8px;
}
.rating .select-right {
    display: flex;
    align-items: center;
    margin-left: 22px;
    position: absolute;
    right: 0px;
    top: 0;
}
.select-right span {
    margin-right: 14px;
}


.weekly-statistics_items {
    display: flex;
    margin-left: -16px;
    margin-bottom: -16px;
}
.weekly-statistics_items > * {
    width: calc(100%/4 - 16px);
    margin-left: 16px;
    margin-bottom: 16px;
}
.weekly-statistics_item {    
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 14px 14px 14px 18px;
    background: #FFFFFF;
    border-radius: 15px;
}
.weekly-statistics_item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;  
    margin-bottom: 15px; 
}
.weekly-statistics_item-text {
    font-family: "Gilroy";
    font-weight: 900;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0.7px;
    color: #292B4B;
}
.weekly-statistics_item-number {
    font-family: "Gilroy";
    font-weight: 900;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -0.3px;
    color: #46C332; 
}
.weekly-statistics_item-number.red {
    color: #DD4242;
}


.activity_info {
    margin-top: 34px;
    padding: 12px 18px;
    background: #FFFFFF;
    border-radius: 15px;
}
.activity_info-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -1px; 
    margin-bottom: 12px;
}
.activity_items {
    display: flex;
    justify-content: space-between;
    margin-left: -9px;
}
.activity_item {
    width: calc(100%/30 - 9px);
    margin-left: 9px;
    position: relative;
    cursor: pointer;
    transition: all .4s;
}
.activity .progress {
    color: #061058;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 164px;
    background: rgba(11, 0, 216, 0.09); 
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.activity .progress .line {
    color: #fff;
    position: relative;    
    transition: width .2s linear;   
    background: var(--main_color);
    margin-top: auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.activity_item .day {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.3px;
    color: #7874A3;
    margin-top: 3px;
}
.activity_item .day-mob {
    display: none;
}
.activity_item-description {
    display: none;
}
.activity_item:hover .activity_item-description {
    display: block;
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    background: #373737;
    box-shadow: 0px 7px 29px rgba(178, 176, 211, 0.39);
    border-radius: 15px;
    padding: 10px 15px 15px 15px;
    min-width: 176px;
}
.activity_item:hover .progress .line {
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), var(--main_color);
}
.activity_item-description-date {
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #DFDFDF;
    margin-bottom: 3px;
}
.activity_item-description-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #C2C2C2;
    display: inline-block;
}
.activity_item-description-text span {
    color: #fff;
    font-weight: 700;
}




.rating-block_items {
    background: #FFFFFF;
    border-radius: 15px;  
    display: flex;
    margin-left: -13px;
    margin-bottom: -13px;
    padding: 18px;
    background: #FFFFFF;
    border-radius: 15px;
    counter-reset: step;
}
.rating-block_items > * {
    width: calc(100%/3 - 13px);
    margin-left: 13px;
    margin-bottom: 13px;
}
.rating-block_item {
    display: flex;
    align-items: center;
    background: #F3F2FC;
    border-radius: 9px;
    padding: 13px 35px 13px 13px;
    position: relative;
}
.rating-block_item-avatar {
    width: 55px;
    height: 55px;  
    margin-right: 13px;
    flex-shrink: 0;
}
.rating-block_item-avatar img {
    width: 100%;
    height: 100%;  
    object-fit: cover;
    border-radius: 50%;
}
.rating-block_item-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;  
}
.rating-block_item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
}
.rating-block_item-text button {
    margin-left: 7px;
    position: relative;
}
.rating-block_item-tooltip {
    display: none;    
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    background: #373737;
    box-shadow: 0px 7px 29px rgba(178, 176, 211, 0.39);
    border-radius: 15px;
    padding: 10px 15px 15px 15px;
    min-width: 176px;
}
.rating-block_item-tooltip-date {
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #DFDFDF;
    margin-bottom: 3px;
}
.rating-block_item-tooltip-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #C2C2C2;
    display: inline-block;
}
.rating-block_item-tooltip-text span {
    color: #fff;
    font-weight: 700;
}
.rating-block_item-text button:hover .rating-block_item-tooltip {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.rating-block_item-text button svg {
    width: 15px;
    height: 15px;
}
.rating-block_item:before {
    font-weight: 900;
    font-size: 14px;
    line-height: 25px;
    color: #FFFFFF;
    position: absolute;
    top: 10px;
    right: 10px;
    content: counter(step);
    counter-increment: step;
    text-align: center;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background: var(--main_color);
}



.modul .block_title {
    display: flex;
    align-items: center;
}
.modul .block_title .stick {
    margin-left: 11px;
    line-height: 21px;
    font-weight: 700;
    font-size: 12px;
    color: #FFFFFF;
    background: #46C332;
    border-radius: 57px;
    width: 75px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modul_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -24px;
    margin-bottom: -24px;
}
.modul_items > * {
    width: calc(100%/2 - 24px);
    margin-left: 24px;
    margin-bottom: 24px;
}
.modul_item {
    padding: 18px 18px 22px 18px;
    background: #FFFFFF;
    border-radius: 15px;   
    transition: all .4s; 
    cursor: pointer;
}
.modul_item-top {
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    margin-bottom: 21px;
    position: relative;
}
.modul_item-top:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    bottom: 0;
    left: -18px;
    background: #E1DEFF;
}
.modul_item .modul_item-top-icon {
    width: 61px;
    height: 61px;
    background: rgba(10, 0, 197, 0.07);
    border-radius: 11px; 
    display: flex;
    align-items: center;
    justify-content: center;  
}
.modul_item .modul_item-top-icon svg {
    fill: var(--main_color);
    width: 60%;
    height: 100%;
    color: var(--main_color);
}
.modul_item:nth-child(1) .modul_item-top-icon svg {   
    width: 42px;
    height: 25px;
}
.modul_item:nth-child(2) .modul_item-top-icon svg {
    width: 37px;
    height: 37px;
}
.modul_item:nth-child(3) .modul_item-top-icon svg {
    width: 36px;
    height: 36px;
}
.modul_item:nth-child(4) .modul_item-top-icon svg {
    width: 37px;
    height: 37px;
}
.modul_item:nth-child(5) .modul_item-top-icon svg {
    width: 35px;
    height: 30px;
}
.modul_item:nth-child(6) .modul_item-top-icon svg {
    width: 34px;
    height: 34px;
}
.modul_item:nth-child(7) .modul_item-top-icon svg {
    width: 36px;
    height: 36px;
}
.modul_item:nth-child(8) .modul_item-top-icon svg {
    width: 36px;
    height: 29px;
}
.modul_item:nth-child(9) .modul_item-top-icon svg {
    width: 41px;
    height: 19px;
}
.modul_item:nth-child(10) .modul_item-top-icon svg {
    width: 37px;
    height: 25px;
}
.modul_item:nth-child(11) .modul_item-top-icon svg {
    width: 35px;
    height: 35px;
}
.modul_item:nth-child(12) .modul_item-top-icon svg {
    width: 42px;
    height: 42px;
}

.modul_item-top-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 19px;
    letter-spacing: -0.3px;  
    margin-left: 18px;
}
.modul_item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modul_item-bottom-left {
    display: flex;
    align-items: center;
}
.modul_item-bottom-info {
    display: flex;
    align-items: center;
    margin-right: 18px;
}
.modul_item-bottom-val {
    font-family: "Gilroy";
    font-weight: 900;
    font-size: 36px;
    line-height: 45px;
    letter-spacing: 0.7px;
    color: #292B4B;
    margin-right: 7px;
}
.modul_item-bottom-val.green {
    color: #46C332;
}
.modul_item-bottom-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.3px;
    color: #7874A3;
}
.modul_item-bottom a {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF; 
    padding: 8px 21px;
    background: var(--main_color);
    border-radius: 55px;
    border: 1px solid transparent;
}
.modul_item:hover {
    background: var(--main_color);
}
.modul_item:hover .modul_item-top-title {
    color: #fff;
}
.modul_item:hover .modul_item-top-icon {
    background: rgba(255, 255, 255, 0.34);
}
.modul_item:hover .modul_item-top-icon svg {
    fill: #fff;
    color:#fff;
}
.modul_item:hover .modul_item-bottom-val {
    color: #fff;
}
.modul_item:hover .modul_item-bottom-text {
    color: #fff;
}
.modul_item:hover .modul_item-bottom a {
    border: 1px solid #FFFFFF;
}

.greeting_steps {
    width: 100%;
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.greeting_steps > * {
    width: calc(100%/3);
}
.greeting_step-wrap,
.greeting_step-wrap2 {
    display: flex;
    align-items: center;
    position: relative;
}
.greeting_step .greeting_step-icon svg {
    width: 23px;
    height: 23px;
    fill: #369D53;
}
.greeting_step .greeting_step-icon2 svg {
    width: 23px;
    height: 23px;
    fill: #D9D9D9;
}
.greeting_step-icon {
    z-index: 6;
}
.greeting_step .line {
    width: 100%;
    height: 6px;
    background: #369D53;
    margin-left: -1px;
    margin-right: -1px;
}
.greeting_step.active .line {
    background: #D9D9D9;
}
.greeting_step {
    display: flex;
    align-items: center;
}
.greeting_step-text {
    position: absolute;
    bottom: -17px;
    white-space: nowrap;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.5px;
    color: #369D53;
}
.greeting_step:nth-child(1) .greeting_step-text {
    left: 0%;
}
.greeting_step:nth-child(2) .greeting_step-text {
    left: 50%;
    transform: translateX(-50%);
}
.greeting_step.active .greeting_step-wrap:nth-child(1) .greeting_step-text {
    left: 50%;
    transform: translateX(-50%);
}
.greeting_step.active .greeting_step-wrap2 .greeting_step-text {
    right: 0;
    left: auto;
    color: #D9D9D9;
}

.greeting.pb {
    padding-bottom: 40px;
}
.greeting.pb .greeting_left,
.greeting.pb .greeting_left-mob {
    padding-bottom: 18px;
    position: relative;
}
.greeting.pb .greeting_left::before,
.greeting.pb .greeting_left-mob::before {
    position: absolute;
    content: "";
    width: calc(100% + 28px);
    height: 1px;
    left: -14px;
    bottom: 0;
    background: #E1DEFF;
}

.details-modal {
    max-width: 590px;
    width: 100%;
    padding: 20px 19px 34px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
    border-radius: 12px;
}
.details-modal_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    padding-bottom: 18px;  
    margin-bottom: 17px;
    position: relative;
} 
.details-modal_title:before {
    position: absolute;
    content: "";
    width: calc(100% + 38px);
    height: 1px;
    background: #D8D8D8;
    bottom: 0;
    left: -19px;
}
.details-modal .dialog_item-info {
    background: #BCE01A;
}
.details-modal .dialog_item:last-child {
    margin-bottom: 0px;
}
.details-modal.fancybox__content > .carousel__button.is-close {
    color: #B3B3B3;
    top: 15px;
    right: 17px;
    width: 38px;
    height: 38px;
}
.details-modal.fancybox__content > .carousel__button.is-close svg {
    width: 38px;
    height: 38px;
}

.auth .politic {
    margin-top: 16px;
}
.auth .form .politic input[type=checkbox] + label {
    color: #020027;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    min-height: 16px;
    padding-left: 32px;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
}
.auth .form .politic input[type=checkbox] + label a {
    text-decoration: none;
    color: var(--main_color);
}
.auth .form .politic input[type=checkbox] + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    transition: .2s linear;
    border: 1px solid #C2C2C2;
    border-radius: 4px;
}
.auth .form .politic input[type=checkbox] + label:after {
    position: absolute;
    top: 5px;
    left: 4px;
    display: block;
    width: 14px;
    height: 7px;
    content: '';
    transition: opacity .2s linear;
    opacity: 0;
    border-bottom: 2px solid var(--main_color);
    border-left: 2px solid var(--main_color);
    transform: rotate(-45deg);
    background: none;
}
.auth .form .politic input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.auth .data .has_account {
    padding-left: 32px;
}

.details-modal{
    display: none;
}


.details-modal .video_message button{
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #595584;
}

.details-modal .video_message svg{
    width: 19px;
    height: 19px;
    margin-right: 5px;
}

.search_faq{
    display: flex;
    position: relative;
}

.search_faq button{
    position: absolute;
    right: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    display: block;
    width: 100px;
    padding: 14px 32px;
    border-radius: 55px;
    background: var(--main_color);
    top: 4px;
    top: calc(50% - 36px);
}


.update_page{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--main_color);
    margin-top: 10px;
    display: block;
    text-decoration: none;
}




/* line-top */
.line-top {
    background: var(--main_color);
    padding-top: 10px;
    padding-bottom: 10px;
}
.line-top .cont {
    max-width: 770px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.line-top_box {
    display: flex;
    align-items: center;
}
.line-top_name {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #F2F2F2; 
    margin-right: 12px;
}
.line-top_time {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #B6B5E1;
    margin-right: 12px;
    margin-top: 2px;
}
.line-top_status {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #0E9700;
    padding: 3px 10px;
    background: #C9FBC4;
    border-radius: 57px;
}
.line-top_planned .line-top_status {
    background: #CFD8DC;
    color: #607D8B;
}
.line-top_link {
    text-decoration: none;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}
.line-top_link .icon {
    width: 20px;
    height: 20px;
    margin-left: 7px;
}



/* webinar.html */
.webinar {
    font-family: "Ubuntu";
}
.webinar .content {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), var(--main_color);
}
.greeting_wrap {
    display: flex;
    margin-left: -30px;
}
.greeting_wrap > * {
    margin-left: 30px;
    width: calc(100%/2 - 30px);
    background: #fff;
    border-radius: 15px;
    padding: 17px;
}
.greeting_left {
    position: relative;
}
.greeting-label {
    position: absolute;
    background: #0500AF;
    border-radius: 57px;
    padding: 3px 10px;
    top: -10px;
    right: 20px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}
.greeting_status {
    display: flex;
    align-items: center;
    padding: 9px 14px 10px 14px;
}
.greeting_status .greeting_info-title {
    margin-top: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}
.greeting_status .greeting_info-title span {
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #FFFFFF;  
    background: #DD2D38;
    border-radius: 57px;
    padding: 3px 10px;
    margin-left: 9px;
}



/* webinar2.html */
.webinar_item {
    margin-bottom: 17px;
    padding: 26px 21px 20px 26px;
    background: #FFFFFF;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.webinar_item:last-child {
    margin-bottom: 0;
}
.webinar_item-info {
    margin-right: 15px;
}
.webinar_item-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 7px;
}
.webinar_item-time {
    color: #818093;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.webinar_item-time span {
    font-weight: 500;
    font-size: 12px;
    color: #607D8B;  
    background: #CFD8DC;
    border-radius: 57px; 
    padding: 3px 10px;
    margin-left: 5px;
}
.webinar_item.green .webinar_item-time span {
    color: #0E9700;
    background: #C9FBC4;
    white-space: nowrap;
}
.webinar_item-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--main_color);
    display: flex;
    align-items: center;
    text-decoration: none;  
}
.webinar_item-link .icon {
    margin-left: 7px;
    width: 20px;
    height: 20px;
}



/* webinar3.html */
.webinar-tooltip_btn {
    cursor: pointer;
    position: relative;
    margin-left: 7px;
    margin-top: -10px;
}
.webinar-tooltip_btn .icon {
    width: 19px !important;
    height: 19px !important;
}
.webinar-tooltip_block {
    display: none;
    width: 223px;
    position: absolute;
    top: 0;
    left: 29px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 129.9%;
    color: #333333;
    padding: 14px 15px;
    background: #FFFFFF;
    border: 1px solid rgba(10, 0, 197, 0.07);
    border-radius: 5px;    
    z-index: 100;
}
.webinar-tooltip_btn:hover .webinar-tooltip_block {
    display: block;    
}
.page_title .icon {
    margin-left: 3px;
}
.webinar .page_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
}
.calendar {
    padding: 30px 28px 43px;
    background: #FFFFFF;
    border-radius: 15px;
}
.calendar_items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.calendar_items > * {
    width: calc(100%/7);
}
.calendar_item {
    height: 150px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-right: none;     
    border-bottom: none; 
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #969696;  
    position: relative;   
}
.calendar_item-index {
    display: none;
}
.calendar_item:nth-child(1),
.calendar_item:nth-child(2),
.calendar_item:nth-child(3),
.calendar_item:nth-child(4),
.calendar_item:nth-child(5),
.calendar_item:nth-child(6),
.calendar_item:nth-child(7) {
    height: 182px;
}
.calendar_item:nth-child(7),
.calendar_item:nth-child(14),
.calendar_item:nth-child(21),
.calendar_item:nth-child(28),
.calendar_item:nth-child(31) {
    border-right: 1px solid #E8E8E8;    
}
.calendar_item:nth-child(25),
.calendar_item:nth-child(26),
.calendar_item:nth-child(27),
.calendar_item:nth-child(28),
.calendar_item:nth-child(29),
.calendar_item:nth-child(30),
.calendar_item:nth-child(31) {
    border-bottom: 1px solid #E8E8E8; 
}
.calendar_item-day {
    padding: 9px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #969696;
    background: #FFFFFF;
    border-bottom: 1px solid #E8E8E8;
}
.calendar_item:nth-child(1) {
    border-top-left-radius: 6px;
}
.calendar_item:nth-child(1) .calendar_item-day {
    border-top-left-radius: 6px;
}
.calendar_item:nth-child(7) {
    border-top-right-radius: 6px;
}
.calendar_item:nth-child(7) .calendar_item-day {
    border-top-right-radius: 6px;
}
.calendar_item:nth-child(29) {
    border-bottom-left-radius: 6px;
}
.calendar_item:nth-child(29) .calendar_item-day {
    border-bottom-left-radius: 6px;
}
.calendar_item:nth-child(31) {
    border-bottom-right-radius: 6px;
}
.calendar_item:nth-child(31) .calendar_item-day {
    border-bottom-right-radius: 6px;
}
.calendar_item-day:last-child {
    border-right: 1px solid #E8E8E8;
}
.calendar_item-date {
    padding: 9px;
    font-family: 'Inter'; 
}
.calendar_item-info {
    margin: 2px 4px 4px;
    padding: 9px 7px 8px;
    background: #F2F2F2;
    border-radius: 5px;
    height: 105px;
}

.calendar_item-info.green, .calendar_item-info.green *{
    color: #0E9700;
    background: #C9FBC4;
}

.calendar_item-info.green .calendar_item-info-name{
    font-weight: bold;
}
.calendar_item-info-name {
    font-weight: 500;
    font-size: 10px;
    line-height: 11px;
    color: #828282;
    margin-bottom: 4px;
}
.calendar_item-info-time {
    font-weight: 400;
    font-size: 10px;
    line-height: 11px;
    color: #BDBDBD;
    margin-bottom: 11px;
}
.calendar_item-info-text {    
    font-weight: 400;
    font-size: 10px;
    line-height: 11px;
    color: #BDBDBD;
    -webkit-line-clamp: 4; 
    display: -webkit-box;
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    width: calc(100% - 20px);
}

.calendar_head {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.calendar_head-left {
    display: flex;
    align-items: center;
}
.calendar_head-title {
    margin-right: 14px;
    font-weight: 700;
    font-size: 21px;
    line-height: 24px;
}
.calendar_head-arrow {
    display: flex;
    align-items: center;
}
.calendar_head-arrow .btn-prev {
    margin-right: 7px;
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 50%;   
    background: var(--main_color); 
}
.calendar_head-arrow .btn-next {
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 50%;    
    background: var(--main_color); 
}
.calendar_head-arrow .btn-prev .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 11px;
    height: 10px;
    fill: #fff;
}
.calendar_head-arrow .btn-next .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 11px;
    height: 10px;
    fill: #fff;
}
.calendar_head-link {
    margin-left: 27px;
}
.calendar_head-link a {
    color: #AAADC4;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.5px;
    margin-right: 19px;
    text-decoration: none;
    transition: all .4s;
}
.calendar_head-link a.active {
    color: var(--main_color);
}
.calendar_head-link a:hover {
    color: var(--main_color);
}

.calendar_item-links {
    margin: 2px 3px 5px;
}
.calendar_item-links a {    
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 10px;
    line-height: 11px;
    color: #0E9700;
    text-decoration: none;
    padding: 4px 4px 4px 7px;
    background: #C9FBC4;
    border-radius: 5px;
    margin-bottom: 3px;
}
.calendar_item-links span {
    display: block;    
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: calc(100% - 23px); 
}
.calendar_item-links a .icon {
    width: 16px;
    height: 16px;
    margin-left: 7px;
    fill: #fff;
}

.calendar_item-links .gray{
    color: #828282;
    background: #F2F2F2;
}
.calendar_item-date {
    position: relative;
    display: inline-block;
    z-index: 1;
}
.calendar_item:hover .calendar_item-date::before {
    background: var(--main_color);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.calendar_item:hover .calendar_item-date {
    color: #fff;
}
.calendar_item-more {
    display: block;    
    position: absolute;
    top: 14px;
    right: 11px;
    font-weight: 500;
    font-size: 10px;
    line-height: 11px;
    color: var(--main_color);
    text-decoration: none;
    transition: all .4s;
}
.calendar_item-more:hover {
    border-bottom: 1px dashed var(--main_color);
}

.modal-video {
    background: #FFFFFF;
    border-radius: 15px !important;
}
.modal-video .video_new {
    width: calc(100% - 76px);
    margin: 0 auto;
}
.modal-video_title {
    margin-top: 49px;
    margin-bottom: 19px;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -1px;
}
.modal-video_link {
    margin: 19px auto 59px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    color: #FFFFFF;
    width: 140px;
    background: var(--main_color);
    border-radius: 50px;
    text-decoration: none;
}
#video_modal.modal-video .carousel__button.is-close {
    color: #fff;
    top: 14px;
    right: 14px;
    display: flex;
}
.modal-video.modal.fancybox__content > .carousel__button.is-close svg {
    stroke: #828282;
    stroke-width: 2px;
}



.calendar .mini_modal {
    padding: 10px;
    background: #fff;
    border: 1px solid rgba(10, 0, 197, 0.07);
    border-radius: 5px;
    left: 3px;
    top: calc(100% + 3px);
    width: 204px;
}
.webinar-modal_title {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

.webinar-modal_item {
    border-radius: 5px;
    padding: 4px 7px 2px;
    position: relative;
    margin-bottom: 3px;
}
.webinar-modal_item:last-child {
    margin-bottom: 0;
}
.webinar-modal_item-title {
    font-weight: 500;
    font-size: 10px;
    line-height: 11px;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}
.webinar-modal_item-text {
    font-weight: 400;
    font-size: 10px;
    line-height: 11px;  
    width: calc(100% - 22px);   
    text-align: start;
}
.webinar-modal_item .icon {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #828282;
}
.webinar-modal_item.green {
    background: #C9FBC4;
}
.webinar-modal_item.green .webinar-modal_item-title {
    color: #0E9700;
}
.webinar-modal_item.green .webinar-modal_item-text {
    color: #67AB60;
}
.webinar-modal_item.green .icon
{
    color: #0E9700;
}
.webinar-modal_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.webinar-modal_head .icon {
    width: 13px;
    height: 13px;
}
.calendar_item-day-mob {
    display: none;
}
.calendar_item-more button {
    display: none;
}

.calendar_modal-mob span {
    display: block;
    width: 6px;
    height: 6px;
    background: var(--main_color);
    border-radius: 50%;    
    margin: 0 auto;
}

.modal-calendar {
    max-width: 326px;
    width: 100%;
    padding: 21px 15px 23px;
    background: #FFFFFF;
    border-radius: 14px;
    display: none;
}
.calendar-modal_title {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 10px;
}
.webinar-modal_item {
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
    background: #F2F2F2;
}
.webinar-modal_item:last-child {
    margin-bottom: 0;
}
.webinar-modal_item-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #828282;
    margin-bottom: 3px;
}
.webinar-modal_item-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #828282;
}
.webinar-modal_item .icon {
    width: 16px;
    height: 16px;
    fill: #fff;
}
.modal-calendar .webinar-modal_item .icon {
    width: 25px;
    height: 25px;
}

.webinar-modal_item.red .icon{
    color: #CB2323;
}
.webinar-modal_item.red {
    background: #FFBDBD;
}
.webinar-modal_item.red .webinar-modal_item-title {
    color: #CB2323;
}
.webinar-modal_item.red .webinar-modal_item-text {
    color: #CB2323;
}
.calendar_modal-mob span {
    display: none;
}


/* webinar4.html */
.webinar-test .files {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 24px;
    margin-right: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.webinar a.page_title {
   display: flex;
   align-items: center;
   text-decoration: none; 
   font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    color: var(--color_title);
}
.webinar a.page_title .icon {
    width: 30px;
    height: 22px;
}
.webinar-test {
    background: #FFFFFF;
    border-radius: 25px;
}
.webinar-test_top {
    display: flex;
    align-items: center;  
}
.webinar-test_link {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative;
    background: var(--main_color);
    border-radius: 16px;
    padding: 8px 20px;
    width: 128px;
}
.webinar-test_right .webinar-test_link {
    margin-left: 11px;
}
.webinar-test_top {
    margin-left: 24px;
}
.webinar-test_status {
    position: absolute;
    top: -10px;
    left: 10px;
    font-weight: 500;
    font-size: 9px;
    line-height: 11px;
    color: #FFFFFF;
    border-radius: 57px;  
    padding: 2px 8px; 
    display: inline-block; 
}
.webinar-test_status.red {
    background: #ED3232;
}
.webinar-test_status.green {
    background: #4ACB3F;
}
.webinar-test .video_player {
    border-radius: 25px 25px 0 0;
}
.webinar .comments .comment .data {
    border-bottom: none;
}


/* webinar5.html */
.webinar-test_wrapper {
    background: rgba(10, 0, 197, 0.07);
    padding: 156px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
}
.webinar-test_wrapper .icon {
    margin-bottom: 26px;
    width: 99px;
    height: 99px;
}
.webinar-test_wrapper-title {
    margin-bottom: 17px;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -1px;
}
.webinar-test_wrapper-link {
    text-decoration: none;
    background: var(--main_color);
    border-radius: 50px;
    padding: 0 49px;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
}



/* webinar8.html */
.confirm-modal2 {
    max-width: 319px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 25px 32px;
    background: #FFFFFF;
    border-radius: 15px;
}
.confirm-modal2_img {
    width: 99px;
    height: 99px;
    margin-bottom: 13px;
}
.confirm-modal2_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -1px; 
    margin-bottom: 12px;
}
.confirm-modal2_desc {
    color: #818093;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 17px;
}
.confirm-modal2_desc p:first-child {
    margin-bottom: 4px;
}
.confirm-modal2_btn.close_btn  {
    background: var(--main_color);
    border-radius: 50px;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
    padding: 0 49px;
    display: block;
    width: 116px;
}

.tooltip{
    width: 19px !important;
    height: 19px !important;
    margin:0 !important;
    margin-left: 10px !important;
}

.icon_tippy{
    width: 19px;
    height: 19px;
    display: block;
}

.privacy{
    background: var(--bg);
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    margin-top: 20px;
}

.privacy img{
    margin-right: 10px;
}

.privacy a{
     color:var(--main_color);
}

.icon-calendar{
    width: 16px;
    height: 16px;
    fill: #fff;
    color: #828282;
    margin-left: auto;
    display: block;
    margin-top: 5px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.calendar_item-links.mod_2 a{
    height: 51px;
}

.calendar_item-links.mod_3 a{
    height: 33px; 
}


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 230px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 9999999999;
    top: 150%;
    left: 50%;
    margin-left: -115px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


.dialog .head .what_do {
    display: flex;
}
.dialog .head .what_do .btn {
    margin-left: 18px;
}

.dialog .head .what_do .btn .icon{
    width: 10px;
    height: 10px;
    margin-right: 5px;
}
.dialog .message {
    position: relative;
}
.dialog .message {
    align-items: flex-start;
}
.correction-btn {
    margin-left: 9px;
    position: relative;
}
.correction-btn_text {
    padding: 9px 15px 12px;
    background: #373737;
    box-shadow: 0px 7px 29px rgba(178, 176, 211, 0.39);
    border-radius: 15px;
    top: 0;
    left: calc(100% + 9px);
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #DFDFDF;
    width: 176px;
    display: none;
    position: absolute;    
} 
.correction-btn:hover .correction-btn_text {
    display: block;    
}
.dialog .message .prompt .btns {
    flex-direction: column;
}


.correction_modal {
    display: none;
    padding: 23px 20px 24px;
    background: #FFFFFF;
    border-radius: 15px;
    max-width: 587px;
    width: 100%;
}


.correction_modal-form label {
    color: #323051;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    display: inline-block;
    padding: 9px 9px 9px 33px;
    transition: .2s linear;
    background: #F2F1FA;
    border-radius: 16px;
    max-width: 100%;
    width: 100%;
    overflow-wrap: break-word;
    cursor: pointer;
}  
.correction_modal-form input[type=radio] {
    display: none;
} 
.correction_modal-form input[type=radio] + label:before {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 12px;
    display: block;
    width: 14px;
    height: 14px;
    margin: auto;
    content: '';
    pointer-events: none;
    border-radius: 50%;
    background: #fff; 
}  
.correction_modal-form input[type=radio]:checked + label:after {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 14px;
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
    content: '';
    transition: opacity .2s linear;
    opacity: 0;
    border-radius: 50%;
    background: var(--main_color);
}
.correction_modal input[type=radio]:checked + label:after {
    opacity: 1;
}

.correction_modal-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    padding-bottom: 21px;
    position: relative;
    margin-bottom: 22px;
}
.correction_modal-title::after {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #D0D0D0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.correction_modal-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #353352;
    margin-bottom: 10px;
}
.correction_modal-form .line {
    margin-bottom: 15px;
}
.correction_modal-form .line:last-child {
    margin-bottom: 23px;
}
.correction_modal-btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.correction_modal-form-btn {
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;
    padding: 0 17px;
    background: var(--main_color);
    border-radius: 16px;
    display: block;    
}
.correction_modal-form-btn.gray {
    margin-right: 11px;
    background: #ECEBF5;
    color: #77768E;
}

.correction_modal-form textarea {
    padding: 14px 14px 26px 14px;
    background: #FFFFFF;
    border-radius: 9px;
    border: 1px solid #808093;
    resize: none;
    height: 68px;
    width: 100%;
    font-family: var(--font_family);
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #000;
}

#correction_modal4 .correction_modal-btns {
    justify-content: center;
}
.correction_modal-icon {
    margin: 25px auto 30px;
}
#correction_modal4 .correction_modal-title {
    font-size: 24px;
    text-align: center;
    padding-bottom: 0;
}
#correction_modal4 .correction_modal-title::after {
    display: none;
}


.simulators .simulator .name {
    width: calc(100% - 52px);
}
.simulator .correction-btn {
    position: absolute;
    top: 12px;
    right: 12px;
}


/* inclusion.html */
.inclusion .block_title {
    margin-bottom: 6px;
}
.inclusion .block_text {
    margin-bottom: 22px;
    color: #8D91BB;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}
.inclusion_items {
    display: flex;
    margin-left: -15px;
    margin-bottom: -15px;
}
.inclusion_items > * {
    margin-left: 15px;
    margin-bottom: 15px;
    width: calc(100%/5 - 15px);
    background: #FFFFFF;
    border-radius: 15px;
    padding: 14px 18px 18px 18px;
}
.inclusion_item svg {
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 7px;
}
.inclusion_item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
    margin-bottom: 5px;
}
.inclusion_item-number {
    font-weight: 900;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0.7px;
    color: #292B4B;
}
.inclusion_item-text {
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.3px;  
    display: flex;
    align-items: center;  
}
.inclusion_item-text.green {
    color: #5EC62D;
}
.inclusion_item-text.yellow {
    color: #FFBE16;
}
.inclusion_item-text.red {
    color: #C62D2D;
}


.faq_fast_title{
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 5px;
    margin-top: 30px;
}

.faq_fast_desc{
    font-size: 14px;
    line-height: 19px;
    color: #787C97;
    margin-bottom: 15px;
}

.faq_fast_list{
    margin-left:-10px;
    display: flex;
    flex-wrap: wrap; 
}

.faq_fast_list button{
    background: #D9D6F0;
    border-radius: 5px;
    padding:10px;
    margin-left:10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;

    text-align: center;

    color: #515781;
    transition: 0.3s;
}

.faq_fast_list button:hover{
    background: #0B00D8;
    color:#fff;
}

.fast_link, .faq_search{
    background: #D9D6F0;
    border-radius: 5px;
    padding: 5px 10px;
    margin-left: 0;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    color: #515781;
    transition: 0.3s;
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    top: -2px;
}

.fast_link{
    top:0px;
    margin: 0 5px;
}

.faq_search:hover{
    background: #0B00D8;
    color:#fff;
}



/* training-course */
.training-course .page_title {
    margin-bottom: 65px;
}
.training-course_items {
    display: flex;
    margin-left: -44px;
    flex-wrap: wrap;
    margin-top: 60px;
}
.training-course_items > * {
    width: calc(100%/3 - 44px);
    margin-left: 44px;
    margin-bottom: 44px;
}
.training-course_item {
    background: #FFFFFF;
    border-radius: 0 15px 15px 15px; 
    position: relative;
    padding: 20px 20px 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    top:0;
    transition: 0.3s;
    text-decoration: none;
}
.training-course_item_mod:hover{
    top:-10px;
}
.training-course_item::before {
    position: absolute;
    content: "";
    background: url(../images/training-course_label.png);
    top: -27px;
    left: 0;
    width: 326px;
    height: 27px;
    z-index: -1;
}
.training-course_item-label {
    margin: -30px 20px 15px 0px;
    z-index: 1;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 3px 10px;
    background: #79C54B;
    border-radius: 29px;
    display: block;
    width: 85px;
}
.training-course_item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 9px;
    max-width: 240px;
    text-decoration: none;
    color: #020027;
}

.training-course_item-title_mod{
    margin-bottom: 20px;
}
.training-course_item-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #818093;
    margin-bottom: 16px;
}
.training-course_item-images {
    display: flex;
    padding-top: 20px;
    position: relative;
}
.training-course_item-images::before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #DFDFDF;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.training-course_item-image {
    width: 55px;
    height: 55px;
    cursor: pointer;  
    position: relative; 
    text-decoration: none;
}
.training-course_item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #fff;
    transition: all .5s;
}
.training-course_item-image:nth-child(2) {
    margin-left: -13px;
    z-index: 2;
}
.training-course_item-image:nth-child(3) {
    margin-left: -13px;
    z-index: 3;
}
.training-course_item-image:nth-child(4) {
    margin-left: -13px;
    border-radius: 7px;
    border: 4px solid #fff;
    background: #258BEA;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
    z-index: 4;
    transition: all .5s;
}

.training-course_item-info {
    position: absolute;
    display: none;
    top: calc(100% + 30px);
    left: -50px;
    padding: 10px 15px;
    background: #373737;
    box-shadow: 0px 7px 29px rgba(178, 176, 211, 0.39);
    border-radius: 15px;
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #DFDFDF;
    transition: all .5s;
    width: 222px;
    z-index: 5;
}
.training-course_item-image:hover .training-course_item-info {
    display: block;
}


.dialog .message .prompt .prompt-box {
    display: none;
}
.dialog .message .prompt .text {
    display: flex;
    margin-top: 10px;
}
.dialog .message .prompt .text-information {
     max-width: 100%;
    background: #F0F0FC;
    border: 1px solid #E7E7F2;
    border-radius: 21px;
    padding: 15px;
    text-align: start;
}
.dialog .message .prompt .text .name {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 5px;
    background-color: color-mix(in srgb, var(--main_color) 50%, #fff);
    display: inline-flex;
    padding: 0 10px;
    border-radius: 16px;
}
.dialog .message .prompt .text .info-hint {
    font-weight: 400;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: -0.95px;
    color: #34345D;
    margin-bottom: 10px;
}

.dialog .message .prompt .likes {
    display: flex;
}
.dialog .message .prompt .likes button {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background: #ECEBF5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
}
.dialog .message .prompt .likes .icon {
    width: 24px;
    height: 24px;
    fill: #64698F;
}
.dialog .message .prompt .likes .like.active {
    background: #5CC652;
}
.dialog .message .prompt .likes .dislike.active {
    background: #F23E3E;
}
.dialog .message .prompt .likes .like.active .icon {
    fill: #fff;
    color:#fff;
}
.dialog .message .prompt .likes .dislike.active .icon {
    fill: #fff;
    color:#fff;
}
.correction_modal-form textarea::-webkit-input-placeholder {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #818093;
}
.correction_modal-form textarea::-moz-placeholder {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #818093;
}
.correction_modal-form textarea:-moz-placeholder {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #818093;
}
.correction_modal-form textarea:-ms-input-placeholder {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #818093;
}

.webinar-description {
    padding: 19px 24px 27px;
    background: #fff;
    border-radius: 15px;
}
.webinar-description_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;  
    margin-bottom: 11px;
}
.webinar-description ul {
    list-style: none;
}
.webinar-description ul li {
    position: relative;
    padding-left: 9px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #8C8FA4;
}
.webinar-description ul li::before {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #8C8FA4;
    left: 0;
    top: 8px;
    content: "";
}


.modal_course{
    background: #fff;
}

.modal_course .icon {
    width: 190px;
    height: 187px;
}
.modal_course_title{
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;   
}

.modal_course_desc{
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    text-align: center;

    color: #68677B;

    opacity: 0.8;
    margin-top: 15px;
}

.modal_course_buttons{
    display: flex;
    margin-top: 20px;
}

.modal_course_buttons button + button
{
    margin-left: 20px;
    background: var(--main_color) !important;
}

.modal_course_buttons button:last-child
{
    background: var(--main_color) !important;
}

.modal_course_buttons button
{
    background: #5DB334 !important;
}

.webinar-test_button{
    display: flex;

}

.webinar-test_button a + a{
    margin-left: 10px;
}

.inclusion_item-count{
    background: var(--main_color);
    color: #fff;
    display: flex;
    margin-left: auto;
    min-width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    padding: 0 7px;
}

.modal_content .icon{
    width: 26px;
    height: 26px;
    margin-left: 10px;
}

.wrapper_head_courses{
    display: flex;
    position: relative;
    margin-bottom: 32px;
    z-index: 100;
    align-items: center;
}

.wrapper_head_courses .block_title{
    margin-bottom: 0;
}

.wrapper_head_courses .select-right {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.wrapper_head_courses .nice-select {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #0A00C5;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #332894;
    width: 128px;
    height: 41px;
    background: none;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 4%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 14px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    border: 1px solid #4D4A8D;
    border-radius: 100px;


}
.wrapper_head_courses .select-right span{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    color: #655F95;
    opacity: 0.8;

}

.wrapper_head_courses .nice-select:after {
    border-bottom: 2px solid #938dc8;
    border-right: 2px solid #938dc8;
    content: '';
    display: block;
    height: 8px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 8px;
}


.text_block_hide{
    overflow: hidden;
    position: relative;
    height: 200px;
}

.text_block_hide:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 200px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%);
    pointer-events: none;
}

.text_block_show_more{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    border-bottom: 1px dashed #178EFF;
    color: #178EFF;
}
.text_block_hide.active{
    height: 100%;
}
.text_block_hide.active:after{
    display: none;

}



.btns_block {
    display: flex;
}
.btns_block .yes_btn:first-child {
    margin-right: 15px;
}
.dialog .next_link2 {
    padding: 0;
    display: flex;

}
.dialog .prompt_text {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    padding: 50px;
    text-align: start;
    letter-spacing: -.95px;
}
.dialog .prompt_text span {
    display: inline-block;
    width: auto;
    max-width: 100%;
    padding: 10px 30px;
    vertical-align: top;
    border-radius: 21px;
    background: #d6dfff;
}
.dialog .error_text {
    color: #ff4d4d;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    display: none;
    padding: 0 24px;
    text-align: start;
}
.dialog .error_text span {
    display: inline-block;
    width: auto;
    padding: 10px 30px;
    vertical-align: top;
    border-radius: 21px;
    background: rgba(255, 77, 77, .1);
}
.dialog .success_text {
    color: #12a72a;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    display: none;
    padding: 0 24px;
    text-align: start;
    letter-spacing: -.95px;
}
.dialog .success_text span {
    display: inline-block;
    width: auto;
    max-width: 100%;
    padding: 10px 30px;
    vertical-align: top;
    border-radius: 21px;
    background: rgba(35, 232, 67, .2);
}
.dialog .prompt_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 18px;  
    padding: 26px 24px 0;
}
.dialog .prompt_text {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #3E4755;
    padding: 0px 24px 0;
    text-align: start;
}
.dialog .prompt_text span {
    display: inline-block;
    width: auto;
    max-width: 100%;
    padding: 10px 30px;
    vertical-align: top;
    border-radius: 21px;
    background: #d6dfff;
}
.dialog .head {
    padding-bottom: 57px;
}
.dialog .image_wrap {
    padding: 26px 24px 69px;
}
.dialog .image_wrap .image:after {
    top: 26px;
    left: 24px;
    width: calc(100% - 48px);
    height: calc(100% - 95px);
}
.dialog .next_link2 .icon {
    width: 38px;
    height: 38px;
    display: block;
}
.dialog .next_link2 a {

    margin-left: 16px;
}
.success_text-box {
    display: flex;
    align-items: center;
}

.webinar-online {
    text-align: end;
}
.webinar-online_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #181D47;
    margin-bottom: 3px;
    position: relative;
}
.webinar-online_text:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #5EC62D;
}
.webinar-online_text span {
    font-weight: 700;
    color: #2B315E;
}
.webinar-online_link {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #178EFF;
    text-decoration: none;
    border-bottom: 1px dashed #178EFF;
}
.webinar-online_modal {
    padding: 24px 22px 26px;
    border-radius: 15px;
    background: #fff;
    display: none;
    min-width: 320px;
}
.online-modal_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    position: relative;
    padding-bottom: 21px;
    margin-bottom: 27px;
}
.online-modal_title:before {
    position: absolute;
    content: "";
    width: calc(100% + 44px);
    height: 1px;
    background: #D0D0D0;
    left: -22px;
    bottom: 0;
}
.online-modal_item {
    display: flex;
    align-items: center;
    margin-bottom: 21px;
}
.online-modal_item:last-child {
    margin-bottom: 0;
}
.online-modal_item-img {
    margin-right: 11px;
    width: 40px;
    height: 40px;
}
.online-modal_item-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.online-modal_item-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
}

.wrapper_head_courses .nice-select.open .list {
    border: 1px solid #4D4A8D;
    border-radius: 17px;
    padding: 0;
    border-radius: 0 0 17px 17px;
    border-top: none;
}
.wrapper_head_courses .nice-select .option {
    font-weight: 400;
    font-size: 14px;
    line-height: 34px;
    padding: 6px 18px; 
    color: #332894;
}
.list_item.option:hover {
    background: #4E4B8E;
    color: #fff;
}
.wrapper_head_courses .nice-select {
    border-radius: 17px;
    background: #fff;
    width: 134px;
    padding-right: 20px;
}
.wrapper_head_courses .nice-select.open  {
    border-bottom: none;
    border-radius: 17px 17px 0 0;
}
.wrapper_head_courses .nice-select .list {
    width: 134px;
    left: -1px;
}

.modal_course-item {
    background: #FFFFFF;
    border-radius: 30px;
}

.simulators-new .simulator_items {
    display: flex;
    margin-left: -33px;
    flex-wrap: wrap;
}
.simulators-new .simulator_items > * {
    width: calc(100%/3 - 33px);
    margin-left: 33px;
    margin-bottom: 30px;
}
.simulators-new .simulator_item {
    position: relative;
    top: 0;
    transition: .3s;
    display: flex;
    padding: 14px 17px 18px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 8px 18px rgb(0 0 0 / 19%);
}
.simulators-new .simulator_item:hover {
    top: -10px;
}
.simulators-new .simulator_item-left {
    width: 127px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding-right: 17px;
    flex-shrink: 0;
}
.simulators-new .simulator_item-left:before {
    position: absolute;
    content: "";
    height: calc(100% + 32px);
    top: -14px;
    right: 0px;
    width: 1px;
    background: #E0E0E0;
}
.simulators-new .simulator_item-photo {
    width: 53px;
    height: 55px;
    position: relative;
}
.simulators-new .simulator_item-photo .icon {
    position: absolute;
    right: -2px;
    top: -3px; 
    width: 21px;
    height: 21px;
}
.simulators-new .simulator_item-photo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.simulators-new .simulator_item-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    letter-spacing: -0.3px;
    margin-top: 8px; 
    text-align: center;
}
.simulators-new .simulator_item-post {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #AAA8DA;
    margin-top: 3px; 
    text-align: center;
}
.simulators-new .simulator_item-right {
    padding-left: 14px;
    width: 100%;
}
.simulators-new .simulator_item-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.3px;
    margin-bottom: 8px;
    width: 100%;
    text-decoration: none;
    color: #020027;
    display: block;
}
.simulators-new .simulator_item-question {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 8px;
    color: #818093;
}
.simulators-new .simulator_item-status {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;    
}
.simulators-new .simulator_item-status.red {
    color: #D53838;
}
.simulators-new .simulator_item-status.blue {
    color: var(--main_color);
}
.simulators-new .simulator_item-links a {
    display: flex;
    align-items: center;
    margin-top: 9px;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #6C698C;
}
.simulators-new .simulator_item-links .icon {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    flex-shrink: 0;
}
.simulators-new .simulator_item-links a:nth-child(1) {
    color: #6C698C;
}
.simulators-new .simulator_item-links a:nth-child(2) {
    color: #6C698C;
}


.trainer_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -33px;
    margin-bottom: -40px;
}
.trainer_items > * {
    position: relative;
    top: 0;
    transition: .3s;
    margin-left: 33px;
    margin-bottom: 40px;  
    width: calc(100%/3 - 33px);
    padding: 12px;
    background: #fff;
    border-radius: 15px;
    position: relative;
    box-shadow: 0px 8px 18px rgb(0 0 0 / 19%);
}
.trainer_item:hover {
    top: -10px;
}
.trainer_item .thumb {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 52.73%;
    background: #ddd;
    border-radius: 15px;
    z-index: 0;
}
.trainer_item .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;    
}
.trainer_item-stickers {
    position: absolute;
    z-index: 1;
    top: 9px;
    left: 9px;
}
.trainer_item-stickers .icon {
    width: 29px;
    height: 29px;
}
.trainer_item-info {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 12px;
}
/*.trainer_item-info:before {
    position: absolute;
    content: "";
    width: calc(100% + 24px);
    height: 1px;
    bottom: 0px;
    left: -12px;
    background: #EAEAEA;    
}*/
.trainer_item-links:before {
    position: absolute;
    content: "";
    width: calc(100% + 24px);
    height: 1px;
    top: -12px;
    left: -12px;
    background: #EAEAEA;    
}
.trainer_item-name a {
    display: block;
    margin-top: 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.3px;
    text-decoration: none;
    color: #020027;
    margin-right: 35px;
}
.trainer_item-desc {
    margin-top: 20px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #A19FC4;
}
.trainer_item-status {
    margin-top: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;    
}
.trainer_item-status.red {
    color: #D53838;
}
.trainer_item-status.blue {
    color: var(--main_color);
}
.trainer_item-link-left .icon {
    width: 31px;
    height: 31px;
}
.trainer_item-links {   
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    position: relative;
}



.trainer_item-link-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.trainer_item-link-left a:first-child {
    margin-right: 13px;
}
.trainer_item-btn {
    padding: 8px 16px;
    background: var(--main_color);
    border-radius: 37px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
}
.inclusion_item-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3; 
    margin-bottom: 5px;
    min-height: 38px;
}
.inclusion_item-number {
    font-weight: 900;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0.7px;    
    color: #292B4B; 
    padding-bottom: 6px;
    position: relative;
    font-family: 'Gilroy';
}
.inclusion_item-number::before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    bottom: 0;
    left: -18px;
    background: #E3E3E3;
    z-index: 2;
}
.inclusion_item-text {
    align-items: flex-start;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: -0.3px;
    margin-top: 9px;
    max-width: 150px;
}
.inclusion_item-text svg {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
}
.inclusion_item-count {
    background: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: -0.3px;
    color: #7874A3;
    display: flex;
    margin-left: 0;
    min-width: 22px;
    height: auto;
    align-items: center;
    justify-content: flex-start;
    border-radius: 0px;
    padding: 0;
    margin-top: 11px;
}
.inclusion_item-count span {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main_color);
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    margin-left: 11px;
    border-radius: 50%;
    flex-shrink: 0;
}


/* start-modal */
.start-modal {
    background: #FFFFFF;
    border-radius: 30px;
    max-width: 360px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 54px 40px 40px;
    display: none;
}
.start-modal .icon {
    width: 62px;
    height: 81px;
    margin-bottom: 26px;
}
.start-modal_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 17px; 
}
.start-modal_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 19px; 
    color: #747293;
}
.start-modal .input {    
    background: #FFFFFF;
    border-radius: 9px;
    border: 1px solid #808093;
    font-family: var(--font_family);
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    padding: 13px 14px;
    width: 245px;
    color: #808093;
    margin-bottom: 25px;
}
.start-modal .btns {
    display: flex;
    align-items: center;
}
.start-modal_prev {
    padding: 9px 35px;
    background: #E3E2EE;
    border-radius: 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #555386;
    text-align: center;
    text-decoration: none;
    margin-right: 10px;
}
.start-modal_next {
    padding: 9px 16px;
    background: var(--main_color);
    border-radius: 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

/* reset-modal */
.reset-modal .icon {
    width: 80px;
    height: 80px;
}
.checkbox-items {
    display: flex;
    align-items: center;
    margin-bottom: 26px;
}
.checkbox-item {
    margin-right: 19px;
}
.checkbox-item:last-child {
    margin-right: 0px;
}
.reset-modal input{
    display: none;
}
.reset-modal label{
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    line-height: 19px;
    color: #353352;
    position: relative;
    display: flex;
    min-height: 19px;
    padding-left: 28px;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.reset-modal label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 19px;
    content: '';
    background: #E9E8FF;
    border-radius: 4px;
}
.reset-modal label:after {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0;
    display: block;
    width: 19px;
    height: 19px;
    content: '';
    transition: opacity .2s linear;
    opacity: 0;
    background: url(../images/ic_check_blue.svg) 50%/10px 8px no-repeat;
}
.reset-modal input:checked + label:after {
    opacity: 1;
}

.start-modal_prev.red {
    background: #E63939;
    color: #fff;
}

.answer_btn{
    display: none;
}

.course_info .steps .items + .items {
    padding-top: 20px;
    margin-top: 20px;
    border-top:1px solid #CDCDCD;
}

.test_info{
    background: var(--main_color);
    color: #fff;
    display: inline-flex;
    padding: 8px;
    border-radius: 7px;
    margin-bottom: 20px;
}


.test_info svg{
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.message .media-current-time{
    display: none;
}

.dialog_before{
    background: #F2F0FF;
    border-radius: 55px;
    font-style: normal;
    font-weight: 500;
    /*font-size: 12px;*/
    line-height: 14px;
    text-align: center;
    color: #8C93C0;
    display: table;
    padding: 10px 20px;
    margin: 0 auto;
    margin-top: 16px;
    max-width: calc(100% - 20px);
}

.date_message{
    line-height: 32px;
    margin-left: 68px;
}

.accordion_item .head button.copy{
    margin-left: 10px;
    margin-top: 3px;
}

button.copy{
   /* margin-left: 10px;*/
    display: inline-flex;
    margin-top: 10px;
}

button.copy svg{
    height: 13px;
    width: 13px;
    margin-right: 5px;
}

button.copy span{
    border-bottom: 0.8px dashed #0583DF;
    font-size: 9.6px;
    color: #0583DF;
    line-height: 11px;
}

.tooltip2 {
    position: relative;
    display: inline-block;
}
.tooltip2 .tooltiptext {
    visibility: hidden;
    width: 260px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -130px;
    font-size: 12px;
    border: none;
    background: #373737;
    box-shadow: 0px 5.71583px 23.6799px rgb(178 176 211 / 39%);
    border-radius: 31.0288px;
    font-weight: 700;
    font-size: 11.4317px;
    line-height: 16px;
    letter-spacing: -0.244964px;
    color: #DFDFDF;
}
.tooltip2 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.tooltip2.copied .tooltiptext {
    visibility: visible;
}


.base_know .row {
    margin-bottom: -30px;
    margin-left: -30px;
    align-items: stretch;
    align-content: stretch;
}

.base_know .base_know_item {
    position: relative;
    top: 0;
    padding: 20px;
    transition: .3s;
    border-radius: 15px;
    background: #fff;
    /* border: 1px solid var(--border); */
    box-shadow: 0px 8px 18px rgb(0 0 0 / 19%);
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.base_know .base_know_item:hover {
    top: -10px;
    /* box-shadow: 1px 30px 25px rgb(6 16 88 / 4%); */
}

.base_know .row > * {
    width: calc(33.333% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
}

.base_know_date{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    opacity: 0.5;
}

.base_know_name{
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-top: 10px;
}
.base_know_desc:before{
    width: 9px;
    height: 9px;
    background: var(--main_color);
    border-radius: 3px;
    content:"";   
    position: absolute; 
    left:0;
    top:4px;
}

.base_know_desc{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    opacity: 0.8;
    padding-left: 20px;
    position: relative;
    margin-top: 10px;
}

.base_know_link{
    background: var(--main_color);
    border-radius: 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 9px 17px;
    text-decoration: none;
    margin-top: 13px;
        display: inline-block;
}





.mistake_items {
    display: flex;
    margin-left: -30px;
}
.mistake_items > * {
    margin-left: 30px;
    width: calc(100%/3 - 30px);
}
.mistake_item {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 22px 19px;
}

.c100 {
    font-size: 55px;
    background-color: #EBEBEB;
    margin: 0;
    flex-shrink: 0;
}


.yellow .c100 .bar {
    border-color: #E7B025;
}
.red .c100 .bar {
    border-color: #E31818;
}
.green .c100 .bar {
    border-color: #5EC62D;
}

.yellow .c100 .fill {
    border-color: #E7B025 !important;
}
.red .c100 .fill {
    border-color: #E31818 !important;
}
.green .c100 .fill {
    border-color: #5EC62D !important;
}

.c100 > span {
    font-weight: 700;
    font-size: 17px;
    width: 55px;
    line-height: 55px;
}
.yellow .c100 > span {
    color: #E7B025;
}
.red .c100 > span {
    color: #E31818;
}
.green .c100 > span {
    color: #5EC62D;
}
.c100:hover > span {
    font-size: 25px;
    width: 55px;
    line-height: 55px;
}




.report_modal-label {
    font-weight: 700;
    font-size: var(--font_size);
    line-height: 18px;
    margin-bottom: 8px;
}
.report_modal form .line {
    display: flex;
    margin-left: -12px;
    margin-bottom: 12px;
}
.report_modal form .line > * {    
    margin-left: 12px;
}
.report_modal .correction_modal-btns {
    justify-content: flex-start;
    margin-top: 25px;
}





.mistake_item-info {
    margin-left: 21px;
}
.recommendations .mistake_item {
    position: relative;
    padding: 17px 50px 17px 20px;
}
.mistake_item-arrow {
    position: absolute;
    bottom: 11px;
    right: 11px;
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--main_color); 
}
.mistake_item-arrow .icon {
    width: 11px;
    height: 11px;
}
.mistake_item_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 5px;
}
.mistake_item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #737581;
}

.recommendations .mistake_items {
    flex-wrap: wrap;
    margin-left: -15px;
    margin-bottom: -13px;
}
.recommendations .mistake_items > * {
    width: calc(100%/4 - 15px);
    margin-left: 15px;
    margin-bottom: 13px;
}
 .content_flex .recommendations.content > * + * {
    margin-top: 21px;
}
.content_flex .recommendations.content > *:nth-last-child(2) {
    margin-bottom: 21px;
}
.recommendations .block_title {
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
}
.recommendations .block_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #8D91BB;
}



.detailed {
    padding: 17px 20px 23px;
    background: #FFFFFF;
    border-radius: 15px;
}
.detailed_top {
    padding-bottom: 17px;
    margin-bottom: 25px;
    position: relative;
}
.detailed_top::before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #D8D8D8;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.detailed .mistake_item {
    padding: 0px;
    border-radius: 0;
}
.detailed_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-bottom: -15px;
}
.detailed_items > * {
    width: calc(100%/4 - 15px);
    margin-left: 15px;
    margin-bottom: 15px;
    background: #FFFFFF;
    border: 1px solid #CBCBCB;
    border-radius: 15px;
    padding: 16px 23px 17px 16px;
}
.detailed_item-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #5E5C77;
    background: rgba(10, 0, 197, 0.09);
    border-radius: 6px;
    padding: 3px 10px;
    display: inline-block;
    margin-bottom: 9px;
}
.detailed_item-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 10px;
}
.detailed_item-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #808093;
    margin-bottom: 16px;
}
.detailed_item-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detailed_item-link-left {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    color: #FFFFFF;
    padding: 9px 15px;
    text-decoration: none;
    background: var(--main_color); 
    border-radius: 16px;
}
.detailed_item-link-right {
    font-weight: 400;
    font-size: 11.1712px;
    line-height: 13px;
    color: #0583DF;
    text-decoration: none;
    border-bottom: 1px dashed #0583DF;
}

.detailed_item.active {
    opacity: 0.39;
}
.detailed_item.active .detailed_item-link-right {
    display: none;
}

.step_question-number {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #8D91BB;
    margin-bottom: 16px;
}



/* modal-page */

.modal-page {
    max-width: 376px;
    padding: 26px;
    background: #FFFFFF;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
}
.modal-page_img {
    margin-top: -69px;    
    width: 127px;
    height: 127px;
}
.modal-page_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.modal-page_title {
    font-weight: 700;
    font-size: 22.7804px;
    line-height: 26px;
    text-align: center;
    margin-top: 17px;
    color: #000000;
}
.modal-page_text {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #808080;
    margin-top: 15px;
}
.modal-page_link {
    width: 100%;
    height: 53px;
    background: var(--main_color); 
    border-radius: 71px;
    padding: 0 18px;
    font-weight: 500;
    font-size: 14px;
    line-height: 53px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 36px;
    text-decoration: none;
}
.modal-page_list {
    list-style: none;
    counter-reset: section;  
    margin-top: 19px;
}
.modal-page_list li {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #4E4E4E;
}
.modal-page_list li:last-child {
    margin-bottom: 0;
}
.modal-page_list li::before {
    counter-increment: section;
    content: counter(section) " ";
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    background: var(--main_color); 
    width: 21px;
    height: 21px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: 12px;
}

.modal-page_dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 21px;
}
.modal-page_dots span {
    background: #CDE5FA;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
}
.modal-page_dots span.active {
   background: var(--main_color); 
}

.modal-page4 .modal-page_img {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: 206px;
}
.modal-page4 .modal-page_img img {
    border-radius: 15px;
}

.modal-page5 .modal-page_img {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: 206px;
    position: relative;
}
.modal-page5 .modal-page_img img {
    border-radius: 15px;
}
.modal-page5 .modal-page_img button {
    position: absolute;
    content: "";
    /*width: 56px;
    height: 56px;*/
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}
.modal-page5 button svg {
    width: 28px;
    height: 28px;
    fill: var(--main_color);
}

#modal-page1 .is-close, #modal-page2 .is-close, #modal-page3 .is-close, #modal-page4 .is-close, #modal-page5 .is-close{
    display: none;
}





.modal-estimate {
    background: #FFFFFF;
    border-radius: 30px;
    padding: 37px 34px 34px;
    max-width: 360px;
    width: 100%;
}
.modal-estimate_title {
    font-weight: 700;
    font-size: 25px;
    line-height: 107.9%;
    color: #000;
    display: flex;
    margin-bottom: 18px;
}
.modal-estimate_title span {
    margin-left: 18px;
    display: block;
}
.modal-estimate_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #514F78;
    opacity: 0.8;
    margin-bottom: 29px;
}
.modal-estimate_link {
    background: var(--main_color);
    border-radius: 53px;
    width: 100%;
    height: 59px;
    font-weight: 700;
    font-size: 16px;
    line-height: 59px;
    text-align: center;
    letter-spacing: -1px;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
}
.resend_link {
    display: none;
}
.resend_link a{
    display: block;
    color: #9699ac;
    font-size: 18px;
    line-height: 25px;
    margin-top: 20px;
    text-align: center;
}
.resend{
    color: #9699ac;
    font-size: 18px;
    line-height: 25px;
    margin-top: 20px;
    text-align: center;
    opacity: .8;
}

.modal-page_img_nomargin{
    margin-top: 0;
}



/* modal-survey */
.modal-survey {
    display: none;
    background: #FFFFFF;
    border-radius: 30px;
    padding: 34px;
    max-width: 360px;
    width: 100%;
}
.modal-survey_title {
    font-weight: 700;
    font-size: 25px;
    line-height: 107.9%;
    margin-bottom: 17px;
    }
.modal-survey_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #747293;
    margin-bottom: 30px;
}
.modal-survey_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modal-survey_img {
    width: 46px;
    height: 46px;
    padding: 9px;
    border-radius: 50%;
    background: #E3E1F1;
}
.modal-survey_btn {
    margin-top: 29px;
    background: var(--main_color);
    border-radius: 53px;
    font-weight: 700;
    font-size: 16px;
    line-height: 53px;
    text-align: center;
    letter-spacing: -1px;
    color: #FFFFFF;
    width: 100%;
}
.modal-survey .rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modal-survey .rating input{
    display: none;
}
.modal-survey .rating label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 9px;
    border-radius: 50%;
    background: #E3E1F1;
    transition: all .4s;
    cursor: pointer;
}
.modal-survey .rating label:hover {
    background: var(--main_color);
}  
.modal-survey .rating input:hover + label,
.modal-survey .rating input:checked + label {
    background: var(--main_color);
}

.modal-survey .carousel__button.is-close {
    margin-top: 0;
    top: 15px;
    right: 17px;
    background: #CECBE4;
}
.modal-survey5 .carousel__button.is-close {
    display: none;
}

.survey-modal_btn-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.survey-modal_btn {
    margin-top: 29px;
    background: var(--main_color);
    border-radius: 53px;
    font-weight: 700;
    font-size: 16px;
    line-height: 53px;
    text-align: center;
    letter-spacing: -1px;
    color: #FFFFFF;
    width: 230px;
    display: block;
    text-decoration: none;
}

.scale {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.scale label {
    font-weight: 700;
    font-size: 20px;
    line-height: 46px;
    text-align: center;
    letter-spacing: -1px;
    color: #7E7A98;
    background: #E3E1F1;
    border-radius: 11px;
    width: 46px;
    height: 46px;
    transition: all .4s;
    cursor: pointer;
}
.modal-survey .scale label:hover {
    background: var(--main_color);
    color: #fff;
}  
.modal-survey .scale input:hover + label,
.modal-survey .scale input:checked + label {
    background: var(--main_color);
    color: #fff;
}



.rating-wrapper {
    overflow: hidden;
    display: inline-block;
    margin-left: -23px;
} 
.rating-star:hover,
.rating-star:hover~.rating-star {
    background: url('../images/stars2.svg');
}  
.rating-wrapper:hover .rating-star:hover,
.rating-wrapper:hover .rating-star:hover~.rating-star,
.rating-input:checked~.rating-star {
    background: url('../images/stars2.svg');
} 
.rating-star,
.rating-wrapper:hover .rating-star {
    float: right;
    display: block;
    width: 47px;
    height: 44px;
    background: url('../images/stars.svg');
    cursor: pointer;
}
.rating-star {
    margin-left: 14px;
}
.rating-star:last-child {
    margin-left: 0px;
}




.modal-survey textarea {
    resize: none;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #4D4A8D;
    padding: 16px;
    background: #FFFFFF;
    border: 1px solid #4D4A8D;
    border-radius: 13px;
    height: 150px;
    width: 100%;
}
.modal-survey4 .modal-survey_text {
    margin-bottom: 22px;
}
.modal-survey4 button {
    margin-top: 19px;
}




.modal-survey5_img {
    margin-bottom: 22px;
    width: 94px;
    height: 102px;
}
.modal-survey5 .modal-survey_title {
    margin-bottom: 7px;
}
.modal-survey5 .modal-survey_text {
    margin-bottom: 0px;
}



.create-report_btns {
    margin-bottom: 34px;
}
.create-report table{
    width: 100%;
    margin-bottom: 24px;
    border-collapse: collapse; 
    border-radius: 10px;
}
.create-report table thead {
    background: var(--main_color);
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
}
.create-report table thead th {
    padding: 17px;
    border: 1px solid rgba(21, 21, 21, 0.15);
}
.create-report table thead th {
    text-align: start;   
}
.create-report table thead th:last-child {
    text-align: center;
    border-radius: 0 10px 0 0;
    border-top: none;
    border-right: none;
}
.create-report table thead th:first-child {
    border-radius: 10px 0 0 0;
    border-top: none;
    border-left: none;
}

.create-report table tbody td {
    padding: 11px 17px;
    border-right: 1px solid #C8D2DA;
    border-top: none;
    text-align: start;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #514F96;
}
.create-report table tbody td:first-child {
    border-left: 1px solid #C8D2DA;
}
.create-report table tbody tr:last-child {
    border-bottom: 1px solid #C8D2DA;
}
.create-report table tbody tr:nth-child(even){
    background: rgba(5, 0, 175, 0.01);
}
.create-report .table-wrap {
    overflow-x: scroll;
    scrollbar-width: none; 
}
.create-report .table-wrap::-webkit-scrollbar {
    display: none; 
}
.create-report table tbody td a {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #0583DF;
    text-decoration: none;
    border-bottom: 1px dashed #0583DF;
}
.create-report table tbody td span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}
.create-report table tbody td span.blau {
    background: #0B00D8;
}
.create-report table tbody td span.yellow {
    background: #FFC01C;
}
.create-report table tbody td span.green {
    background: #5AB344;
}
.create-report table tbody td:nth-child(3) {
    white-space: nowrap;
}

      
.icon_top_line{
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    margin-right: 15px;
}

.top_line_text{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;

}

.top_line_link{
    background: #FFFFFF;
    border-radius: 16px;
    white-space: nowrap;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    padding: 0 12px;
    color: var(--main_color);
    margin-left: 15px;
}

.line-top_flex_start .cont{
    justify-content: center;
    max-width: 95%;
}



.audio_training {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E4E2FB;
    border-radius: 13px;
    padding: 12px;
    margin: 20px 24px 0;
}
.audio_training-left {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.audio_training-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #6870A9;
    margin-left: 20px;
}
.audio_training .audio_message {
    width: 50%;
    padding: 12px;
    background: #fff;
    border-radius: 9px;
    flex-shrink: 0;
}

.audio_training .audio_message:first-child{
    width: 100%;
}
.audio_training .icon {
    color: var(--text_color);
    display: block;
    width: 33px;
    height: 33px;   
    flex-shrink: 0;
}




.col_main .title {
    font-weight: 700;
    font-size: 21px;
    line-height: 24px;    
    color: #111C60; 
    margin-bottom: 37px; 
}
.task {
    padding: 21px 22px 24px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}
.task_title {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #353352;
    margin-bottom: 12px;
}
.task_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #353352;
    margin-bottom: 12px;
}
.task_text span {
    font-style: italic;
    color: #353352;
    margin-bottom: 12px;
}
.task_items {
    margin-left: -16px;
    margin-bottom: -16px;    
    display: flex;
    flex-wrap: wrap;
}
.task_items > * {
    margin-left: 16px;
    margin-bottom: 16px;
    width: calc(100%/4 - 16px);  
    padding: 17px 14px 20px;
    background: #E4E2FB;
    border-radius: 13px;
}
.task_item-title {
    font-weight: 700;
    font-size: 15.02px;
    line-height: 17px;    
    color: #111C60; 
    margin-bottom: 7px;
}
.task_item-text {
    font-weight: 400;
    font-size: 12.2037px;
    line-height: 18px;
    color: #6870A9;
    margin-bottom: 10px;
}
.task_item a {
    text-decoration: none;
    background: var(--main_color);
    border-radius: 15px;
    width: 70px;
    height: 27px;
    font-weight: 500;
    font-size: 11px;
    line-height: 27px;
    color: #FFFFFF;
    display: block;
    text-align: center;
}
.task_label {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin-top: 24px;
    margin-bottom: 13px;  
}
.task_radio-wrap {
    margin-bottom: 24px;
}
.task_radio input[type=radio]{
    display: none;
}
.task_radio label {
    display: block;
    cursor: pointer;
    margin-bottom: 10px;
}
.task_radio label .name {
    color: #353352;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    display: inline-block;
    padding-left: 31px;
    transition: .2s linear;
    max-width: 100%;
    width: 100%;
    overflow-wrap: break-word;
}
.task_radio label .name:before {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0px;
    display: block;
    width: 19px;
    height: 19px;
    margin: auto;
    content: '';
    pointer-events: none;
    border-radius: 4px;
    background: #E9E9E9;
}
.task_radio label .name:after {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0px;
    display: block;
    width: 14px;
    height: 14px;
    margin: auto;
    content: '';
    transition: opacity .2s linear;
    opacity: 0;
    background: url(../images/ic_check_blue.svg) 50%/10px 8px no-repeat;
}
.task_radio input[type=radio] + label .name:before {
    border-radius: 50%;
}
.task_radio input[type=radio] + label .name:after {
    left: 3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--main_color);
}
.task_radio input:checked + label .name:after {
    opacity: 1;
}
.task_radio textarea {
    resize: none;
    width: 100%;
    height: 132px;
    padding: 15px;
    background: #FFFFFF;
    border: 1px solid #C2CDDF;
    border-radius: 10px;
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #777777;
}
.task_radio textarea::-webkit-input-placeholder {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #777777;
}
.task_radio textarea::-moz-placeholder {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #777777;
}
.task_radio textarea:-moz-placeholder {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #777777;
}
.task_radio textarea:-ms-input-placeholder {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #777777;
}
.task_radio button {
    background: var(--main_color);
    border-radius: 15px;
    width: 89px;
    height: 28px;
    font-weight: 500;
    font-size: 11px;
    line-height: 28px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    margin-top: 18px;
}
.task_item {
    position: relative;
}

.task2 .task_items {
    margin-left: -16px;
    margin-bottom: -16px;    
    display: flex;
    flex-wrap: wrap;
}
.task2 .task_items > * {
    margin-left: 16px;
    margin-bottom: 16px;
    width: calc(100%/4 - 16px);  
    padding: 17px 14px 20px;
    background: #E4E2FB;
    border-radius: 13px;
}


.task3 .task_items {
    margin-left: -21px;
    margin-bottom: -16px;    
    display: flex;
    flex-wrap: wrap;
}
.task3 .task_items > * {
    margin-left: 21px;
    margin-bottom: 16px;
    width: calc(100%/3 - 21px);  
    padding: 17px 14px 20px;
    background: #E4E2FB;
    border-radius: 13px;
}

.task4 .task_items {
    margin-left: -21px;
    margin-bottom: -16px;    
    display: flex;
    flex-wrap: wrap;
}
.task4 .task_items > * {
    margin-left: 21px;
    margin-bottom: 16px;
    width: calc(100%/2 - 21px);  
    padding: 17px 14px 20px;
    background: #E4E2FB;
    border-radius: 13px;
}

.task5 .task_items {
    margin-left: 0;
}
.task5 .task_items > * {
    width: 100%;
    margin-left: 0;
}
.task5 .task_item a {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
}
.task5 .task_item-title {
    width: calc(100% - 85px);
}
.task5 .task_item-text {
    width: calc(100% - 85px);
}




.modal-page6 {
    max-width: 699px;
    width: 100%;
    padding: 24px 20px 25px;
    justify-content: flex-start;
    align-items: flex-start;    
    border-radius: 15px;
}
.modal-page6 .modal-page_title {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px; 
    margin-bottom: 23px;
    text-align: start;
    margin-top: 0;
    width: 100%;
}
.modal-page6 .form {
    position: relative;
    padding-bottom: 19px;
    padding-top: 16px;
    width: 100%;
}
.modal-page6 .form:before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #EBEBEB;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.modal-page6 .form:after {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #EBEBEB;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    display: none;
}
.modal-page6 .form .line {
    display: flex;
}
.modal-page6 .form .field {
    display: flex;
    align-items: center;
}
.modal-page6 .form .field label {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;    
    color: #605CA9;    
    opacity: 0.8;
    margin-right: 15px;
}
.modal-page6 .form .field input {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #777777;
    width: 37px;
    height: 29px;
    background: #FFFFFF;
    border: 1px solid #C2CDDF;
    border-radius: 5px; 
    display: flex;
    align-items: center;
    justify-content: center;  
    text-align: center;
    margin-right: 20px;
}
.modal-page6 .modal-page_link {
    width: 85px;
    height: 30px;
    background: var(--main_color);
    padding: 0 7px;
    font-size: 12px;
    line-height: 30px;
    margin-top: 19px;
}

.modal-page6 .modal-page_title:before{
left: -20px;
    transform: none;
    width: calc(100% + 40px);
}

.modal-page6 .modal-page_title{
    margin-bottom: 0;
}


.form_title {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.form_title span {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;    
    color: #000000;    
    opacity: 0.8;   
    margin-right: 13px;
    display: block;
}
.choose-link {
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;    
    color: #0583DF;  
    margin-right: 9px;
    text-decoration: none;
    border-bottom: 1px dashed #0583DF;
}
.remove-link {
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
    color: #CE2D4A;
    text-decoration: none;
    border-bottom: 1px dashed #CE2D4A;
}
.modal-page6 .form_list {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.modal-page6 .form_list li {
    padding: 6px 10px 6px 7px;
    background: #E7E5FE;
    border-radius: 13px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.modal-page6 .form_list li:last-child {
    margin-bottom: 0;
}
.modal-page6 .form_list input[type=checkbox] {
    display: none;
    opacity: 0;
}
.modal-page6 .form_list label.checkbox {
    font-family: "Ubuntu";
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;    
    color: #7B78BA;
    position: relative;

    padding-left: 27px;
    cursor: pointer;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
}
.modal-page6 .form_list label.checkbox:before {
    position: absolute;
    top: 0px;
    left: 3px;
    display: inline-block;
    content: '';
    transition: .2s linear;
    background: #FFFFFF;
    border-radius: 4px;
    width: 14px;
    height: 14px;
}
.modal-page6 .form_list label.checkbox:after {
    position: absolute;
    top: 4px;
    left: 6px;
    display: block;
    width: 9px;
    height: 5px;
    content: '';
    transition: opacity .2s linear;
    transform: rotate(-45deg);
    opacity: 0;
    border-bottom: 1.5px solid var(--main_color);
    border-left: 1.5px solid var(--main_color);
}
.modal-page6 .form_list input[type=checkbox]:checked + label.checkbox:after {
    opacity: 1;
}
.form_item {
    padding-top: 15px;
    padding-bottom: 24px;
    position: relative;
}
.form_item:before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #EBEBEB;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.form_item:after {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #EBEBEB;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.modal-page6.modal-page7 form {
    padding-top: 0px;
    padding-bottom: 0px;
}
.modal-page6.modal-page7 form::after {
    display: none;
}
.modal-page6.modal-page7 form::before {
    display: none;
}
.form_btns {
    display: flex;
    align-items: center;
}
.modal-page6.modal-page7 .modal-page_link.modal-page_link3 {
    display: block;
    padding: 0px 13px;
    line-height: 30px;
    width: 65px;
    background: #ECEBF5;
    color: #64698F;
    font-weight: 500;
    margin-right: 10px;
}
.form_btns .modal-page_link.modal-page_link2 {
    padding: 0px 13px;
    display: block;
    line-height: 30px;
    width: 118px;
}



.dialog .prompt_title {
    padding: 26px 24px 0;
}
.answer-option .dialog .head {
    padding: 0 0 87px;
}
.answer-option .dialog .prompt_text {
    display: inline-block;
    width: auto;
    max-width: 100%;
    padding: 0;
    vertical-align: top;
    border-radius: 21px;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #6677A4;
}
.answer-option .dialog .error_text {
    color: #DE1E29;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    display: none;
    padding: 0;
    text-align: start;
    border-radius: 21px;
}
.answer-option .dialog .success_text {
    color: #47BF41;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    display: none;
    padding: 0;
    text-align: start;
    border-radius: 21px;
}
.answer-option_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -26px;
    margin-bottom: -24px;
    padding-bottom: 27px;
}
.answer-option_items > * {
    width: calc(100%/3 - 26px);
    margin-left: 26px;
    margin-bottom: 24px;
}
.answer-option_items label {
    cursor: pointer;
}
.answer-option_items .thumb {
    position: relative;
    overflow: hidden;
    margin-bottom: 11px;
    padding-bottom: 70.18%;
    border-radius: 20px;
    border: 5px solid transparent;
    transition: all .5s;
}
.answer-option_items .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
}
.answer-option_items label .name {
    padding: 11px 19px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #64698F;
    background: #DFDEE8;
    border-radius: 7px;
    min-height: 54px;
    transition: all .5s;
}
.answer-option_items label.success .thumb {
    border: 5px solid #47BF41 !important;
}
.answer-option_items label.success .name {
    background: #47BF41 !important;
    color: #FFFFFF !important;
}
.answer-option_items label.error .thumb {
    border: 5px solid #DE1E29 !important;
}
.answer-option_items label.error .name {
    background: #DE1E29 !important;
    color: #FFFFFF !important;
}
.answer-option_items label:hover .thumb {
    /*border: 5px solid var(--main_color);*/
}
.answer-option_items label:hover .name {
    /*background: var(--main_color);
    color: #FFFFFF;*/
}

.answer-option_items input:checked + label .name {
    background: #909090;
    color: #fff;
}
.answer-option_items input:checked + label .thumb {
    border: 5px solid #909090;
}

.answer-option_btn {
    width: 104px;
    height: 38px;
    background: var(--main_color);
    border-radius: 41px;
    font-weight: 500;
    font-size: 14px;
    line-height: 38px;
    color: #FFFFFF;
    text-align: center;
    margin: 27px 24px 27px;

}
.answer-option .dialog .prompt_text,
.answer-option .dialog .success_text,
.answer-option .dialog .error_text {
    margin: 0 24px;
}
.answer-option_items {
    padding: 0 24px 27px;
}


.answer-question_items {
    padding: 26px 24px 22px; 
    position: relative;
    margin-top: 30px;  
}
.answer-question_items::before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: #D0D0D0;
}
.answer-question_items::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: #D0D0D0;
}
.answer-question_items label {
    margin-bottom: 15px;
    display: block;
    cursor: pointer;
}
.answer-question_items label:last-child {
    margin-bottom: 0px;
}
.answer-question_items input + label .name {
    background: #ECEBF5;
    padding: 10px 20px;
    border-radius: 7px;
    display: inline-block;    
}
.answer-question_items input:checked + label .name {
    background: #909090;
    color: #fff;
}
.answer-question_items .answer-option_btn {
    margin: 24px 0 0 0;
}
.answer-question_images {
    display: flex;
    justify-content: space-between;
    padding: 26px 24px 26px;
}
.answer-question_images2 {
    display: flex;
    justify-content: space-between;
    padding: 26px 24px 26px;
}
.answer-question_images .thumb {
    position: relative;
    width: 49%;    
        padding-bottom: 30%;
}
.answer-question_images .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;  
}
.answer-question_images2 .thumb {
    position: relative;
    width: 100%;    
}
.answer-question_images2 .thumb img {
    width: 100%;
    height: auto;
    border-radius: 14px;  
}
.answer-question_items {
    padding: 10px 24px 22px;
    margin-top: 20px;
}



.answer-question_items input + label.answer-error .name {
    background: #DE1E29;
    color: #fff;
}
.answer-question_items input + label.answer-sucess .name {
    background: #47BF41;
    color: #fff;
}

.answer-option .dialog .prompt_text, 
.answer-option .dialog .success_text, 
.answer-option .dialog .error_text {
    display: block;
}
.answer-option .dialog .next_link2 a {
    width: 23px;
    height: 23px;
    display: block;
    margin-left: 16px;
}

.dialog .image_wrap .image .answer.show:not(.success){    
    animation: myanimation 1s infinite linear;
}

@keyframes myanimation {
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:0;}
}

@media print, (min-width: 1023px)
{
    .dialog .data .video_player{
        /*max-height: 900px;*/
        padding: 0 25px;
        margin-top: 20px;
    }

    aside {
        max-height: 100vh;
        overflow: auto;
        position: sticky;
        top: 0;
        padding-bottom: 120px;
    }

    .wrap{
        overflow: initial;
    }
}




.courses_faq {
    display: flex;
    position: relative;
}

.courses_faq .input {
    background: #FFFFFF url(../images/search.svg) no-repeat 20px center;
    border: 1px solid #BCBCBC;
    box-sizing: border-box;
    border-radius: 54px;
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 20px 0 50px;
    font-family: 'Ubuntu';
}

.title_courses_result{
    display: none;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 0px;
    margin-top:0px !important;
}

.swiper {
  width: 100%;

}
.slider .swiper-slide{
    border-radius: 15px;
    overflow: hidden;
}

.slider .swiper-slide img{
    max-width: 100%;
    display: block;
    width: 100%;
}

.swiper-button-next, .swiper-button-prev{
    color:var(--main_color);
}

.swiper-pagination-bullet-active{
    background:var(--main_color);
}

.slider + .welcome{
    margin-top: 20px;
}

.title_courses_result + .not_my{
    margin-top: 0;
}

.title_courses_result[style="display: block;"] + .not_my{
    margin-top: 40px;
}





/* winner */
.winner {
    /*margin-bottom: 118px;*/
}
.winner_text {
    display: flex;
    align-items: center;
    padding: 9px 20px 9px 9px;
    background: rgba(11, 0, 216, 0.09);
    border-radius: 43px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #6E74A0;
    margin-bottom: 18px;
}
.winner_text-icon .icon {
    width: 22px;
    height: 22px;
    display: block;
}
.winner_text-icon {
    margin-right: 11px;
}
.winner_items {
    display: flex;
    align-items: stretch;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 18px;
    width: 100%;
}
.winner_item {
    padding: 19px 41px 20px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    position: relative;
    margin-right: 21px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 271px;
    width: 100%;
}
.winner_item-star {
    position: absolute;
    top: 13px;
    right: 12px;
}
.winner_item-avatar {
    width: 76px;
    height: 76px;    
    margin-bottom: 14px;
}
.winner_item-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.winner_item-post {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    text-align: center;
}
.winner_item-work {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #818093;
    text-align: center;
}
.winner_priz {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 9px;
    padding: 14px 14px 17px;
    max-width: 100%;
    width: 100%;
    margin-right: 28px;
}
.winner_priz-img {
    border-radius: 5px;    
    width: 130px;
    height: 133px;
    flex-shrink: 0;
}
.winner_priz-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.winner_priz-info {
    margin-left: 23px;
}
.winner_priz-info-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #818093;
    margin-bottom: 3px;
}
.winner_priz-info-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
}
.winner_time {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 330px;
    width: 100%;
    position: relative;
}
.winner_time-text {
    color: #818093;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 5px;
}
.winner_time-title {    
    font-weight: 700;
    font-size: 23px;
    line-height: 26px;    
    color: #000000;
    text-align: center;
}

.winner_time a{
    
    top: 10px;
    color: #706FA8;
    text-decoration: none;
    background: rgba(6, 1, 183, 0.2);
    border-radius: 55px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    padding: 10px 20px;
    margin-bottom: 30px;
}

.icon_full{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.slick_image{
    position: relative;
}

.slick_video a:before{
    content:"";
    position: absolute;
    top:0;
    left:0;
    display: block;
    width: 100%;
    height: 100%;    
    background: rgba(0, 0, 0, 0.44);
    border-radius: 10px 10px 0px 0px;
}
.slick_video a .icon_full_video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
}





.comment-statistics {
    margin-top: 35px;
    margin-bottom: 30px;
}
.comment-statistics_items {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-left: -22px;
    margin-bottom: -20px;
}
.comment-statistics_items > * {
    width: calc(100%/3 - 22px);
    margin-left: 22px;
    margin-bottom: 20px;
}
.comment-statistics_item {
    padding: 14px 18px;
    background: #FFFFFF;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.comment-statistics_item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
    margin-bottom: 8px;
}
.comment-statistics_item-text {
    font-family: "Inter";
    font-weight: 900;
    font-size: 35px;
    line-height: 42px;
    letter-spacing: -1.3px;
    color: #292B4B;
}
.comment-statistics_item-text span {
    font-size: 22px;
    line-height: 1.18;
    color: #7874A3;
}
.step-simulator_head {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sort_step{
    width: 172px;
    height: 34px;
    border-radius: 17px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 13px;
    line-height: 34px;
    color: #FFFFFF;
    flex-shrink: 0;
    text-decoration: none;
    text-align: center;
    margin-left: 10px;
}
.step-simulator_title {
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;  
    color: #000;
    margin-bottom: 3px;
}
.step-simulator_texts {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.53;

}



.step-simulator_items {
    counter-reset: step;
    display: flex;
    align-items: stretch;
    margin-left: -16px;
    margin-bottom: -22px;
    flex-wrap: wrap;
}
.step-simulator_items > * {
    position: relative;
    width: calc(100%/4 - 16px);
    margin-left: 16px;
    margin-bottom: 22px;
    
}
.step-simulator_item {
    position: relative;
    padding: 14px;
    background: #FFFFFF;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
}
.step-simulator_img {
    position: relative;
    height: 163px;
    border-radius: 11px;
    flex-shrink: 0;
}

.step-simulator_img_bg:after{
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    opacity: 0.3;
    position: absolute;
    left:0;
    top:0;
    content:"";
    z-index: 0;
}

.step-simulator_img .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    z-index: 1;
}
.step-simulator_img img {
    width: 100%;
    height: 100%;
    border-radius: 11px;
    object-fit: cover;
    display: block;
}
.step-simulator_item.modal_btn .icon {
    width: 63px;
    height: 63px;
    display: block;
    margin: 0 auto;
}
.step-simulator_item.step-simulator_item_bg_main .step-simulator_img {
    background: var(--main_color);
}
.step-simulator_item.step-simulator_item_bg_gray .step-simulator_img {
    background: #EBE9F8;
}
.step-simulator_label {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px 10px;
    background: #DA3A3A;
    border-radius: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
}

button.step-simulator_item {
    padding: 80px 0;
    background: #EAE8F9;
    border: 1px solid #D8D7F5;
    border-radius: 15px;    
    align-items: center;
}
button.step-simulator_item span {
    font-weight: 700;
    font-size: 18px;
    line-height: 103.4%;
    text-align: center;
    letter-spacing: -0.3px;
    color: #292B4B;
    display: block;
    margin-top: 10px;
}
.step-simulator_info {
    position: relative;
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.step-simulator_bottom .number_sim {
    position: absolute;
    font-family: "Inter";
    top: 0px;
    right: 0px;
    min-width: 24px;
    height: 24px;
    content: counters(step, '') '';
    counter-increment: step;
    text-align: center;
    border-radius: 12px;
    background: var(--main_color);
    font-weight: 900;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.3px;
    color: #FFFFFF;
    padding: 0 7px;
}
.step-simulator_task {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
}
.step-simulator_bottom {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    margin-top: auto;
    position: relative;
}
.step-simulator_bottom2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    position: relative;
}
.step-simulator_text {
    font-weight: 500;
    font-size: 16px;
    line-height: 103.4%;
    letter-spacing: -0.3px;
    color: #292B4B;
    margin-top: 7px;
    margin-bottom: 15px;
}
.step-simulator_desc {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    padding: 3px 10px;
    border-radius: 6px;
    margin-right: 10px;
}
.step-simulator_desc.blue {
    background: #2F9AFD;
}
.step-simulator_desc.green {
    background: #31AF2F;
}
.step-simulator_desc.violet {
    background: #8830BE;
}
.step-simulator_comment {
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-right: 10px;
}
.step-simulator_comment span {    
    display: block;
    margin-left: 6px;
    font-weight: 800;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #635CDB;
    font-family: "Inter";
}



.trainer_item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    padding-bottom: 8px;
}
.trainer_item-layout {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;   
    padding: 3px 10px;
    background: #FF6915;
    border-radius: 6px;
}
.simulator_comment {
    text-decoration: none;
    display: flex;
    align-items: center;
}
.simulator_comment span {
    margin-left: 5px;
    font-family: 'Inter';
    font-weight: 800;
    font-size: 12.0731px;
    line-height: 16px;
    letter-spacing: -0.258709px;
    color: #635CDB;    
    display: block;
}
.trainer_item-btn {
    display: flex;
    align-items: center;
}
.trainer_item-btn img {
    display: block;
    margin-right: 8px;
}

.info_sim_content{
    padding:24px;
    padding-top: 0;
    margin-top: -15px;
}

.image_info_sim{
    margin-top: 30px;
    position: relative;
}

.image_info_sim img{
    width: 100%;
    max-width: 100%;
    border-radius: 14px;
}

.image_info_sim .tooltype
{
border: 5px solid #FFFFFF;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    z-index: 2;

}

.image_info_sim .tooltype.bg{
        color: #fff;
    background: var(--main_color);
    line-height: 35px;
    font-weight: bold;
}
/*
.image_info_sim .tooltype:after{
    content: "";
    border: 5px solid var(--main_color);
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 50%;
}*/

.tooltype::after,
.tooltype::before {
    content: '';
    position: absolute;
    border: 5px solid var(--main_color);
    left: -20px;
    opacity: 0;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: pulse 2.5s linear infinite;
}

.tooltype::after {
    animation-delay: 1.25s;
}

@keyframes pulse {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.image_info_sim .tooltype.active{
    background: #fff;
}

.info_sim_content button{   
background: var(--main_color);
    border-radius: 77px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    height: 37px;
    padding: 0 20px;
    margin-left: auto;
    display: block;
    margin-top: 20px;
}

.simulator_point{
    display: none;
    padding: 23px 20px 24px;
    background: #FFFFFF;
    border-radius: 15px;
    max-width: 587px;
    width: 100%;
}

.simulator_point-title{
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    padding-bottom: 21px;
    position: relative;
    margin-bottom: 22px;
}

.simulator_point-title::after {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #D0D0D0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.simulator_point-text{
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #353352;
    margin-bottom: 10px;
}

.simulator_point-text p{
    margin-bottom: 20px;
}
.simulator_point-text .audio_media{
    background: #F3F3FF;
    border-radius: 8px;
    padding: 15px;
}

.simulator_action_debug .prompt_desc{
    border-bottom: 1px solid #d0d0d0;
    padding: 0 20px 20px;
}

.simulator_point-button{
    background: var(--main_color);
    border-radius: 77px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    height: 37px;
    padding: 0 20px;
    margin-left: auto;
    display: block;
    margin-top: 20px;
}
.simulator_point-button-wrap{
    position: relative;
    padding-top: 1px;
    margin-top: 20px;
}
.simulator_point-button-wrap:before{
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #D0D0D0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.simulator_point-form {
    --form_border_color: rgba(2,0,39,.5);
    --form_focus_color: var(--main_color);
    --form_error_color: red;
    --form_border_radius: 22px;
    --form_bg_color: transparent;
    --form_placeholder_color: rgba(2,0,39,.5);
}

.simulator_point-form .line {
    margin-bottom: 20px;
}

.simulator_point-form .label {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 10px;
}

.simulator_point-form .field {
    position: relative;
    display: flex;
    flex-direction: column;
}

.simulator_point-form .input {
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 500;
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 14px;
    transition: border-color .2s linear;
    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
    order: 2;
}

.simulator_point-form textarea {
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 14px;
    line-height: 16px;
    display: block;
    width: 100%;
    height: 150px;
    padding: 14px;
    resize: none;
    transition: border-color .2s linear;
    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.page_subtitle{
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
    margin-top: -15px;
    margin-left: 50px;
    margin-bottom: 40px;
}



.weekly-statistics_btn {
    width: 172px;
    height: 34px;
    border-radius: 17px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 13px;
    line-height: 34px;
    color: #FFFFFF;
    flex-shrink: 0;
}
.modal-statistic {
    padding: 24px 25px 19px;
    background: #FFFFFF;
    border-radius: 15px;
    max-width: 637px;
    width: 100%;
}
.modal-statistic_item {
    margin-bottom: 18px;
}
.modal-statistic_item:last-child {
    margin-bottom: 0px;
}
.modal-statistic_title {
    position: relative;
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    padding-bottom: 19px;
    margin-bottom: 14px;
}
.modal-statistic_title::before {
    position: absolute;
    content: "";
    width: calc(100% + 50px);
    height: 1px;
    background: #D0D0D0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.modal-statistic_item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;  
    margin-bottom: 16px;  
}
.modal-statistic table {
    width: 100%;
}
.modal-statistic table thead {
    width: 100%;
}
.modal-statistic table thead tr {
    display: flex;
}
.modal-statistic table thead tr th {
    color: #273179;
    opacity: 0.5;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}
.modal-statistic table thead tr th:nth-child(1) {
    width: 53%;
    padding: 0 12px 12px 0;
    display: block;
    text-align: start;
}
.modal-statistic table thead tr th:nth-child(2) {
    width: 23%;
    padding: 0 12px 12px 12px;
    display: block;
    text-align: center;
}
.modal-statistic table thead tr th:nth-child(3) {
    width: 24%;
    padding: 0 12px 12px 12px;
    display: block;
    text-align: center;
}
.modal-statistic table tbody {
    width: 100%;
    display: block;
}
.modal-statistic table tbody tr {
    background: #F3F2FC;
    border: 1px solid #D7D5E3;
    border-radius: 9px;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    min-height: 58px;
    height: 100%;
}
.modal-statistic table tbody tr td {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;  
}
.modal-statistic table tbody tr td:nth-child(1) {
    width: 53%;
    border-right: 1px solid #D7D5E3;
    padding: 19px 18px;
    display: block;
}
.modal-statistic table tbody tr td:nth-child(2) {
    width: 23%;
    border-right: 1px solid #D7D5E3;
    padding: 19px 18px;
    display: block;
    text-align: center;
}
.modal-statistic table tbody tr td:nth-child(3) {
    width: 24%;
    padding: 19px 18px;
    display: block;
    text-align: center;
}

.modal-statistic_item2 table tbody tr td:nth-child(2) {
    border-right: none;
    width: 21%;
}
.modal-statistic_item2 table tbody tr td:nth-child(1) {
    width: 79%;
    display: flex;
    align-items: center;
    padding: 13px 12px 13px 12px;
}
.modal-statistic_item2 table thead tr th:nth-child(2) {
    width: 22%;
    padding: 0 0 12px 0;
}
.modal-statistic_item2 table tbody tr td:nth-child(1) span {
    margin-left: 10px;
    display: block;
}
.modal-statistic_item2 table thead tr th:nth-child(1) {
    width: 79%;
}


.podcast-block_item {
    padding: 16px 20px;
    background: var(--color_light);
    border-radius: 15px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.podcast-block_item:last-child {
    margin-bottom: 0;
}
.podcast-block_item-left {
    display: flex;
    align-items: center;
    width: calc(100% - 160px);
}
.podcast-block_item .icon {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
}
.podcast-block_item-info {
    margin-left: 17px;
}
.podcast-block_item-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 4px;
    color: #000;
}
.podcast-block_item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #747390;
}
.podcast-block_item-link {
    text-decoration: none;
    background: var(--main_color);
    border-radius: 16px;
    width: 119px;
    height: 32px;
    font-weight: 500;
    font-size: 12px;
    line-height: 32px;
    color: #FFFFFF;
    text-align: center;
}

.podcast-box_items {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-bottom: -30px;
    margin-top: 20px;
}
.podcast-box_items > * {
    width: calc(100%/3 - 30px);
    min-height: 87px;
    margin-left: 30px;
    margin-bottom: 30px;
    background: #FFFFFF;
    border-radius: 9px;
    padding: 30px 10px;
    display: flex;
    align-items: center;
    position: relative;
    box-shadow: 0px 8px 18px rgb(0 0 0 / 19%);
    position: relative;
    top: 0;
    transition: .3s;
}
.podcast-box_item:hover{
    top: -10px;
}
.podcast-box_item .icon {
    width: 25px;
    height: 25px;
    display: block;
}
.podcast-box_item-info {
    margin-left: 5px;
    width: calc(100% - 80px);
}
.podcast-box_item-title {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #444B7E;
    margin-bottom: 3px;
}
.podcast-box_item-desc {
    display: flex;
    align-items: center;
}
.podcast-box_item-date {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.53;
    position: relative;
    padding-right: 5px;
    white-space: nowrap;
}
.podcast-box_item-date:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #878CB8;
    top: 50%;
    transform: translateY(-50%);
    right: -2px;
}
.podcast-box_item-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.53;
    padding-left: 5px;
    width: 153px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.podcast-box_item-time {
    position: absolute;
    top: 10px;
    right: 12px;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #273179;
    opacity: 0.53;
}
.podcast-box_item-icon {
    right: 12px;
    bottom: 14px;
    position: absolute;
}

.block-head_text {
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
}
.block-head_title {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;    
    color: #111C60;
    margin-bottom: 8px;
}
.block-head {
    margin-bottom: 25px;
}

.podcasts {
    padding: 28px 26px;
    background: #FFFFFF;
    border-radius: 15px;
    margin-top: 0 !important;
}
.podcasts_item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;  
    padding-bottom: 25px;
    margin-bottom: 25px; 
    position: relative; 
}
.podcasts_item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.podcasts_item:after {
    position: absolute;
    content: "";
    width: calc(100% + 52px);
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #D0D0D0;
}
.podcasts_item:last-child:after {
    display: none;
}
.podcasts_item-left {
    display: flex;
    text-decoration: none;
    margin-right: 20px;
}
.podcasts_item-img {
    width: 149px;
    height: 149px;
    flex-shrink: 0;
}
.podcasts_item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 9px;
}
.podcasts_item-info {
    margin-left: 22px;
    width: 360px;
}
.podcasts_item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.375px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 8px;
}
.podcasts_item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.53;
    margin-bottom: 8px;
}
.podcasts_item-desc {    
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}
.podcasts_item-col {
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.53;
    padding-right: 9px;
    position: relative;
    white-space: nowrap;
    margin-right: 9px;
}
.podcasts_item-col:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #878CB8;
    top: 50%;
    transform: translateY(-50%);
    right: -2px;
}
.podcasts_item-date {
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.53;
    white-space: nowrap;
}
.podcasts_item-link {
    background: var(--main_color);
    border-radius: 16px;
    width: 135px;
    height: 32px;
    font-weight: 500;
    font-size: 12px;
    line-height: 32px;
    color: #FFFFFF;
    text-align: center;
    flex-shrink: 0;
}
.podcasts_item-right {
    width: calc(100% - 516px);
}
.podcasts_item-right-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 18px;
    color: #020027;
}
.podcasts_item-right-item {
    background: #F3F2FF;
    border-radius: 9px;
    padding: 12px;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 69px;
    margin-bottom: 14px;
}
.podcasts .audio_media .media-text,
.podcasts .audio_media .media-time {
    display: none;
}
.podcasts_item-right-item-icon .icon {
    width: 23px;
    height: 23px;
    display: block;
}
.podcast .audio_media .media-text,
.podcast .audio_media .media-time {
    display: none;
}
.podcasts_item-right-item-title {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #444B7E;
    width: calc(100% - 20px);
}
.podcasts_item-right-item-icon {
    margin-left: 7px;
}
.podcasts_item-right-item-date {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #273179;
    opacity: 0.53;
    margin-top: 5px;
}
.podcasts_item-right-item-time {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #273179;
    opacity: 0.53;
    top: 14px;
    right: 15px;
    position: absolute;
}
.podcasts_item-right-item-info {
    width: calc(100% - 120px);
    position: relative;
}
.link-more {
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #178EFF;
    border-bottom: 1px dashed #178EFF;
}
.podcasts_item-right-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.53;
}
.podcasts .audio_media .media-control.media-play {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
}
.podcasts .audio_media .media-symbol {
    flex-shrink: 0;
    margin-left: 1px;
}
.podcast-block .audio_media .media-control.media-play {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
}
.podcast-block .audio_media .media-symbol {
    flex-shrink: 0;
    margin-left: 1px;
}
.podcast-block .audio_media .media-text,
.podcast-block .audio_media .media-time {
    display: none;
}
.link-more.active {
    display: none;
}

a.page_title {
    text-decoration: none;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #111C60;
}
.podcast {
    padding: 18px;
    background: #FFFFFF;
    border-radius: 15px;    
}
.podcast_box {
    display: flex; 
    padding-bottom: 18px;  
    margin-bottom: 13px;
    position: relative; 
}
.podcast_box:after {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #D7D7D7;
}
.podcast_box-img {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
}
.podcast_box-img img {
    width: 100%;
    height: 100%;
    border-radius: 9px;
    object-fit: cover;
}
.podcast_box-info {
    margin-left: 18px;
}
.podcast_box-label {
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #17B113;   
    background: #FFFFFF;
    border: 1px solid #17B113;
    border-radius: 6px;   
    width: 71px;
    height: 20px;
    display: block;
    margin-bottom: 10px;
}
.podcast_box-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 19px;
    letter-spacing: -0.375px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 9px;
}
.podcast_box-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.53;
    margin-bottom: 10px;
}
.podcast_box-col {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.53;
    margin-bottom: 17px;
}
.podcast_box-btn {
    width: 87px;
    height: 32px;
    background: linear-gradient(135.48deg, #0B00D8 2%, #0500AF 96.5%);
    border-radius: 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    color: #FFFFFF;
}
.release .podcasts_item-right-item:last-child {
    margin-bottom: 0;
}
.release .podcasts_item-right-item-time {
    position: relative;
    top: auto;
    right: auto;
    white-space: nowrap;
}


.modal-page111 {
    max-width: 637px;
    width: 100%;
    padding: 24px 25px 16px;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 15px;
}
.modal-page111 .line {
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.modal-page_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    padding-bottom: 21px;
    position: relative;
    width: 100%;
    text-align: start;
    margin-bottom: 13px;
    margin-top: 0;
}
.modal-page_title:before {
    position: absolute;
    content: "";
    width: calc(100% + 50px);
    height: 1px;
    background: #D0D0D0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.modal-page111 .line .field {
    margin-right: 12px;
    flex-shrink: 0;
}
.modal-page111 .modal_label {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;  
    margin-bottom: 10px;
}
.modal-page111 form .line label {
    color: #7B78BA;
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    position: relative;
    display: inline-block;
    padding: 8px 11px 8px 31px;
    transition: .2s linear;
    background: #E7E5FE;
    border-radius: 16px;
    max-width: 100%;
    width: 100%;
    overflow-wrap: break-word;
    cursor: pointer;
}  
.modal-page111 input[type=radio] {
    display: none;
} 
.modal-page111 input[type=radio] + label:before {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 12px;
    display: block;
    width: 13px;
    height: 13px;
    margin: auto;
    content: '';
    pointer-events: none;
    border-radius: 50%;
    background: #fff; 
}  
.modal-page111 input[type=radio]:checked + label:after {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 14px;
    display: block;
    width: 9px;
    height: 9px;
    margin: auto;
    content: '';
    transition: opacity .2s linear;
    opacity: 0;
    border-radius: 50%;
    background: var(--main_color);
}
.modal-page111 input[type=radio]:checked + label:after {
    opacity: 1;
}
.modal-page111 .line {
    display: flex;
    align-items: center;
}
.modal-page111 .line textarea {
    resize: none;
    padding: 14px;
    background: #FFFFFF;
    border: 1px solid #AEACC8;
    border-radius: 9px;
    height: 44px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #AEACC8;
    width: 100%;
}
.modal-page111 .line-lc textarea {
    height: 101px;
}
.modal-page111 form {
    width: 100%;
}
.modal-page111 .line textarea::-webkit-input-placeholder {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #AEACC8;   
}
.modal-page111 .line textarea::-moz-placeholder {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #AEACC8;
}
.modal-page111 .line textarea:-moz-placeholder {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #AEACC8;
}
.modal-page111 .line textarea:-ms-input-placeholder {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #AEACC8;
}
.modal-page111 .form_btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.modal-page111 .form_btn {
    background: var(--main_color);
    border-radius: 62px;
    width: 92px;
    height: 37px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF; 
    flex-shrink: 0; 
    margin-bottom: 8px;
}
form .form_btns input[type=file] {
    display: none;
}
form .form_btns input[type=file] + label,
.file-chooser {
    font-family: var(--font_family);
    font-weight: 500;
    font-size: 12px;
    line-height: 37px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 113px;
    min-height: 37px; 
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: .2s linear;
    background: var(--main_color);
    vertical-align: top;
    text-decoration: none;
    text-align: center;
    border: none;
    text-transform: inherit;
    letter-spacing: 0px;
    border-radius: 62px;
}
.file-uploader .file {
    display: flex;
    align-items: center;  
    flex-wrap: wrap;  
    margin-bottom: 8px;
}
.file-uploader .file-list li {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.file-list__name {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    opacity: 0.8;
    margin-left: 10px;
    display: block;
}
.removal-button {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #DC170A;   
    display: inline-block;
    width: 100%;
    text-align: start;
    margin-left: 36px;
    margin-top: -10px;
    position: relative;
}
.removal-button:after {
    position: absolute;
    content: "";
    border-bottom: 1px dashed #DC170A;
    width: 48px;
    height: 1px;
    bottom: 0;
    left: 0;
}
.file-uploader__message-area {
    margin-left: 18px;
}
.file-list {
    margin-top: 5px;
}


.comment_info {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 5px;
}
.comment_info span {
    font-weight: 500;
    font-size: 13px;
    line-height: 130%;
    color: #7874A3;  
    margin-right: 9px;
    display: block;
}
.comment_info a {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #198DF9;   
    text-decoration: none;
    border-bottom: 1px dashed #198DF9;
}

.photo-download input[type=file],
.hidden-inputs.hidden,
.file-chooser__input {
    display: none;
}
.photo-download input[type=file] + label,
.file-chooser {
    font-family: var(--font_family);
    font-weight: 500;
    font-size: 12px;
    line-height: 37px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 166px;
    min-height: 37px; 
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: .2s linear;
    background: var(--main_color);
    vertical-align: top;
    text-decoration: none;
    text-align: center;
    border: none;
    text-transform: inherit;
    letter-spacing: 0px;
    border-radius: 62px;
}
.photo-downloading.dialog .prompt_title {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 19px;
    line-height: 22px;
    padding: 0;
}
.photo-downloading .prompt_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.53;
    padding: 0 0 23px; 
    position: relative;
    margin-bottom: 22px;
}
.photo-downloading .prompt_text:after {
    position: absolute;
    content: "";
    background: #EBEBEB;
    width: 756px;
    height: 1px;
    bottom: 0;
    left: -18px;
}
.photo-downloading .data {
    padding: 19px 18px;
}
.photo-download {
    background: #F3F2FC;
    border-radius: 11px;
    padding: 121px 30px 143px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.photo-download .icon {
    width: 81px;
    height: 81px;
    display: block;
}
.photo-download_title {
    font-weight: 700;
    font-size: 19px;
    line-height: 22px;
    text-align: center;
    margin-top: 18px;    
}
.photo-download_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #273179;
    opacity: 0.53;
    margin-top: 11px;
    margin-bottom: 20px;
}
.photo-download .file-uploader .file {
    flex-direction: column;
}
.comment_info {
    font-weight: 700;
}
.photo-downloading_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}
.photo-downloading_btn .icon {
    width: 17px;
    height: 17px;
    display: block;
    flex-shrink: 0;
}
.photo-downloading_btns {
    display: flex;
    align-items: center;
    align-items: stretch;
}
.photo-downloading_btn {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 9px 8px 9px;
    background: #DFDDF0;
    border-radius: 10px;
    max-width: 259px;
    min-width: 259px;
}
.photo-downloading_btn-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #8C87BA;
}
.photo-downloading_btn-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.3px;
    color: #534F77;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.photo-downloading_btn:nth-child(1) {
    margin-right: 7px;
}
.photo-downloading_btn:nth-child(1) .photo-downloading_btn-info {
    margin-left: 9px;
}
.photo-downloading_btn:nth-child(2) .photo-downloading_btn-info {
    margin-right: 9px;
}
.photo-downloading_box .photo-downloading_head {
   /* width: calc(100% - 550px);*/
}
.photo-downloading_box .page_subtitle {
    margin-top: 0;
    margin-bottom: 0;
}
.photo-downloading_head {
    flex-direction: column;
}
.photo-downloading_box .page_title {
    margin-bottom: 6px;
}
.photo-downloading .comments .comment .data {
    padding: 0 18px 19px;
    
}
.photo-downloading .comments .comment {
    justify-content: flex-start;
}
.podcast_play, .podcast_play_video{
    border-radius: 50%;
    background: var(--main_color);
    margin-right: 10px;
    width: 33px;
    height: 33px;
}

.podcast_play svg, .podcast_play_video svg{
    color: #fff;
    display: flex;
    width: 33px;
    height: 33px;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 10px;
    cursor: pointer;
}

.podcast_play.active svg.play{
    display: none;
}

.podcast_play:not(.active) svg.pause{
    display: none;
}

.podcast_play.active svg.pause{
    display: flex;
}

.player_fixed{
    display: none;
    position: fixed;
    bottom: 0;
    margin: 0 !important;
    background: #fff;
    margin-left: -40px !important;
    padding: 10px;
    width: calc(100% - var(--sidebar_width)) !important;
    box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.1);
    padding-left: 50px;
    padding-right: 60px;
    padding-bottom: 20px;
    z-index: 10000;
}

.player_fixed .audio_media .media-mute{
    display: block;

}

.player_fixed .audio_media .media-mute .media-symbol{
    width: 14px;
    height: 14px;
}

.player_fixed .audio_media .media-volume{
    display: block;
}

.player_fixed .audio_media .media-control.media-mute:focus, .player_fixed .audio_media .media-control.media-mute:hover {
    background-color: transparent;
}

.player_fixed .audio_media .media-control.media-mute{
    padding-right: 0;
}

.player_fixed .audio_media .media-volume .media-range{
    height: 3px;
}

.player_title{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #30365F;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.player_desc{
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #273179;
    opacity: 0.53;
    margin-bottom: 12px;
}




.trainer_item-btn-manual {
    padding: 6px 12px;
    border: 2px solid var(--main_color);
    border-radius: 37px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--main_color);
    margin-left: 9px;
}
.trainer_item-btn.disabled {
    background: #D1CEEB;
    color: #37306F;
}
.trainer_item-info button {
    /*position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);*/
    position: absolute;
    right: 0;
    top: -10px;
}
.trainer_item-info button .icon {
    width: 30px;
    height: 30px;    
}
.trainer_modal {
    max-width: 524px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 20px 22px 18px 17px;
    display: none;
}
.trainer_modal-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    padding-bottom: 17px;
    margin-bottom: 15px;
    position: relative;
}
.trainer_modal-title:before {
    position: absolute;
    content: "";
    width: calc(100% + 39px);
    height: 1px;
    background: #EBEBEB;
    left: -17px;
    bottom: 0;
}
.trainer_modal-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #7C81A2;
    margin-bottom: 32px;
}
.trainer_modal-btns {
    display: flex;
    align-items: center;
    margin-left: auto;
    width: 100%;
}
.trainer_modal2 {
    padding: 20px 15px 16px;
    max-width: 261px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 15px;
    display: none;
}
.trainer_modal2 .trainer_item-btn {
    margin-left: auto;
    margin-top: 15px;
}
.trainer_modal2 form .field {
    display: flex;
    flex-direction: column;
}
.trainer_modal2 form label {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3; 
    margin-bottom: 10px;
}
.trainer_modal2 form input {
    background: #FFFFFF;
    opacity: 0.5;
    border: 1px solid #7874A3;
    border-radius: 9px;  
    height: 35px;
    padding: 0 11px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 35px;
    color: #7874A3;
    opacity: 0.6;
}
.trainer_modal2 .trainer_modal-title {
    position: relative;
}
.trainer_modal2 .trainer_modal-title:before {
    position: absolute;
    content: "";
    width: calc(100% + 30px);
    height: 1px;
    background: #EBEBEB;
    left: -15px;
    bottom: 0;
}


.data_with_sidebar{
    display: flex;
    align-items: flex-start;
}

.data_with_sidebar .data{
    width: 100%;
}

.data_with_sidebar .steps{
    width: 310px;
    background: #E7E5F5;
    border-radius: 15px;
    margin-right: 20px;
    padding:12px;
    padding-right: 8px;
    position: relative;
    min-height: 600px;
}
.data_with_sidebar .steps .inner_steps{
    overflow-y: scroll;
    height: 100%;
    padding-right: 8px;
}

.data_with_sidebar .steps .inner_steps::-webkit-scrollbar
{
    width: 6px !important;
}

.data_with_sidebar .steps .inner_steps::-webkit-scrollbar-track {
    background-color: darkgrey !important;
    border-radius: 45px !important;
}

.data_with_sidebar .steps .inner_steps::-webkit-scrollbar-thumb {
    border-radius: 45px !important;
}

.data_with_sidebar .steps .step{
    background: #FFFFFF;
    border-radius: 7px;
    padding:12px;
    display: block;
    text-decoration: none;
    color: #3D3D3D;
    border-left: 6px solid var(--main_color);
}

.data_with_sidebar .steps .step + .step{
    margin-top: 12px;
}

.data_with_sidebar .steps .step.complete{
    border-left: 6px solid #18994C;
}

.data_with_sidebar .steps .step.error{
    border-left: 6px solid #E15353;
}

.data_with_sidebar .steps .step.active{
    border-left: 6px solid var(--main_color);
}

.data_with_sidebar .steps .step.current{
    border-left: 6px solid color-mix(in oklab, var(--main_color), white 60%);
    background: var(--main_color);
    color:#fff;
}

.data_with_sidebar .step.current .step_number{
	background: #fff;
	color:var(--main_color);
}

.data_with_sidebar .steps .step_status{
    display: none;
}

.data_with_sidebar .steps .step.error .step_status, .data_with_sidebar .steps .step.complete .step_status{
    display: block;
}

.data_with_sidebar .step_header{
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}

.data_with_sidebar .step_number{
    min-width: 31px;
    height: 31px;
    background: var(--main_color);
    margin-right: 10px;
    border-radius: 15px;
    margin-right: 8px;
    text-align: center;
    line-height: 31px;
    color: #FFFFFF;
    font-weight: 900;
    font-size: 16px;
    padding: 0 5px;
}

.data_with_sidebar .step_status svg{
    width: 22px;
    height: 22px;
}

.data_with_sidebar .steps .step.active .step_title{
    font-weight: bold;
}

.data_with_sidebar .step.current svg{
    outline: 1px solid #fff;
    border-radius: 50%;
}



.bank {
    margin-top: 35px;
}
.banks_items {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    background: #FFFFFF;
    border-radius: 15px;
    margin-bottom: 15px;
}
.banks_items:last-child {
    margin-bottom: 0;
}
.banks_item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 18px 20px 28px 20px;
}
.banks_item:last-child {
    border-right: none;
}
.banks_item .banks_item-icon svg {
    width: 24px;
    height: 24px;
}

.banks_item .banks_item-icon {
    margin-left: 10px;
}
.banks_item-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
    white-space: nowrap;
}
.banks_item-text {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.8px;
    color: #292B4B;
}
.banks_item-text.nw{
    white-space: nowrap;
}
.banks_item:nth-child(1) {
    align-items: flex-start;
    padding: 18px 20px 28px 20px;
}
.banks_item:nth-child(1){
    width: 20%;
}
.banks_item:nth-child(1){
    width: 15%;
}
.banks_item:nth-child(1){
    width: 15%;
}
.banks_item:nth-child(1){
    width: 15%;
}
.banks_item:nth-child(1){
    width: 20%;
}
.banks_item:nth-child(1)
{
    width: 15%;
}

.banks_item:nth-child(5) {
    align-items: flex-start;
}
.banks_item:nth-child(1) .banks_item-title {
    text-align: start;
}
.banks_item:nth-child(1) .banks_item-text {
    text-align: start;
    display: flex;
}
.banks_item a {
    text-decoration: none;
    width: 102px;
    height: 33px;
    background: var(--main_color);
    border-radius: 55px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 33px;
    color: #FFFFFF; 
    text-align: center;
}


.bank .banks_item:nth-child(1) {
    flex-grow: 2;
}


.receiving-opinions {
    display: flex;
    align-items: center;
    margin-top: 22px;
}
.receiving-opinions .icon {
    width: 33px;
    height: 33px;
    margin-right: 11px;
    display: block;
}
.receiving-opinions button {
    padding: 8px 14px;
    background: var(--main_color);
    border-radius: 55px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;   
}



/**/

.trainer_item{  
    container-type: inline-size;
    container-name: simulator;
}

@container simulator (max-width: 285px) {
    .trainer_item-links {
        flex-wrap: wrap;
    }

    .trainer_item-btn{
        margin-top: 5px;
        min-width: 90px;
        justify-content: center;
    }

    .trainer_item-btn-study{
        margin-top: 0;
    }
}

/**/

.simulator-point__read-more {
    position: relative;
    padding-top: 15px;
    margin-top: 22px;
}

.simulator-point__read-more::after {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #D0D0D0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.read-more__name {
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 20px;
}

.read-more__items {
}

.read-more__item {
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 15px;
    display: flex;
    align-items: center;
    padding: 15px;
}

.read-more__item + .read-more__item{
    margin-top: 15px;
}

.read-more__item img {
    width: 74px;
    height: 74px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
    margin-right: 20px;
}

.read-more__body {
}

.read-more__title {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.3px;
}

.read-more__desc {
    font-size: 12px;
    line-height: 14px;
    color: #423E89;
    opacity: 0.5;
    margin-top: 10px;       
}

.read-more__button {
    background: var(--main_color);
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 37px;
    margin-left: 10px;
}

.mla{
    margin-right: auto;
}

.simulator_point-form .line.select {
    position: relative;
    width: 88px;
    margin-bottom: 10px;
}

.simulator_point-form .line.select .nice-select {
    position: relative;
    display: block;
    order: 2;
}


.simulator_point-form .line.select .nice-select .current
{
    color: var(--form_placeholder_color);
    font-size: 14px;
    font-weight: 500;
    line-height: 42px;

    position: relative;

    display: block;
    overflow: hidden;

    height: 44px;
    padding: 0 39px 0 14px;

    cursor: pointer;
    transition: .2s linear;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.simulator_point-form .line.select .nice-select.open .current
{
    border-color: var(--form_focus_color);
}

.simulator_point-form .line.select .nice-select .current.selected
{
    color: var(--text_color);
}


.simulator_point-form .line.select .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;

    transition: .2s linear;

    opacity: 0;
    border: 1px solid var(--form_border_color);
    border-radius: 11px;
    background: #fff;
}

.simulator_point-form .line.select .nice-select.open .list
{
    top: calc(100% + 10px);

    visibility: visible;

    opacity: 1;
}


.simulator_point-form .line.select .nice-select .list .scrollbar
{
    overflow: auto;

    max-height: 240px;
    padding: 10px 0;
}

.simulator_point-form .line.select .nice-select .list .scrollbar::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
}


.simulator_point-form .line.select .nice-select .list .list_item
{
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;

    padding: 10px 14px;

    cursor: pointer;
    transition: background .2s linear;
}

.simulator_point-form .line.select .nice-select .list .list_item:empty
{
    display: none;
}

.simulator_point-form .line.select .nice-select .list .list_item:hover,
.simulator_point-form .line.select .nice-select .list .list_item.selected
{
    background: #eeeffc;
        color: black;
}


.simulator_point-form .line.select .nice-select ~ .arrow
{
    color: #020027;

    position: absolute;
    z-index: 9;
    top: 18px;
    right: 15px;

    display: block;

    width: 11px;
    height: 7px;

    transition: .2s linear;
    pointer-events: none;

    opacity: .5;
}

.simulator_point-form .line.select .nice-select.open ~ .arrow
{
    color: var(--main_color);

    transform: rotate(180deg);
}


.simulator_point-form .line.select .nice-select.open ~ .label
{
    color: var(--form_focus_color);
}



/* (B) DRAG-AND-DROP HINT */
/*.step-simulator_items .step-simulator_item.hint {
  border: 1px solid #ffc49a;
  background: #feffb4;
}
.step-simulator_items .step-simulator_item.active {
  border: 1px solid #ffa5a5;
  background: #ffe7e7;
}*/

.ui-sortable-handle{
    cursor: grab;
}


.file_upload .block_description{
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.5;
    margin-top: -20px;
}

.box {
    background: #FFFFFF;
    border-radius: 15px;
    position: relative;
    padding: 50px 30px;
    text-align: center;
}

.box.has-advanced-upload {
    outline: 1px dashed #bbb;
    outline-offset: -20px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    border-radius: 15px;
}

.box.is-dragover {
    outline-offset: -20px;
    outline-color: #c8dadf;
    background-color: #fff;
}

.box__dragndrop, .box__icon {
    display: none;
}

.box.has-advanced-upload .box__dragndrop {
    display: inline;
}

.box.has-advanced-upload .box__icon {
    width: 100%;
    fill: #92b0b3;
    display: block;
    margin-bottom: 8px;
}

.box.is-uploading .box__input, .box.is-success .box__input, .box.is-error .box__input {
    visibility: hidden;
}

.box__uploading, .box__success, .box__error {
    display: none;
}

.box.is-uploading .box__uploading, .box.is-success .box__success, .box.is-error .box__error {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY( -50% );
    transform: translateY( -50% );
}

.box__uploading {
    font-style: italic;
}

.box__success {
    -webkit-animation: appear-from-inside .25s ease-in-out;
    animation: appear-from-inside .25s ease-in-out;
}

@-webkit-keyframes appear-from-inside {
    from {
        -webkit-transform: translateY( -50% ) scale( 0 );
    }

    75% {
        -webkit-transform: translateY( -50% ) scale( 1.1 );
    }

    to {
        -webkit-transform: translateY( -50% ) scale( 1 );
    }
}

@keyframes appear-from-inside {
    from {
        transform: translateY( -50% ) scale( 0 );
    }

    75% {
        transform: translateY( -50% ) scale( 1.1 );
    }

    to {
        transform: translateY( -50% ) scale( 1 );
    }
}

.box__restart {
    font-weight: 700;
}

.box__restart:focus, .box__restart:hover {
    color: #39bfd3;
}

.js .box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.js .box__file + label {
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    line-height: 16px;
    color: #A6A6A6;
    text-align: center;

}

.js .box__file + label:hover strong, .box__file:focus + label strong, .box__file.has-focus + label strong {
    
}

.js .box__file:focus + label, .js .box__file.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.js .box__file + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.no-js .box__file + label {
    display: none;
}

.no-js .box__button {
    display: block;
}

.box__button {
    font-weight: 700;
    color: #e5edf1;
    background-color: #39bfd3;
    display: none;
    padding: 8px 16px;
    margin: 40px auto 0;
}

.box__button:hover, .box__button:focus {
    background-color: #0f3c4b;
}

.block_upload{
    margin-top: 25px;
}


.upload_list_files{
    background: #FFFFFF;
    border-radius: 15px;
    padding: 0 20px;
}

.upload_list_item{
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.upload_list_item_body{
    margin-left: 15px;
    margin-right: 15px;
}

.upload_list_item svg{
    width: 34px;
    height: 34px;
}

.upload_list_item_title{
    letter-spacing: -0.3px;
    color: #1D1D1D;
    font-weight: 700;
    font-size: 12px;
    line-height: 19px;
}

.upload_list_item_desc{
    color: #534F77;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}

.upload_list_item_buttons{
    margin-left: auto;
}

.upload_list_item_buttons a{
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    border-bottom: 1px dashed #0085FF;
    text-decoration: none;
}

.upload_list_item_buttons a.upload_list_download{
    color: #0085FF;
}

.upload_list_item_buttons a.upload_list_rename{
    color: #FFA800;
    border-bottom: 1px dashed #FFA800;
}

.upload_list_item_buttons a.upload_list_delete{
    color: #D93737;
    border-bottom: 1px dashed #D93737;
}

.upload_list_item_buttons a + a{
    margin-left: 12px;
}

.upload_list_item + .upload_list_item{
    border-top: 1px solid #D3D3D3;
}

.upload_list_item .type{
    font-size: 10px;
    font-weight: 500;
    line-height: 11px;
    display: flex;
    width: 30px;
    height: 37px;
    text-align: center;
    border: 1.5px solid;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.upload_list_item .type.blue
{
    color: #199be2;
}

.upload_list_item .type.red
{
    color: #ff6363;
}

.upload_list_item .type.green
{
    color: #37d723;
}

.upload_list_item .type.orange
{
    color: #fea134;
}


.upload_list_item .type.icon
{
    border: none;
    border-radius: 0;
}

.upload_list_item .type.icon svg
{
    color: currentColor;

    display: block;

    width: 28px;
    height: 37px;
}

.mt20{
    margin-top: 20px;
}

.stop_icon{
    position: absolute;
    top: 0;
    right: 0;
}

.player_fixed_head{
    display: flex;
}

.player_fixed_head img{
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 5px;
    margin-right: 12px;
}

.player_fixed_info{
    min-width: 0;
}

.training-course_item-bottom{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #A09CBF;
    border-top: 1px solid #DFDFDF;
    padding-top: 15px;
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
}

.training-course_item-bottom.green{
    color: #5FC024;
}



/* engagement */
.engagement .block_top {
    margin-bottom: 29px;
}
.engagement .block_title {
    margin-bottom: 6px;
}
.engagement_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-bottom: -20px;
}
.engagement_items > * {
    width: calc(100%/2 - 20px);
    margin-left: 20px;
    margin-bottom: 20px;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 16px;
}
.engagement_item-top {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}
.engagement_item-icon {
    width: 41px;
    height: 41px;
    background: rgba(11, 0, 216, 0.15);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.engagement_item-icon .icon {
    width: 25px;
    height: 25px;
}
.engagement_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.3px;
    color: #101010;   
    margin-left: 16px;
}
.engagement_item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.engagement_item-left {
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.engagement_item-number {
    font-family: 'Inter';
    font-weight: 900;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.7px;
    color: #292B4B;   
}
.engagement_item-text {
    margin-left: 19px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.3px;  
    display: flex;
    align-items: center;  
}
.engagement_item-text .icon {
    width: 15px;
    height: 15px;
    display: block;
    margin-right: 5px;
    flex-shrink: 0;
}
.engagement_item-right {
    background: rgba(120, 116, 163, 0.15);
    border-radius: 47px;
    padding: 3px 8px;  
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3; 
    white-space: nowrap; 
}
.engagement_item-bottom.green .engagement_item-text {
    color: #5EC62D;
}
.engagement_item-bottom.green .engagement_item-right span {
    color: #5EC62D;
}
.engagement_item-bottom.red .engagement_item-text {
    color: #C62D2D;
}
.engagement_item-bottom.red .engagement_item-right span {
    color: #FF7A00;
}
.engagement-block {
    margin-top: 18px;
}
.engagement-block_items {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-left: -19px;
    margin-bottom: -18px;
}
.engagement-block_items > * {
    width: calc(100%/5 - 19px);
    margin-left: 19px;
    margin-bottom: 18px;
    padding: 16px;
    background: #FFFFFF;
    border-radius: 15px;
    display: flex;
    align-items: center;   
}
.engagement-block_item-number {
    font-family: 'Inter';
    font-weight: 900;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: 0.7px;    
    color: #292B4B;  
    margin-right: 10px; 
}
.engagement-block_item-text {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.3px;
    color: #7874A3;
}


/* plan */
.plan .block_top {
    margin-bottom: 20px;
}
.plan .block_title {
    margin-bottom: 6px;
}
.plan_items {
    padding: 16px;
    background: #FFFFFF;
    border-radius: 15px;   
}
.plan_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    background: #F2F1FB;    
    border-radius: 9px;
    margin-bottom: 16px;
    position: relative;
    text-decoration: none;
}
.plan_item:last-child {
    margin-bottom: 0;
}
.plan_item:nth-child(1) {
    border: 1px solid #60AC13;
}
.plan_item:nth-child(2) {
    border: 1px solid #D7D7D7;
    border-bottom: 4px solid #DEDCED;
}
.plan_item:nth-child(3) {
    border: 1px solid #D7D7D7;
    border-bottom: 4px solid #DEDCED;
}
.plan_item-info {
    display: flex;
    align-items: center;
}
.plan_item:nth-child(2):before {
    position: absolute;
    content: "";
    width: 496px;
    height: 4px;
    background: #FF9900;
    bottom: -4px;
    left: 2px;
    border-bottom-left-radius: 9px;
}
.plan_item:nth-child(3):before {
    position: absolute;
    content: "";
    width: 216px;
    height: 4px;
    background: #D33838;
    bottom: -4px;
    left: 2px;
    border-bottom-left-radius: 9px;
}
.plan_item:nth-child(4) {
    border: 1px solid #D7D7D7;
    border-bottom: 4px solid #DEDCED;   
}
.plan_item-icon .icon {
    width: 25px;
    height: 25px;
    margin-right: 12px;
}
.plan_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.3px;   
    color: var(--text_color);
    text-decoration: none;
}
.plan_item-step {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    letter-spacing: -0.3px;
    color: #60AC13;
    margin-left: 10px;
}
.plan_item:nth-child(2) .plan_item-step {
    color: #FF9900;
}
.plan_item:nth-child(3) .plan_item-step {
    color: #D33838;
}
.plan_item:nth-child(4) .plan_item-step {
    color: #9E9CAF;
}

.wrapper_head_courses_body{
    margin-left: auto;
        display: flex;
}

.wrapper_head_courses .select-right{
    flex-direction: column;
}

.wrapper_head_courses .select-right + .select-right{
    margin-left: 15px;
}

.wrapper_head_courses .select-right span{
    margin-bottom: 10px;
}

.details_gpt{
    background: #F2F1FD;
    border-radius: 11px;
    padding: 10px;
    margin: 10px 0;
}

.details_gpt_title{
    display: flex;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #322D60;
    opacity: 0.8;
    margin-bottom: 9px;
}

.details_gpt_title svg{
    margin-right: 10px;
}

.details_gpt_desc{
    margin-top: 10px;
}




.block_title-big {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #000000;
}
.block_top-box .block_title,
.summary .block_title {
    margin-bottom: 6px;
}
.block_top-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    width: 100%;
}
.projects .nice-select {
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    color: #484848;
    height: 41px;
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 61px 7px 13px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
}
.projects .nice-select:after {
    border-bottom: 2px solid #0500AF;
    border-right: 2px solid #0500AF;
    margin-top: -6px;
}
.projects .nice-select .option {
    padding-left: 5px;
    padding-right: 5px;
}
.projects .nice-select .list {
    padding: 10px;
    top: calc(100% + 5px);
    left: 0;
    border-radius: 8px;
    z-index: 10;
}
.projects .select-right {
    display: flex;
    align-items: center;
    margin-left: 22px;
}
.projects .select-right span {
    margin-right: 14px;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #637191;
}

.projects_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -24px;
}
.projects_items > * {
    width: calc(100%/2 - 24px);
    margin-left: 24px;
    margin-bottom: 24px;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 16px;
    text-decoration: none;
    position: relative;
}
.projects_item {
    display: flex;
    flex-direction: column;
}
.projects_item-wraper {
    margin-top: auto;
}
.projects_item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    position: relative;
}
.projects_item-label {
    position: relative;
    border-radius: 59px;
    padding: 3px 8px 3px 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    white-space: nowrap;
}
.projects_item-label:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
}
.projects_item-label.red {
    background: #FF2B5E;
}
.projects_item-label.blau {
    background: #0F7DFF;
}
.projects_item-label.green {
    background: #1CBD2C;
}

.projects_item-btn .icon {
    width: 28px;
    height: 28px;
}
.projects_item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.5px;
    color: #121213;
    margin-bottom: 10px;
    display: block;
    text-decoration: none;
}
.projects_item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    margin-bottom: 24px;
}
.projects_item-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    margin-bottom: 13px;
    position: relative;
}
.projects_item-box:after {
    position: absolute;
    content: "";
    width: calc(100% + 32px);
    height: 1px;
    background: #E1DEFF;
    bottom: 0;
    left: -16px;
}
.projects_item-author {
    display: flex;
    align-items: center;
}
.projects_item-avatar img {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    object-fit: cover;
}
.projects_item-desc {
    margin-left: 14px;
    max-width: calc(100% - 50px);
}
.projects_item-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #000;
}
.projects_item-post {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #8D92B8;
}
.projects_item-visitor {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}
.projects_item-visitor .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.projects_item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.projects_item-bottom-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
    margin-right: 10px;
}
.projects_item-comment {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    display: flex;
    align-items: center;
}
.projects_item-comment .icon {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}
.projects_item-massage {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #5FC024;
    margin-right: 10px;
}
.projects_item-bottom-box {
    display: flex;
    align-items: center;
}
.projects_item-bottom-box span {
    font-family: 'Inter';
    font-weight: 800;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #000000;   
}
.projects_item-bottom-box span.black {
    color: #000;
}
.projects_item-bottom-box span.green {
    color: #1CBD2C;
}
.projects_item-bottom-box span.red {
    color: #E01C1C;
}


.changes .block_title {
    margin-bottom: 6px;
}
.changes_wrap {
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}
.changes_items.hide-content {
    margin-top: 8px;
}
.changes_item {
    padding: 11px 13px 9px 35px;
    background: #F3F3FF;
    border-radius: 6px;
    margin-bottom: 8px;
    display: inline-block;
    width: auto;
}
.changes_item-text {
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    color: #000000;
    margin-bottom: 2px;
    position: relative;
}
.changes_item.red .changes_item-text::before {
    position: absolute;
    content: "";
    background: #FF2B5E;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: 2px;
    left: -23px;
}
.changes_item.blau .changes_item-text::before {
    position: absolute;
    content: "";
    background: #0F7DFF;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: 2px;
    left: -23px;
}
.changes_item.green .changes_item-text::before {
    position: absolute;
    content: "";
    background: #1CBD2C;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: 2px;
    left: -23px;
}
.changes_item-text a {
    text-decoration: none;
    color: #0F7DFF;
}
.changes_item-date {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #9B99C4;
}
.changes_wrap .link-more {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #0085FF;
    text-decoration: dashed;
    margin-top: 9px;
    display: block;
}
.changes_item-box {
    width: 100%;
}
.changes_item.blau {
    margin-bottom: 0;
}
.changes_wrap .link-more {
    display: inline-block;
}
.changes_wrap .link-more.active {
    display: none;
}
.projects_item.disabled {
    position: relative;
}
.projects_item-access {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.62);
    backdrop-filter: blur(1.5px);
    border-radius: 15px;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .4s;
    z-index: 5;
    padding-left: 20px;
    padding-right: 20px;
}
.projects_item.disabled .projects_item-access {
    opacity: 1;
}
.projects_item-access-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    color: #FFFFFF;  
    margin-bottom: 18px;
    text-align: center;
}
.projects_item-access-btn {
    font-weight: 500;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    width: 161px;
    height: 34px;
    background: var(--main_color);
    border-radius: 55px;
}
.projects .block_top-big {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.projects .project-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    width: 146px;
    height: 34px;
    background: var(--main_color);
    border-radius: 55px;   
    display: block;
}

.projects_item-menu {
    background: #F4F3F9;
    border: 1px solid #CECCDC;
    border-radius: 11px;
    list-style: none;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 7px 12px;
    width: 149px;
    display: none;
}
.projects_item-menu li {
    position: relative;
    margin-bottom: 12px;
    text-align: start;
}
.projects_item-menu li:before {
    position: absolute;
    content: "";
    width: calc(100% + 24px);
    left: -12px;
    bottom: -6px;
    height: 1px;
    background: #CECCDC;
}
.projects_item-menu li:last-child::before {
    display: none;
}
.projects_item-menu li:last-child {
    margin-bottom: 0;
}
.projects_item-menu li a {
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
}
.projects_item-btn:hover .projects_item-menu {
    display: block;
}

.projects-modal {
    max-width: 360px;
    width: 100%;
    padding: 55px 40px 42px;
    background: #FFFFFF;
    border-radius: 15px;
    display: none;
}
.projects-modal_icon {
    margin: 0 auto 19px;
}
.projects-modal_icon .icon {
    width: 103px;
    height: 103px;
}
.projects-modal_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    margin-bottom: 17px;
}
.projects-modal_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #747293;
    margin-bottom: 28px;
}
.projects-modal_btn {
    font-weight: 500;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;  
    width: 161px;
    height: 34px;
    background: var(--main_color);
    border-radius: 55px; 
    margin: 0 auto;
}


.project .page_title {
    margin-bottom: 30px;
}
.project_block {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 16px;
}
.project .projects_item-info {
    position: relative;
}
.project .projects_item-label {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
}
.project .projects_item-title {
    font-size: 22px;
    line-height: 25px; 
    margin-bottom: 15px;  
    width: calc(100% - 100px); 
}
.projects_item-links-list {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #0085FF;  
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px dashed #0085FF;
    margin-right: 13px;
}
.projects_item-links-comment {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFA800;
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px dashed #FFA800; 
}
.project .nice-select {
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    color: #484848;
    width: 190px;
    height: 41px;
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 55px 7px 11px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
}
.project .nice-select:after {
    border-bottom: 2px solid #0500AF;
    border-right: 2px solid #0500AF;
    margin-top: -6px;
}
.project .nice-select .option {
    padding-left: 5px;
    padding-right: 5px;
}
.project .nice-select .list {
    padding: 10px;
    top: calc(100% + 5px);
    left: 0;
    border-radius: 8px;
}
.project .select-right {
    display: flex;
    align-items: center;
    margin-left: 22px;
}
.project .select-right span {
    margin-right: 14px;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #637191;
}



.task-block_items {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-left: -16px;
}
.task-block_items > * {
    width: calc(100%/4 - 16px);
    margin-left: 16px;
    background: #EBEAF8;
    border-radius: 15px;   
    padding: 13px 12px;
}
.task-block_items.col3 > *{
    width: calc(100%/3 - 16px);
}

.task-block_item-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -1px;
    color: #121213;
    margin-bottom: 16px;
}
.task-block_item-title span {
    color: #AAA9B4;
}
.task-block_item-btn {
    background: #F3F2FF;
    border: 1px solid #D8D7F5;
    border-radius: 9px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.5px;
    color: #131313;
    padding-left: 2px;
    padding-right: 10px;
    margin-left: 16px;
    margin-right: auto;
}
.task-block_item-btn.big {
    height: 116px;
    margin-bottom: 0;
}
.task-block_item-btn .icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    margin-right: 8px;
}
.task-block_info {
    margin-bottom: 16px;
    padding: 12px;
    background: #FFFFFF;
    border-radius: 9px;
}
.task-block_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.task-block_label {
    position: relative;
    border-radius: 59px;
    padding: 3px 8px 3px 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;    
    
}
.task-block_label.red {
    background: rgba(255, 43, 94, 0.2);
    color: #FF2B5E;
}
.task-block_label.blau {
    background: rgba(15, 125, 255, 0.2);
    color: #0F7DFF;
}
.task-block_label.yellow {
    background: rgba(255, 157, 43, 0.20);
    color: #FF9D2B;
}
.task-block_label.green {
    background: rgba(28, 189, 44, 0.2);
    color: #1CBD2C;
}
.task-block_label.azure {
    background: rgba(43, 242, 255, 0.20);
    color: #13B8C2;
}
.task-block_label:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FF2B5E;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
}
.task-block_label.blau:before {
    background: #0F7DFF;
}
.task-block_label.yellow:before {
    background: #FF9D2B;
}
.task-block_label.green:before {
    background: #1CBD2C;
}
.task-block_label.azure:before {
    background: #13B8C2;
}

.task-block_label.deadline{
	color: #fff;
    background: #EF1A1A;
}
.task-block-top_wrap{
	display: flex;
	gap:10px;
}
.task-block_text {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.5px;
    color: #121213;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden; */
    margin-bottom: 27px;
    display: block;
    text-decoration: none;
}
.task-block_comment-box {
    display: flex;
    align-items: center;
}
.task-block_comment {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    display: flex;
    align-items: center;
    position: relative;
    gap:20px;
}
.task-block_comment .icon {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}
.task-block_comment::before {
    position: absolute;
    content: "";
    width: calc(100% + 24px);
    left: -12px;
    top: -12px;
    height: 1px;
    background: #DFDFDF;
}
.task-block_clossed-top {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.task-block_clossed-top .icon {
    width: 18px;
    height: 18px;
    margin-left: 9px;
}
.task-block_clossed-label {
    position: relative;
    border-radius: 59px;
    padding: 3px 8px 3px 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;    
    color: #645F9A;
    background: rgba(100, 95, 154, 0.2);
    border-radius: 59px;    
    display: inline-block;
}
.task-block_clossed-label:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #645F9A;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
}
.task-block_clossed-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.5px;
    color: #000;
    margin-bottom: 17px;
    opacity: 0.4;
    text-decoration: none;
}
.task-block_clossed-comment {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #000000;  
    opacity: 0.4;
    display: flex;
    gap:0;
}
.task-block_clossed-comment .icon {
    width: 18px;
    height: 18px;
}
.task-block_info:last-child {
    margin-bottom: 0;
}
.task-block_items .link-more {
    background: #D8D5F3;
    border-radius: 9px; 
    width: 100%;
    min-height: 38px;
    font-weight: 700;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    letter-spacing: -0.5px;
    color: #6B66AB; 
    border-bottom: none;  
}
.task-block_item-box {
    display: flex;
    flex-direction: column;
}



.participants_wrap {
    padding: 20px 16px 16px 16px;
    background: #FFFFFF;
    border-radius: 15px;  
}
.participants_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.5px;
    color: #000;
    margin-bottom: 16px;
}
.participants_items {
    display: flex;
    flex-wrap: wrap;
   margin-left: -12px;
    margin-bottom: -12px;
}
.participants_items > * {
    width: calc(100%/3 - 12px);
    margin-left: 12px;
    margin-bottom: 12px;
    padding: 12px;
    background: #F3F2FC;
    border-radius: 9px;  
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.participants_item-author {
     display: flex;
    align-items: center;   
}
.participants_item-avatar {
    width: 33px;
    height: 33px;
    position: relative;
    flex-shrink: 0;
}
.participants_item-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.participants_item-col { 
	display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 10px;
    line-height: 17px;
    letter-spacing: -0.5px;
    color: #FFFFFF;
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 1;
    border-radius: 10px;
    background: var(--main_color);
    min-width: 17px;
    padding: 0 5px;
}

.participants_item-avatar-action {
    position: absolute;
    bottom: 40px;
    left: 0;
    padding: 5px 11px;
    background: #373737;
    box-shadow: 0px 5.71583px 23.6799px rgba(178, 176, 211, 0.39);
    border-radius: 15px;
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.244964px;
    color: #DFDFDF;
    opacity: 0;
    width: 150px;
    transition: all .4s;
    z-index: 100;
}
.participants_item-avatar:hover .participants_item-avatar-action {
    opacity: 1;
}
.participants_item-info {
    margin-left: 14px;
}
.participants_item-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;  
    margin-bottom: 2px; 
}
.participants_item-post {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #273179;
    opacity: 0.53;
}
.participants_item-btn {
    display: flex;
    align-items: center;
}
.participants_item-btn .icon {
    width: 20px;
    height: 20px;
    margin-left: 20px;
}
.participants_item .icon {
    width: 25px;
    height: 25px;
    margin-left: 0px;
}
.participants_items {
    margin-bottom: 16px;
}
.participants_items:last-child {
    margin-bottom: 0px;
}



.tasks-block {
    margin-top: 40px;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;   
}
.tasks .comments .block_top-box {
    margin-bottom: 0;
}
.tasks input#file {
    display: none;
}

.tasks-block_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 19px;
    letter-spacing: -0.375px;   
    margin-bottom: 20px;
}
.tasks-block_info {
    display: flex;
    align-items: center; 
    padding-bottom: 18px;
    position: relative;
    flex-wrap: wrap;
}
.tasks-block_info:before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    left: -20px;
    bottom: 0;
    background: #DFDFDF;
}
.tasks-block_info-project {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #637191;  
    margin-right: 20px; 
}
.tasks-block_info-name {
    background: #F3F2FC;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
    border-radius: 70px;
    padding: 2px 11px;
    font-weight: 700;
    font-size: 12px;
    line-height: 27px;
    color: #8683C0;
    margin-right: 12px;
}
.tasks-block_info-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    padding: 8px 14px;
    background: var(--main_color);
    border-radius: 40px;
}
.tasks-block_info-btn {
    display: flex;
}
.tasks-block_info-btn a:nth-child(1) {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    padding: 8px 14px;
    background: #20B941;
    border-radius: 40px;  
    text-decoration: none; 
    margin-left: 9px;
}
.tasks-block_info-btn a:nth-child(2) {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    padding: 8px 14px;
    background: #D54040;
    border-radius: 40px;
    text-decoration: none;  
    margin-left: 9px;  
}
.tasks-block_info-text {
    margin-top: 18px;
    margin-bottom: 15px;
}
.tasks-block_info-text p {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #505261;  
    margin-bottom: 30px;  
}
.tasks-block_info-text p:last-child {
    margin-bottom: 0;
    color: #3D3D3D;
    font-weight: 700;
}
.changes .block_top-info .block_text span {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #0F7DFF;
    padding: 3px 7px 3px 16px;
    background: rgba(15, 125, 255, 0.2);
    border-radius: 59px;  
    margin-left: 8px;
    position: relative;
}
.changes .block_top-info .block_text span:before {
    position: absolute;
    content: "";
    background: #0F7DFF;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
}
.tasks .block_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.tasks .tasks-block .block_top{
	margin-bottom: 0;
}

.tasks-block_info-status {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FF9D2B;
    padding: 8px 8px 8px 16px;
    background: rgba(255, 157, 43, 0.2);
    border-radius: 59px;
    margin-left: 8px;
    position: relative;
}
.tasks-block_info-status:before {
    position: absolute;
    content: "";
    background: #FF9D2B;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
}
.uploading-files .block_title,
.audio-notes .block_title {
    margin-bottom: 6px;
} 

.uploaded-files_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -19px;
    margin-bottom: -19px;
}
.uploaded-files_items > * {
    width: calc(100%/4 - 19px);
    margin-left: 19px;
    margin-bottom: 19px;
    padding: 12px;
    background: #FFFFFF;
    border-radius: 9px; 
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.uploaded-files_item-top {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}
.uploaded-files_item-info {
    margin-left: 12px;
}
.uploaded-files_item-name {
    font-weight: 700;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #1D1D1D;  
    margin-bottom: 2px;
    position: relative;
    overflow-wrap: anywhere;
}
/* .uploaded-files_item-name[title]:hover::after {
    content: attr(title);
    background-color: #00FF00;
    color: #111;
    font-size: 150%;
    position: absolute;
    padding: 1px 5px 2px 5px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
} */
/*[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    background-color: #00FF00;
    color: #111;
    font-size: 150%;
    position: absolute;
    padding: 1px 5px 2px 5px;
    top: -30px;
    left: 0%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
}
[data-title] {
    position: relative;
}*/
.uploaded-files_item-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.3px;
    color: #534F77;
}
.uploaded-files_item-top .icon {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
}
.uploaded-files_item-bottom {
    padding-top: 9px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: auto;
}
.uploaded-files_item-bottom::before {
    position: absolute;
    content: "";
    width: calc(100% + 24px);
    left: -12px;
    top: 0;
    height: 1px;
    background: #DFDFDF;
}
.uploaded-files_item-bottom button {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    margin-right: 11px;
    margin-bottom: 8px;
}
.uploaded-files_item-bottom a{
	font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    margin-right: 11px;
    margin-bottom: 8px;
    text-decoration: none;
}
.uploaded-files_item-bottom button.blau {
    color: #0085FF; 
    border-bottom: 1px dashed #0085FF;
}
.uploaded-files_item-bottom button.yellow {
    color: #FFA800; 
    border-bottom: 1px dashed #FFA800;
}
.uploaded-files_item-bottom button.red {
    color: #D93737; ;

    border-bottom: 1px dashed #D93737}

.uploaded-files_item-bottom a.blau {
    color: #0085FF; 
    border-bottom: 1px dashed #0085FF;
}
.uploaded-files_item-bottom a.yellow {
    color: #FFA800; 
    border-bottom: 1px dashed #FFA800;
}
.uploaded-files_item-bottom a.red {
    color: #D93737; 
    border-bottom: 1px dashed #D93737;
}

.uploaded-files .block_title {
    margin-bottom: 0;
}


.form-project {
    padding: 18px 18px 27px 18px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    margin-top: 40px;  
}
.form-project .line {
    margin-bottom: 12px;
}
.form-project .line .field {
    display: flex;
    flex-direction: column;
}
.form-project .line .field label {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;  
    margin-bottom: 7px;    
}
.form-project .line .field input {
    background: #FFFFFF;
    border: 1px solid #7874A3;
    color: #000;
    border-radius: 9px;
    height: 45px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    padding: 14px;
}
.form-project .line .field textarea.project-textarea {
    background: #FFFFFF;
    border: 1px solid #7874A3;
    color: #000;
    border-radius: 9px;
    height: 95px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    padding: 14px;
    resize: none;
}
.form-project button {
    padding: 12px 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    background: var(--main_color);
    border-radius: 55px;   
    margin-left: auto;
    display: flex;
    margin-top: 24px;
}
.select2-container .select2-search--inline .select2-search__field {
    border: none;
    height: auto;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 33px;
    height: 33px;
    color: #000;
}
.project-creation .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
    margin-left: 0;
}
.select2-container {
    width: 100% !important;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #7874A3;
    border-radius: 9px;
    padding: 6px 9px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    vertical-align: top;
    margin-top: 3px;
    background: #E7E5FE;
    border-radius: 6px;
    border: none;
    padding: 3px 24px 3px 7px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #7874A3;
}
.project-creation .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 6px;
}
.project-creation .select2-container--default .select2-selection--multiple {
    padding: 6px 14px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #999;
    cursor: pointer;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0;
    position: absolute;
    left: calc(100% - 20px);
    top: -1px;
    width: auto;
}
.select2-dropdown {
    width: auto;
}
.select2-container--default .select2-results>.select2-results__options {
    border: 1px solid #000;
    border-radius: 6px;
}
.select2-results {
    margin-top: 3px;
}
.select2-dropdown {
    width: 50%;
    border-radius: 6px;
}

.task-block_items.classic {
    margin-top: 30px;
    flex-direction: column;
    margin-left: 0;
}
.task-block_items.classic .task-block_item {
    width: 100%;
    padding: 0;
    background: none;
    margin-bottom: 16px;
    margin-left: 0;
}
.task-block_items.classic .task-block_item:last-child {
    margin-bottom: 0;
}
.task-block_items.classic .task-block_item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 21px;
}
.task-block_items.classic .task-block_item-title {
    margin-bottom: 0;
}
.task-block_items.classic .task-block_item-btn {
    width: 119px;
    height: 26px;
    background: var(--main_color);
    border-radius: 40px;
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0;
}
.task-block_items.classic .task-block_item-box {
    padding: 14px;
    background: #FFFFFF;
    border-radius: 9px;
}
.task-block_items.classic .task-block_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.task-block_items.classic .task-block_label {
    margin-right: 15px;
}
.task-block_items.classic .task-block_item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.task-block_items.classic .task-block_text {
    margin-bottom: 0;
    margin-right: 15px;
}

.projects_item-edit {
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #64698F; 
    padding: 10px 11px;
    background: #EEEDF9;
    border-radius: 7px;
    margin-left: 16px;
    text-align: center;
}


.step_status {
    font-weight: 500;
    font-size: 10px;
    line-height: 11px;
    color: #FFFFFF;
    border-radius: 59px;
    display: inline-flex;
    padding: 5px 10px;
}

.step_status .icon{
    width: 10px;
    height: 10px;
    margin-right: 10px;
    color: #fff;
    display: block;
}

.step_status.read{
    background: #44AB20;
}

.step_status.available{
    background: #FF5C00;
}

.lecture_steps .step_status{
    margin-top: 10px;
}

.gtp_message{
    display: flex;
    width: calc(100% - 65px);
    margin-top: 15px;
    margin-left: auto;
}

.gtp_message_animation{
    width: 55px;
    flex-shrink: 0;
}

.gtp_message_animation i{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 -5%;
    overflow: hidden;
    margin-top: 6px;
}

.gtp_message_animation i .dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--main_color);
    color: #9880ff;
    animation: dot-flashing 1s infinite linear alternate;
    animation-delay: 0.5s;
}

.gtp_message_animation i .dot-flashing::before, .gtp_message_animation i .dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.gtp_message_animation i .dot-flashing::before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--main_color);
    color: #9880ff;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 0s;
}

.gtp_message_animation i .dot-flashing::after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--main_color);
    color: #9880ff;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 1s;
}

.gpt_text_load{
    width: 300px;
    background: #F2F0FF;
    padding: 10px;
    border-radius: 11px;
    font-size: 18px;
    line-height: 21px;
    color: #061058;
    display: flex;
}

@keyframes dot-flashing {
  0% {
    background-color: var(--main_color);
  }
  50%, 100% {
    background-color: rgba(152, 128, 255, 0.2);
  }
}

.gtp_complete_body{
    display: flex;
    width: 368px;
    background: #F2F0FF;
    padding: 10px;
    border-radius: 11px;
    color: #061058;
    font-size: 18px;
    line-height: 21px;
    flex-wrap: wrap;
}
.gtp_complete_body img{
    margin-right: 5px;
}
.gtp_complete_body button{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 9px 22px;
    transition: color .2s linear;
    border-radius: 16px;
    background: var(--main_color);
    margin-left: 30px;
    margin-top: 10px;
}


.js-robot i{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 -5%;
    margin-top: 8px;
}

.js-robot i .dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--main_color);
    color: #9880ff;
    animation: dot-flashing 1s infinite linear alternate;
    animation-delay: 0.5s;
}

.js-robot i .dot-flashing::before, .js-robot i .dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.js-robot i .dot-flashing::before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--main_color);
    color: #9880ff;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 0s;
}

.js-robot i .dot-flashing::after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--main_color);
    color: #9880ff;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 1s;
}

.js-robot{
    display: flex;
}

.js-robot i{
    width: 55px;
    display: block;
    margin-left: 15px;
    flex-shrink: 0;
}

.js-robot-answer .media-player{
    font-size: 14px;
}


.new_load_img svg{
    width: 80px;
    height: 80px;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.5, 0.33, 0.04, 1.02);
    animation-delay: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: new_load;  
}

@keyframes new_load {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.new_load_content{
    background: #FFFFFF;
    border-radius: 15px;
    text-align: center;
    padding: 66px;
}

.new_load_img{
    background: #E7E6FC;
    border-radius: 27px;
    display: inline-block;
    padding: 30px;
    margin-bottom: 30px;
}

.new_load_title{
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -0.3px;
    margin-bottom: 20px;
}

.new_load_text{
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 19px;
    text-align: center;
    color: #555D9B;
    margin-bottom: 35px;
}

.new_load_content a{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 9px 22px;
    transition: color .2s linear;
    border-radius: 16px;
    background: var(--main_color);
    text-decoration: none;
}

.project .comments {
    background: none;
    box-shadow: none;
    padding: 0;
}
.project .comments .list {
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}
.project .comments .comment .data {
    border-bottom: none;
}

.tasks .comments {
    background: none;
    box-shadow: none;
    padding: 0;
}
.tasks .comments .comments-box {
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}
.tasks .comments .comment .data {
    border-bottom: none;
}
.tasks .comments .add_comment textarea {
    height: 101px;
}
.tasks .comments .add_comment .form {
    align-items: flex-end;
}


.rating-top {
    display: flex;
    align-items: center;
    padding: 17px;
    background: #FFFFFF;
    border-radius: 15px;
}
.rating-top_icon {
    width: 69px;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E9E8FF;
    border-radius: 19px;
    position: relative;
    flex-shrink: 0;
}
.rating-top_icon_counter{
    min-width: 22px;
    height: 22px;
    background: #E13050;
    border: 1.5px solid #FFFFFF;  
    border-radius: 50%;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF; 
    content: "2";
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -4px;
    right: -4px;
}
/*.rating-top_icon::before {
    width: 22px;
    height: 22px;
    background: #E13050;
    border: 1.5px solid #FFFFFF;  
    border-radius: 50%;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF; 
    content: "2";
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -4px;
    right: -4px;
}*/
.rating-top_icon .icon {
    width: 49px;
    height: 49px;
    display: block;
}
.rating-top_info {
    margin-left: 22px;
}
.rating-top_title {
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -1px;
    margin-bottom: 12px;   
}
.rating-top_items {
    display: flex;
    align-items: center;
}
.rating-top_item {
    display: flex;
    align-items: center;
}
.rating-top_item{
    margin-right: 18px;
}
.rating-top_item-text {
    font-weight: 700;
    font-size: 12px;
    line-height: 26px;
    letter-spacing: -0.3px;
    color: #7874A3;
    height: 26px;
    background: #F2F1FF;
    border-radius: 47px;
    padding: 0px 76px 0px 8px;
}
.rating-top_item-text span {
    color: #E13050;
}
.rating-top_item-btn {
    padding: 0px 11px;
    height: 22px;
    background: var(--main_color);
    border-radius: 47px;   
    font-weight: 500;
    font-size: 11px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #FFFFFF;
    text-decoration: none;
    margin-left: -68px;
}

.message_sep{
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    width: calc(100% + 160px);
    margin-left: -80px;
    margin-bottom: 80px;
}


.message_sep span{
    background: #F2F0FF;
    border-radius: 55px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #68619E;
    padding: 10px 20px;
    display: inline-block;
    margin: 30px auto;
    position: relative;
    top: 47px;
}

.message.success .text_message{
    padding-left: 60px;
    background: url(../images/ok_message.svg) no-repeat;
}
.message.success .info{
    background: #F3F2FC;
}

.dialog .message.success .info{
    width: 680px;
}

.message.success .buttons{
    display: flex;
    margin-top: 10px;
}
.message.success .buttons a{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 9px 22px;
    transition: color .2s linear;
    border-radius: 16px;
    color: #6C73A0;
    background: #E1DEF9;
    text-decoration: none;
}

.message.success .buttons a:first-child{
    background: var(--main_color);
    color:#fff;
}

.message.success .buttons a + a{
    margin-left: 15px;
}

.icon_setting{
    width: 24px;
    height: 24px;
}


.addition {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 12px;
    margin-bottom: 24px;
}
.addition_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;    
}
.addition_left {
    display: flex;
    margin-right: auto;
}
.addition_icon {
    margin-right: 14px;
    width: 45px;
    height: 45px;
    /* background: rgba(11, 0, 216, 0.2); */
    background: var(--color_light);
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.addition_icon .icon {
    width: 31px;
    height: 31px;
}
.addition_title {
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -1px;
    margin-bottom: 4px;
}
.addition_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #9398BC;
}
.addition_btn {
    padding: 8px 21px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    text-decoration: none;
}
.addition form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    display: none;    
    padding: 15px 6px 8px;
    margin-top: 12px;
    position: relative;
}
.addition form .line {
    width: 100%;
    margin-bottom: 18px;
}
.addition form:before {
    position: absolute;
    content: "";
    width: calc(100% + 24px);
    height: 1px;
    background: #CDCDCD;
    left: -12px;
    top: 0;
}
.addition form label {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
    margin-bottom: 10px;    
    display: block;
}
.addition form textarea {
    padding: 14px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    width: 100%;
    resize: none;
    background: #FFFFFF;
    border: 1px solid #AEACC8;
    border-radius: 9px;
    height: 95px;
}
.addition form button {
    padding: 8px 21px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    display: block;
    margin-left: auto;
}
.addition_arrow .icon {
    width: 20px;
    height: 20px;
}
.addition_arrow {
    display: none;
}
.addition form .form-text {
    display: none;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #52A72A; 
}
.addition form .form-text .icon {
    margin-right: 9px;
    width: 25px;
    height: 25px;
}

.addition form.active {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.addition form .form-text.active {
    display: flex;
}
.addition-base {
    margin-top: 28px;
    margin-bottom: 30px;
}
.addition-base .addition_icon {
    background: #fff;
}
.tabs_container {
    padding: 15px 16px 32px;
    background: #FFFFFF;
    border-radius: 15px;
    margin-top: 24px;
}
.tabs_container .tabs {
    margin-bottom: 17px;
}
.tabs_container .tabs button.active {
    opacity: 1;
}
.tabs_container .tabs button {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -1px;
    color: #121213;
    opacity: 0.3;    
    margin-right: 20px;
}
.tab_content.active {
    visibility: visible;
    overflow: visible;
    height: auto;
    transition: opacity .5s linear;
    pointer-events: auto;
    opacity: 1;
    display: block;
}
.tab_content {
    position: relative;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    pointer-events: none;
    opacity: 0;
    display: none;
}
.addition-base_item + .addition-base_item {
    margin-top: 24px;
}
.addition-base_item-box {
    background: #F3F2FC;
    border-radius: 7px;
    padding: 12px 12px 14px;
    display: inline-block;
    margin-bottom: 6px;
}
.addition-base_item-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 9px;
}
.addition-base_item-avatar {
    width: 28px;
    height: 28px;
}
.addition-base_item-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.addition-base_item-info {
    margin-left: 9px;
}
.addition-base_item-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #313131;
}
.addition-base_item-date {
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
}
.addition-base_item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    color: #5E5D67;
}
.addition-base_item-bottom {
    display: flex;
    align-items: center;
}
.addition-base_item-bottom button:nth-child(1) {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #0085FF;
    margin-right: 9px;
    border-bottom: 1px dashed #0085FF;
}
.addition-base_item-bottom button:nth-child(2) {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #D93737;
    border-bottom: 1px dashed #D93737;
}
.addition-base_item-sticker .icon {
    width: 16px;
    height: 16px;
    margin-right: 7px;
    display: block;
}
.addition-base_item-sticker.green {
    background: #47AD52;
    border-radius: 59px;
    padding: 3px 10px 3px 3px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}
.addition-base_item-sticker.red {
    background: #E73A3A;
    border-radius: 59px;
    padding: 3px 10px 3px 3px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}
.addition-base_item-sticker.gray {
    border-radius: 0px;
    padding: 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #7C82AD;
    display: flex;
    align-items: center;
}
.addition-base_item-sticker.gray .icon {
    width: 22px;
    height: 22px;
}
.addition-base_item.hide {
    display: none;
}
.addition-base_item {
    display: block;
    margin-top: 24px;
}
.addition-base_item-more {
    margin-top: 18px;
    display: inline-block;
}


.education .page_title {
    margin-bottom: 4px;
}
.education .page_text {
    margin-bottom: 30px;
}
.education_no {
    padding: 8px 21px;
    background: #C73F3F;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    text-decoration: none;
}
.education_wrap {
    position: relative;
    display: flex;
    justify-content: space-between;    
    align-items: center;
}
.education_left {
    display: flex;
    margin-right: 10px;
}
.education_icon {
    margin-right: 14px;
    width: 45px;
    height: 45px;
    background: var(--color_light);
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.education_icon .icon {
    width: 31px;
    height: 31px;
}
.education_title {
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -1px;
    margin-bottom: 4px;
}
.education_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #9398BC;
}
.education_text-loaded {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #FF7A00;
    opacity: 0.8;
    display: flex;
    align-items: flex-start;
    display: none;
}
.education_text-loaded .icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    display: block;
    flex-shrink: 0;
}
.education_text-green {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #36B434;
    opacity: 0.8;
    display: flex;
    align-items: flex-start;
    display: none;
}
.education_text-green .icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    display: block;   
    flex-shrink: 0;
}
.education_btn {
    padding: 8px 21px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    text-decoration: none;
    min-width: 137px;
    text-align: center;
}

.education_more {
    padding: 8px 21px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    text-decoration: none;
    min-width: 137px;
    text-align: center;
    display: none;
}

.education form {
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 15px 6px 0px;
    margin-top: 12px;
    position: relative;
}

.education form:before {
    position: absolute;
    content: "";
    width: calc(100% + 24px);
    height: 1px;
    background: #CDCDCD;
    left: -12px;
    top: 0;
}

.education form.active {
    display: flex;
}
.education form .line {
    width: 100%;
    align-items: center;
    margin-bottom: 16px;
}
/*.education_wrap:before {
    position: absolute;
    content: "";
    width: calc(100% + 24px);
    height: 1px;
    background: #CDCDCD;
    left: -12px;
    bottom: 0;
}*/
.education form button {
    padding: 8px 21px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    display: block;
    margin-left: auto;
}
.education form button:disabled{
    opacity: 0.7;
}
.education_no {
    display: none;
}
.education form .field {
    margin-right: 12px;
}
.education form label {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #4D4A8D;
    position: relative;
    display: inline-block;
    padding: 9px 11px 9px 35px;
    transition: .2s linear;
    background: #F5F3FD;
    border: 1px solid #CFC9EB;
    border-radius: 16px;
    max-width: 100%;
    width: 100%;
    overflow-wrap: break-word;
    cursor: pointer;
}
.education form label:before {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 7px;
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    content: '';
    pointer-events: none;
    border-radius: 4px;
    background: #fff;
}
.education form label:after {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 7px;
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    content: '';
    transition: opacity .2s linear;
    opacity: 0;
}
.education form input[type=radio] + label:before {
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #CFC9EB;
}
.education form input[type=radio] + label:after {
    position: absolute;
    top: -3px;
    left: 11px;
    display: block;
    width: 10px;
    height: 6px;
    content: '';
    transition: opacity .2s linear;
    transform: rotate(-45deg);
    opacity: 0;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}
.education form input:checked + label {
    background: var(--main_color);
    color: #fff;
    border: 1px solid var(--main_color);
}
.education form input:checked + label:after {
    opacity: 1;
}
.education form input:checked + label::before {
    border: 1px solid #fff;
    background: var(--main_color);
}
.form_counter {
    background: #F5F3FD;
    border-radius: 7px;
    padding: 7px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #4D4A8D;
    margin-bottom: 12px;
    display: inline-block;
}
.form_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 107.9%;
    margin-bottom: 11px;
    color: #000;
}
.form_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #514F78;
    opacity: 0.8;
}
.education_box {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 12px;
}
.education_bottom {
    padding-top: 16px;
    position: relative;
}
.education_bottom:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #CDCDCD;
    left: -18px;
    top: 0;
}
.education_bottom a {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #4D4A8D;
    padding: 10px 15px;
    background: #E3E1F1;
    border-radius: 52px;
    display: inline-block;
}
.education_bottom a.active {
    color: #fff;
    background: var(--main_color);
}
.education_description:before{
    position: absolute;
    content: "";
    width: calc(100% + 24px);
    height: 1px;
    background: #CDCDCD;
    left: -12px;
    top: 0;
}
.education_description {
    margin-top: 10px;
    position: relative;
    padding-top: 20px;
        height: 220px;
    overflow: hidden;
}
.education_description-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 16px;
}
.education_description-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #4B4978;
}
.education_more_link{
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    padding: 31px 5px 4px 0px;
    width: 100%;
    background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    text-decoration: underline;
}
.analitics_box-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-top: 14px;
    margin-bottom: 12px;
}
.analitics ul {
    list-style: none;
}
.analitics ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #35343E;
    margin-bottom: 20px;
}
.analitics ul li:last-child {
    margin-bottom: 0;
}
.analitics ul li span {
    display: block;
    padding-left: 17px;
    position: relative;
}
.analitics ul li span:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #35343E;
    top: 7px;
    left: 6px;
}
.analitics_box {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 14px 14px 26px;
    margin-bottom: 36px;
}
.analitics .page_title {
    margin-bottom: 24px;
}
.analitics_wrap {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;    
    align-items: center;
}
.analitics_wrap::before {
    position: absolute;
    content: "";
    background: #E4E4E4;
    width: calc(100% + 28px);
    height: 1px;
    bottom: 0;
    left: -14px;
}
.analitics_left {
    display: flex;
    margin-right: 10px;
}
.analitics_icon {
    margin-right: 14px;
    width: 45px;
    height: 45px;
    background: rgba(11, 0, 216, 0.2);
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.analitics_icon .icon {
    width: 31px;
    height: 31px;
}
.analitics_titles {
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -1px;
    margin-bottom: 4px;
}
.analitics_info .analitics_title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 4px;
}
.analitics_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #9398BC;
}
.analitics_right {
    width: 45px;
    height: 45px;
    background: rgba(231, 176, 37, 0.15);
    border-radius: 7px;
    font-weight: 700;
    font-size: 22px;
    line-height: 45px;
    text-align: center;
    letter-spacing: -0.3px;
    color: #E7B025;
    margin-left: 15px;
    flex-shrink: 0;
}
.analitics_wrap .analitics_icon {
    margin-right: 14px;
    width: 45px;
    height: 45px;
    background: var(--color_light);
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-weight: 700;
    font-size: 22px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.3px;
    color: #5EC62D;
}
.analitics_wrap.green .analitics_icon {
    background: rgba(94, 198, 45, 0.15);
    color: #5EC62D;
}
.analitics_wrap.yellow .analitics_icon {
    background: rgba(231, 176, 37, 0.15);
    color: #E7B025;   
}
.analitics_wrap.red .analitics_icon {
    background: rgba(227, 24, 24, 0.15);
    color: #E31818;  
}
.analitics_wrap:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.analitics_wrap:last-child:before {
    display: none;
}



.lds-ring {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    border: 3px solid #FF7A00;
    border-radius: 50%;
    margin-right: 5px;
    flex-shrink: 0;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 1px;
    border: 6px solid #FF7A00;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #FF7A00 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.addition form button.js-more-addition{
    display: none;
}

.read_more_dialog{
    font-size: 16px;
    line-height: 18px;
    border-bottom: 1px dashed #fff;
    margin-top: 10px;
    color:#fff;

}

.hide_text{
    display: none;
}

.slider_mob{
    display: none;
}


#video_modal5.modal {
    width: 100%;
    padding: 0px;
}
#video_modal5 .video_new {
    width: 100%;
}
.education_links a {
    text-decoration: none;
    padding: 8px 16px;
    background: var(--main_color);
    border-radius: 55px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}
.education_links a + a {
    margin-left: 15px;
}
.intellect .education_left {
    align-items: center;
}
.intellect .education .page_title {
    margin-bottom: 40px;
}
.intellect .courses_faq input {
    margin-bottom: 0;
    height: 34px;
    margin-right: 14px;
}
.intellect .courses_faq button {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;    
    background: var(--main_color);
    border-radius: 55px;
    flex-shrink: 0;
    padding: 10px 20px;
    display: block;
}
.intellect .courses_faq {
    padding-bottom: 26px;
    position: relative;
}
.intellect .courses_faq:before {
    position: absolute;
    content: "";
    width: calc(100% + 80px);
    height: 1px;
    background: #D2D4E2;
    bottom: 0;
    left: -40px;
}
.intellect .title_courses_result {
    margin-top: 25px !important;
}
.intellect .title_courses_result[style="display: block;"] + .not_my {
    margin-top: 0px;
}


.intellect .wrapper_head {
    margin-bottom: 24px;
}
.intellect .block_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;  
    margin-bottom: 11px; 
}
.intellect .block_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.5;    
}
.favourites_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-bottom: -16px;
}
.favourites_items > * {
    text-decoration: none;
    width: calc(100%/3 - 16px);
    margin-left: 16px;
    margin-bottom: 16px;
    position: relative;
    padding: 14px 9px 20px 14px;
    background: #FFFFFF;
    border-radius: 15px;
}
.favourites_item-icon {
    width: 34px;
    height: 34px;
    background: rgba(10, 0, 197, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.favourites_item-icon .icon {
    width: 20px;
    height: 20px;
}
.favourites_item-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: -0.3px;
    color: #020027;
    margin-bottom: 14px;
    text-decoration: none;
    display: block;
}
.favourites_item-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #9B99B7;
    text-decoration: none;
    display: block;
}
.favourites_item-left {
    position: absolute;
    display: flex;
    align-items: center;    
    top: 10px;
    right: 9px;
}
.favourites_item-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FF2B5E;
    position: relative;
    padding: 3px 9px 3px 16px;
    background: rgba(255, 43, 94, 0.2);
    border-radius: 59px;
    margin-right: 8px;
    max-width: 220px;
}
.favourites_item-label.red {
    color: #FF2B5E;
    background: rgba(255, 43, 94, 0.2);
    position: relative;
}
.favourites_item-label.green {
    color: #5BAE28;
    background: rgba(91, 174, 40, 0.2);
    position: relative;
}
.favourites_item-label.yellow {
    color: #FFB800;
    background: rgba(255, 184, 0, 0.2);
    position: relative;
}
.favourites_item-star{
    cursor: pointer;
}
.favourites_item-star .icon {
    width: 22px;
    height: 22px;
}
.favourites_item-star .icon{
    display: none;
}
.favourites_item-star .icon + .icon{
    display: block;
}
.favourites_item-star.active .icon{
    display: block;
}
.favourites_item-star.active .icon + .icon{
    display: none;
}
.favourites_item-label.red:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FF2B5E;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
}
.favourites_item-label.green:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #5BAE28;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
}
.favourites_item-label.yellow:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FFB800;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.division_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -22px;
    margin-bottom: -45px;
    margin-top: 50px;
}
.division_items > * {
    background: #FFFFFF;
    border-radius: 0 15px 15px 15px;
    padding: 20px;
    width: calc(100%/3 - 22px);
    margin-left: 22px;
    margin-bottom: 45px;
}
.division_item {
    position: relative;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.division_item::before {
    position: absolute;
    content: "";
    background: url(../images/training-course_label.png);
    top: -27px;
    left: 0;
    width: 326px;
    height: 27px;
    z-index: -1;
}
.division_item-label {
    margin-top: -30px;
    background: #EAE8FF;
    border-radius: 29px;
    padding: 3px 9px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #6B60CB;
    margin-bottom: 20px;
    display: inline-block;
    width: fit-content;
}
.division_item-icon {
    width: 177px;
    height: 100px;
   /* background: rgba(255, 43, 94, 0.15);*/
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 21px;
    max-width: 100%;
}
.division_item-icon .icon {
    width: 30px;
    height: 30px;
    display: block;
}
.division_item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 5px;
    color: #000;
}
.division_item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    opacity: 0.5;
}
/*
.division_item.red .division_item-icon {
    background: rgba(255, 43, 94, 0.15);
}
.division_item.yellow .division_item-icon {
    background: rgba(255, 184, 0, 0.15);
}
.division_item.green .division_item-icon {
    background: rgba(91, 174, 40, 0.15);
}
.division_item.blue .division_item-icon {
    background: rgba(40, 95, 238, 0.15);
}
.division_item.violet .division_item-icon {
    background: rgba(137, 44, 230, 0.15);
}
.division_item.orange .division_item-icon {
    background: rgba(255, 66, 6, 0.15);
}
.division_item.skyblue .division_item-icon {
    background: rgba(30, 196, 233, 0.15);
}
*/
.division-page_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.5;
    width: 100%;
    margin-top: 11px;
    padding-left: 50px;
}
.intellect.division-page .courses_faq input {
    margin-left: 50px;
}
.division-page .favourites_items > * {
    width: calc(100%/4 - 16px);
}


.task-page_head {
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}
.task-page_head:before {
    position: absolute;
    content: "";
    background: #DFDFDF;
    width: calc(100% + 36px);
    height: 1px;
    bottom: 0;
    left: -18px;
}
.task-page_title {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.375px;
    margin-bottom: 5px;
}
.task-page_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.5;
}
.task-page_form {
    padding: 20px 18px 23px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}
.task-page_form .line {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap:12px;
}
.task-page_form .line .field {
    width: 100%;
}
.task-page_form .line .field input {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #7874A3;
    border-radius: 9px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    padding: 14px;
}

.task-page_form .line .field .task-page_textarea {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #7874A3;
    border-radius: 9px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    padding: 14px;
    height: 96px;
    resize: none;
}

.task-page_form .nice-select {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;   
}
.task-page_label {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
    margin-bottom: 10px;
    width: 100%;
    display: block;
}
.task-page_label span {
    font-weight: 400;
}
.task-page_form [type=radio] {
    display: none;
}
.task-page_form label {
    color: #4d4f60;
    line-height: 19px;
    position: relative;
    display: flex;
    min-height: 19px;
    padding-left: 19px;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.task-page_form label:before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 14px;
    height: 14px;
    content: '';
    border: 1px solid #7874A3;
    border-radius: 4px;
    background: #fff;
}
.task-page_form label:after {
    position: absolute;
    z-index: 2;
    top: 2px;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    content: '';
    transition: opacity .2s linear;
    opacity: 0;
    background: url(../images/ic_check_blue.svg) 50%/10px 8px no-repeat;
}


.task-page_form input[type=radio] + label:before {
    border-radius: 50%;
}
.task-page_form input[type=radio] + label:after {
    top: 0px;
    left: 4px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--main_color);
    opacity: 0;
}
.task-page_form input[type=radio]:checked + label:after {
    opacity: 1;
}

.task-page_form [type=checkbox] {
    display: none;
}
.task-page_form label {
    color: #7874A3;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; 
    letter-spacing: -0.3px;
    position: relative;
    display: flex;
    padding-left: 37px;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.task-page_form .field + .field {
    margin-top: 20px;
}
.task-page_date {
    padding: 15px 42px 15px 15px;
    border-radius: 9px;
        border: 1px solid #7874A3;
    opacity: 0.5;
    background: #FFF;
    color: #7874A3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;   
    display: inline-block; 
}
.task-page_form label:before {
    position: absolute;
    top: -4px;
    left: 0;
    background: #FFFFFF;
    border: 1px solid #7874A3;
    border-radius: 6px;
    content: '';
    width: 27px;
    height: 27px;
}
.task-page_form label:after {
    left: 7px;
    top: 4px;
    width: 13px;
    height: 8px;
    border-radius: 1px;
    border-left: 4px solid var(--main_color);
    border-bottom: 4px solid var(--main_color);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: none;
}
.task-page_form input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.task-page_form .line .line-box {
    margin-right: 20px;
    margin-bottom: 10px;
}
.task-page_form .nice-select {
    -webkit-tap-highlight-color: transparent;
    background: #fff;
    border: 1px solid #7874A3;
    border-radius: 9px;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 45px;
    width: 254px;
    color: #000000;
    height: 45px;
    outline: none;
    padding-left: 14px;
    padding-right: 17px;
}
.task-page_form .nice-select .list {
    top: calc(100% + 4px);
    padding: 15px 0;
}
.task-page_form .nice-select:after {
    border-bottom: 2px solid #4D4A8D;
    border-right: 2px solid #4D4A8D;
}
.task-page_form button {
    margin-left: auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    padding: 12px 20px;
    background: var(--main_color);
    border-radius: 55px;
    display: block;
    position: relative;
}
.task-page_btn {
    position: relative;
    padding-top: 19px;
}
.task-page_btn:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #DFDFDF;
    top: 0;
    left: -18px;
}



.solutions-tasks {
    display: none;
}
.solutions-tasks.active {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}
.solutions-tasks_wrap {
    padding: 20px 18px 22px;
    background: #FFFFFF;
    border-radius: 15px;
}
.solutions-tasks_top {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.solutions-tasks_top-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    margin-right: 8px;
    color: #000;
}

.solutions-tasks2 {
    display: none;
}
.solutions-tasks2.active {
    display: block;
    margin-top: 30px;
}
.solutions-tasks2 .solutions-tasks_wrap {
    padding: 20px 18px 22px;
    background: #FFFFFF;
    border-radius: 15px;
}
.solutions-tasks2 .solutions-tasks_top {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.solutions-tasks2 .solutions-tasks_top-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    margin-right: 8px;
    color: #000;
}

.solutions-tasks_top-link {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #64698F; 
    background: #E5E3F8;
    border-radius: 55px;
    padding: 6px 8px;
    text-decoration: none;
}
.solutions-tasks .education_text-loaded {
    display: flex;
}
.solutions-tasks_top-title {
    display: flex;
    align-items: center;
}
.solutions-tasks_top-title a {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #64698F;
    padding: 6px 8px;
    background: #E5E3F8;
    border-radius: 55px;
    margin-left: 8px;
    display: block;
    text-decoration: none;
}
.solutions-tasks_top-delete {
    margin-left: auto;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #DC2631;
    background: rgba(220, 38, 49, 0.2);
    border-radius: 55px;
    text-decoration: none;
    display: block;
    padding: 6px 8px;
}
.solutions-tasks_wrap + .solutions-tasks_wrap {
    margin-top: 16px;
}

.solutions-tasks_modal {
    padding: 20px 18px 26px;
    background: #FFFFFF;
    border-radius: 15px;
    max-width: 966px;
    width: 100%;
    display: none;
}
.solutions-tasks_modal-title {
    position: relative;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #353352;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.solutions-tasks_modal-title::before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    bottom: 0;
    left: -18px;
    background: #D0D0D0;
}
.solutions-tasks_modal ul {
    list-style: none;
}
.solutions-tasks_modal ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #4B4978;
    margin-bottom: 16px;
}
.solutions-tasks_modal ul li:last-child {
    margin-bottom: 0;
}
.solutions-tasks_modal ul li span {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
    width: 100%;
    display: block;
}




.solutions-tasks_btns .modal_content,
.solutions-tasks_top-copy {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #64698F;
    padding: 6px 8px;
    background: #E5E3F8;
    border-radius: 55px;
    margin-left: 8px;
    display: block;
    text-decoration: none;
}
.solutions-tasks3 .solutions-tasks_top {
    flex-direction: column;
    align-items: flex-start;
}
.solutions-tasks3 .solutions-tasks_top-head-info .photo {
    width: 42px;
    height: 42px;
}
.solutions-tasks3 .solutions-tasks_top-head-info .photo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.solutions-tasks3 .solutions-tasks_top-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}
.solutions-tasks3 .solutions-tasks_top-head-info {
    display: flex;
}
.solutions-tasks3 .solutions-tasks_btns {
    display: flex;
}
.solutions-tasks3 .solutions-tasks_top-head-desc {
    margin-left: 12px;
}
.solutions-tasks3 .solutions-tasks_top-delete {
    margin-left: 8px;
}
.solutions-tasks3 .solutions-tasks_top {
    position: relative;
    padding-bottom: 20px;
}
.solutions-tasks3 .solutions-tasks_top:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    left: -18px;
    bottom: 0;
    background: #d0d0d0;
}
.solutions-tasks3 .solutions-tasks_top:last-child:before {
    display: none;
}
.solutions-tasks3 .solutions-tasks_top:last-child {
    padding-bottom: 0;
}

.correct_solution{
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #64698F;
    padding: 6px 8px;
    background: #E5E3F8;
    border-radius: 55px;
    margin-left: 8px;
    display: block;
    text-decoration: none;
}



.solutions_modal {
    padding: 57px 33px 38px;
    background: #FFFFFF;
    border-radius: 15px;
    max-width: 360px;
    width: 100%;
    display: none;
}
.solutions_modal-icon {
    background: #B4DDB3;
    width: 87px;
    height: 87px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    margin: 0 auto 19px;
    position: relative;
}
.solutions_modal-icon .icon {
    width: 44px;
    height: 32px;
    z-index: 5;
}
.solutions_modal-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    margin-bottom: 17px;
}
.solutions_modal-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #514F78;
    opacity: 0.8;
    margin-bottom: 21px; 
}
.solutions_modal-link {
    background: var(--main_color);
    border-radius: 55px;
    padding: 12px 20px;
    text-decoration: none;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    max-width: 170px;
    margin: 0 auto;
}

.log {
    margin-top: 40px;
}
.log_items {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
}
.log_item {
    padding: 11px 12px 9px;
    background: #F3F3FF;
    border-radius: 6px;     
    margin-top: 8px;
    display: flex;
}
.log_item + .log_item {
    margin-top: 8px;
}
.log_item-icon {
    margin-right: 11px;
}
.log_item-icon .icon {
    width: 14px;
    height: 14px;
}
.log_item-title {
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    color: #000000;  
    margin-bottom: 2px;
}
.log_item-title a {
    color: #0F7DFF;
    text-decoration: none;
}
.log_item-date {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #423E89;
    opacity: 0.5;
}
.log_item.hide {
    display: none;
}
.log_items .link-more {
    margin-top: 18px;
    display: block;
}
.log_link-more a {
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #178EFF;
    border-bottom: 1px dashed #178EFF;
    display: inline-block;
    margin: 12px 0;
    width: auto;
}


.setting-mode {
    margin-top: 30px;
    padding: 20px 18px 27px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;  
}
.setting-mode_head {
    padding-bottom: 20px;
    position: relative;
}
.setting-mode_head:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    bottom: 0;
    left: -18px;
    background: #DFDFDF;
}
.setting-mode_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 19px;
    letter-spacing: -0.375px;
    margin-bottom: 5px;
}
.setting-mode_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.5; 
}
.setting-notes {
    margin-top: 20px;
    position: relative;
    padding-bottom: 20px;
}
.setting-notes :before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    bottom: 0;
    left: -18px;
    background: #DFDFDF;   
}
.setting-notes ul {
    list-style: none;
}
.setting-notes ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #3D3D3D; 
    margin-bottom: 17px;   
}
.setting-notes ul li:last-child {
    margin-bottom: 0;
}
.setting-notes ul li button {
    margin-left: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #0583DF;  
    border-bottom: 1px dashed #0583DF; 
}
.setting-notes_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.375px; 
    margin-bottom: 17px;
}
.additional-actions {
    margin-top: 20px;
}
.additional-actions_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.375px; 
    margin-bottom: 17px;
    padding-top: 20px;
}
.additional-actions_btns {
    display: flex;
    align-items: center;
}
.additional-actions_btns button {
    margin-right: 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #64698F;
    padding: 12px;  
    background: #ECEBFF;
    border-radius: 7px;
}

.history-training {
    margin-top: 30px;
}
.history-training_head {
    margin-bottom: 24px;
}
.history-training_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    margin-bottom: 4px;
}
.history-training_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.5; 
}
.history-training_box {
    padding: 13px 16px 16px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}
.history-training_box + .history-training_box {
    margin-top: 16px;
}
.history-training_box-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -1px;
    margin-bottom: 14px;
}
.history-training_step {
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    color: #000000;
    position: relative;
}
.history-training_step:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    left: -19px;
    top: 1px;
    border-radius: 50%;
    background: #38AC10;
}
.history-training_step.yellow:before{
    background: #E8AF19;
}
.history-training_step.red:before{
    background: #D62222;
}
.history-training_success {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #38AC10;
}
.history-training_success.green {
    color: #38AC10;
}
.history-training_success.yellow {
    color: #E8AF19;
}
.history-training_success.red {
    color: #D62222;
}
.history-training_box ul {
    list-style: none;
    display: flex;
    flex-direction: column;
}
.history-training_box ul li {
    padding: 11px 12px 9px 35px;  
    background: #F3F3FF;
    border-radius: 6px;  
    display: flex;
    gap:20px;
    justify-content: space-between;
    align-items: center;
}

.history-training_box ul li button{
    padding: 8px 21px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    text-decoration: none;
    text-align: center;
}
.history-training_box ul li + li {
    margin-top: 8px;
}

.solutions-tasks_modal-form .line {
    margin-bottom: 17px;
}
.solutions-tasks_modal-form .line .field {
    display: flex;
    flex-direction: column;
}
.solutions-tasks_modal-form .line .field label {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;   
    margin-bottom: 10px;
    width: 100%;
}
.solutions-tasks_modal-form .line .field textarea {
    background: #FFFFFF;
    border: 1px solid #7874A3;
    border-radius: 9px;
    resize: none;   
    padding: 14px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    height: 300px;
}
.solutions-tasks_modal-form button {
    background: var(--main_color);
    border-radius: 55px;
    padding: 12px 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    display: block;
    margin-left: auto;
}



.catalog .page_text {
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #273179;
    opacity: 0.5;
}
.catalog_box {
    margin-top: 22px;
}
.catalog_box_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    margin-bottom: 23px;
}
.catalog_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -21px;
    margin-bottom: -21px;
}
.catalog_items > * {
    margin-left: 21px;
    margin-bottom: 21px;
    width: calc(100%/3 - 21px);
    padding: 10px 10px 19px 10px;
    background: #FFFFFF;
    border-radius: 15px; 
    text-decoration: none;
    display: flex;
    flex-direction: column;
}
.catalog_item-top {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.catalog_item-img {
    width: 83px;
    height: 83px;
    flex-shrink: 0;
    align-self: baseline;
}
.catalog_item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.catalog_item-info {
    margin-left: 18px;
}
.catalog_item-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: -0.3px;
    color: #020027;
    margin-bottom: 14px;
}
.catalog_item-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #9B99B7;
}
.catalog_item-bottom {
    padding-top: 15px;
    position: relative;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #030303;
    margin-top: auto;
}
.catalog_item-bottom::before {
    position: absolute;
    content: "";
    width: calc(100% + 20px);
    height: 1px;
    top: 0;
    left: -10px;
    background: #DFDFDF;
}


.catalog_page {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 22px 22px 22px;
}
.catalog_page-top {
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 22px;
}
.catalog_page-top-img {
    width: 134px;
    height: 134px;
    flex-shrink: 0;
}
.catalog_page-top-img img {
    width: 100%;
    height: 100%;
    border-radius: 7px;
    object-fit: cover;
}
.catalog_page-top-info {
    margin-left: 24px;
}
.catalog_page-top-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 14px;
}
.catalog_page-top-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #575766;
    margin-bottom: 14px;
}
.catalog_page-top-price {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #030303;
}

.catalog_page-box {
    padding-top: 20px;
    position: relative;
    margin-bottom: 22px;
}
.catalog_page-box-head {
    display: flex;
    align-items: center;
    margin-bottom: 18px;    
}
.catalog_page-box::before {
    position: absolute;
    content: "";
    width: calc(100% + 44px);
    height: 1px;
    top: 0;
    left: -22px;
    background: #DFDFDF;
}
.catalog_page-box-head-icon {
    background: rgba(11, 0, 216, 0.15);
    border-radius: 7px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalog_page-box-head-icon .icon {
    width: 28px;
    height: 28px;
}
.catalog_page-box-info {
    margin-left: 12px;    
}
.catalog_page-box-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
}
.catalog_page-box-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #575766;
}

.catalog_page-box-images {
    display: flex;
}
.catalog_page-box-images img {
    border-radius: 16px;
    width: 120px;
    height: 120px;
    margin-right: 24px;
}
.catalog_page-box-images a {
    position: relative;
    display: block;
}
.catalog_page-box-images a img {
    width: 196px;
    height: 120px;
    position: relative;
    margin-right: 0;
    display: block;
}
.catalog_page-box-images a button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.catalog_page-box-images button .icon {
    width: 44px;
    height: 44px;
    z-index: 2;
}


.catalog_page-box-gallery {
    display: flex;
    margin-left: -26px;
    flex-wrap: wrap;
}
.catalog_page-box-gallery > * {
    margin-left: 26px;
    width: calc(100%/3 - 26px);
    max-width: 400px;
    margin-bottom: 26px;
}
.catalog_page-box-gallery a {
    text-decoration: none;
}
.catalog_page-box-gallery a img {
    display: block;
    border-radius: 11px;
    width: 100%;
        height: 350px;
    object-fit: cover;
}
.catalog_page-box-gallery-title {
    margin-top: 19px;
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
}


.equipment_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -26px;
}
.equipment_items > * {
    width: calc(100%/3 - 26px);
    margin-left: 26px;
    display: flex;
    align-items: center;
}
.equipment_item + .equipment_item {
    margin-top: 20px;
}
.equipment_item-img {
    width: 81px;
    height: 81px;
    flex-shrink: 0;
}
.equipment_item-img img {
    border-radius: 11px;
    width: 100%;
    height: 100%;
}
.equipment_item-info {
    margin-left: 16px;
}
.equipment_item-info-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #575766;
    margin-bottom: 10px; 
}
.equipment_item-info-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #575766;
}


.instrument_item + .instrument_item {
    margin-top: 18px;
} 
.instrument_item-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #575766;  
    margin-bottom: 10px;
}
.instrument_item-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #575766;
}
.instrument_item-images {
    margin-top: 15px;
    display: flex;
}
.instrument_item-images img {
    margin-right: 12px;
    border-radius: 11px;
    width: 65px;
    height: 65px;
}

.catalog_page-block_text p {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #575766; 
    margin-bottom: 20px;   
}
.catalog_page-block_text p:last-child {
    margin-bottom: 0;
}
.catalog_page-block_text p.mt20 {
    margin-top: 20px;
}
.catalog_page-block_text p span.green {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    background: #79C54B;
    border-radius: 29px;
    padding: 3px 10px;
}
.catalog_page-block_text p span.yellow {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    background: #FF9900;
    border-radius: 29px;
    padding: 3px 10px;
}
.catalog_page-block_text ul {
    margin-left: 15px;
    margin-bottom: 20px;
}
.catalog_page-block_text ul {
    margin-left: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #575766;
}



.auth_wrap {
    display: flex;
    position: relative;
}
.auth-new {
    flex-direction: column;
}
.auth .data {
    padding: 35px;
    margin-top: 100px;
}

.auth_logo-desc {
    position: absolute;
    left: 47px;
    top: 45px;
}

.auth_logo-desc img{
    max-height: 50px;
}
.auth-new .contacts {
    width: 100%;
    border-left: none;
    flex-direction: column;
    position: absolute;
    bottom: 0;
}
.auth-new .contacts .info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.auth_img {
    max-width: 100%;
    position: relative;
    margin: 35px;
}
.auth_img:before{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    border-radius: 20px;
    z-index: 2;
}

.auth-new .auth_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    display: block;
    top: 0;
    z-index: 1;
}
.auth-new .contacts .info .item:first-child {
    margin-right: 50px;
}
.auth-new .contacts .item {
    margin-top: 25px;
}



.comments_wrap{
    margin-top: 28px;
    margin-bottom: 30px;
}

.comments_wrap .comments{
    margin-top: 24px;
}

.auth-new .contacts .info .col_items{
    display: flex;
}

.step-simulator-archive{
    margin-top: 30px;
}

.step-simulator-archive .step-simulator_item:after, .step-simulator_item_archive:after{   
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    top: 0;
    left: 0;
    border-radius: 15px;
    z-index: 1    
}


.step-simulator-archive .step-simulator_item:before, .step-simulator_item_archive:before{
    content: "В архиве";
    background: #FF5F1B;
    border-radius: 6px;
    position: absolute;
    z-index: 2;
    padding: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    right: 22px;
    top: 22px;
}



@property --p {
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
}

.pie {
    --p: 30;
    --b: 5px;
    --c: var(--main_color);
    --w: 42px;
    width: var(--w);
    aspect-ratio: 1;
    position: relative;
    display: inline-grid;
    place-content: center;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 10px;
    color:var(--c);
}

.pie:before, .pie:after {
    content: "";
    position: absolute;
    border-radius: 50%;
}

.pie:before {
    inset: 0;
    background: radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
    mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}

.pie:after {
    inset: calc(50% - var(--b)/2);
    background: var(--c);
    transform: rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}

.animate {
    animation: p 1s .5s both;
}

.no-round:before {
    background-size: 0 0,auto;
}

.no-round:after {
    content: none;
}

@keyframes p {
    from {
        --p: 0
    }
}


.steps_stage .pie {
    width: 22px;
    height: 22px;
    margin-right: 8px;
}
.steps_stage .pie:after {
    display: none;
}
.steps_stage .pie:before {
    inset: 0;
    background: radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%),#D0D0D0 0);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
    mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}

.course_info .progress{
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 7px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    display: inline-flex;
    align-items: center;
    margin-top: 20px;
    padding: 8px;
    min-width: 130px;
    justify-content: space-between;
}

.progress_text{
    margin-right: 10px;
}

.course_info .progress + .progress{
    margin-left: 10px;
}

.division_item-icon img{
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
    width: 100%;
}

.list_hash{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -10px;
	margin-top: 20px;

}

.list_hash * {
    margin-bottom: 10px;
    margin-right: 10px;
    background: var(--color_light);
    padding: 7px 15px;
    border-radius: 20px;
    text-decoration: none;
    color: #646388;
	font-size: 11px;
}

.education_description_sep{
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 1px;
}

.education_description_sep:after{
    position: absolute;
    content: "";
    width: calc(100% + 24px);
    height: 1px;
    background: #CDCDCD;
    left: -12px;
    top: 0;
}

.education_description-title_mt20{
    margin-top: 20px;
    margin-bottom: 0;
}

.education_related{
    display: flex;
    gap: 12px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.education_related_item{
    width: calc(100%/3 - 8px);
    align-items: center;
    display: inline-flex;
    border-radius: 10px;
    background: #F3F2FC;
    padding: 10px;
    text-decoration: none;
}

.education_related_img{
    object-fit: cover;
    width: 87px;
    flex-shrink: 0;
    margin-right: 12px;
}

.education_related_img img{
    object-fit: contain;
    max-width: 100%;
    border-radius: 5px;
    display: block;
}

.education_related_title{
    color: #020027;
    font-size: 14px;
    font-weight: 700;

}
.step-simulator_comment_new{
    margin-right: 10px;
}

.step-simulator_comment_new svg{
    width: 20px;
    height: 20px;
    color: var(--main_color);
}

.add_faq{
    border-radius: 55px;
    background: var(--main_color);
    font-size: 14px;
    color: #FFF;
    font-weight: 500;
    text-decoration: none;
    width: 146px;
    height: 33px;
    display: block;
    text-align: center;
    line-height: 33px;
    flex-shrink: 0;
}

.accordion_item .data .text_block_edit{
    padding: 15px 30px;
    display: none;
}

.text_block_edit .label{
    color: #7874A3;
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px; /* 135.714% */
    letter-spacing: -0.3px;
    margin-bottom: 10px;
}

.text_block_edit .field{
    margin-bottom: 16px;
}

.text_block_edit input{
    border-radius: 9px;
    border: 1px solid #7874A3;
    background: #FFF;
    color: #2A2B35;
    font-size: 12px;
    height: 45px;
    width: 100%;
    padding: 14px;
}

.text_block_edit textarea{
    border-radius: 9px;
    border: 1px solid #7874A3;
    background: #FFF;
    color: #2A2B35;
    font-family: Ubuntu;
    font-size: 12px;
    line-height: 19px;
    padding: 14px;
    width: 100%;
    height: 100px;
}


.task-page_new_btn {
    position: relative;
    padding-top: 19px;
}
.task-page_new_btn:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #DFDFDF;
    top: 0;
    left: -18px;
}


.likes{
    display: inline-flex;
    margin: 0 10px;
    margin-top: 10px;
    color: #7874A3;
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

.likes .like{
    margin-right: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;

}
.likes .like svg{
    width: 20px;
    height: 20px;
}


.likes .like.active{
    color: var(--main_color);
}

.likes .like.active svg{
    fill: var(--main_color);
}

.likes .dislike{
    cursor: pointer;
    display: flex;
    align-items: center;
}

.likes .dislike svg{
    width: 20px;
    height: 20px;
}

.likes .dislike.active{
    color: var(--main_color);
}

.likes .dislike.active svg{
    fill: var(--main_color);
}

.edit_faq{
    cursor: pointer;
    display: flex;
}

.edit_faq svg{
    width: 19px;
    height: 19px;
    margin-right: 5px;
}

.edit_faq span{
    border-bottom: 1px dashed var(--main_color);
}



/* ideas */
.ideas-top {
    padding: 19px;
    border-radius: 15px;
    background: #FFF;
    margin-top: 24px;
}
.ideas-top_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ideas-top_left {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.ideas-top_icon {
    margin-right: 20px;
    width: 65px;
    height: 65px;
    /* background: rgba(11, 0, 216, 0.2); */
    background: var(--color_light);
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ideas-top_icon .icon {
    width: 47px;
    height: 47px;
}
.ideas-top_title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 4px;
}
.ideas-top_text {
    color: #515784;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.ideas-top_btn {
    padding: 8px 18px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    text-decoration: none;
    white-space: nowrap;
}



.ideas-counter {
    margin-top: 30px;
}
.ideas-counter_items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -25px;
}
.ideas-counter_items > * {
    width: calc(100%/5 - 25px);
    margin-left: 25px;
    display: flex;
    border-radius: 15px;
    background: #FFF;
    padding: 16px;
    margin-bottom: 15px;
}
.ideas-counter_item-icon {
    width: 35px;
    height: 35px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 16px;
}
.ideas-counter_item:nth-child(1) .ideas-counter_item-icon {
    background: #179AE4;
}
.ideas-counter_item:nth-child(2) .ideas-counter_item-icon {
    background: #25C9BF;
}
.ideas-counter_item:nth-child(3) .ideas-counter_item-icon {
    background: #FFB800;
}
.ideas-counter_item:nth-child(4) .ideas-counter_item-icon {
    background: #1AC317;
}

.ideas-counter_item:nth-child(5) .ideas-counter_item-icon{
	background: #EA2626;
}
.ideas-counter_item-icon .icon {
    width: 23px;
    height: 23px;
}
.ideas-counter_item-title {
    color: #7874A3;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3; 
    letter-spacing: -0.3px;
}
.ideas-counter_item-text {
    color: #292B4B;
    font-family: "Inter";
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.3px;
}


.myideas {
    margin-top: 30px;
}
.myideas .block_top-info {
    margin-right: 20px;
}
.myideas_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 19px;
}
.myideas_top .block_title {
    margin-bottom: 6px;
    font-size: 24px;
}
.myideas_item + .myideas_item {
    margin-top: 15px;
}
.myideas_item {
    padding: 16px 16px 20px 23px;
    border-radius: 15px;
    background: #FFF; 
    display: flex;
    justify-content: space-between;  
    text-decoration: none;
}
.myideas_item-text {
    color: #7874A3;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px; 
    letter-spacing: -0.3px;
    margin-bottom: 6px;
}
.myideas_item-title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
    color: #2c2c2c;
}
.myideas_item-link {
    color: #0583DF;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-decoration: dashed;
    display: inline-block;
    border-bottom: 1px dashed #0583DF;
}
.myideas_item-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    margin-left: 20px;
}
.myideas_item-label {
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 6px;
    border-radius: 6px;    
}
.myideas_item-label.yellow {
    background: #FFC221;
}
.myideas_item-label.red {
    background: #DA3636;
}
.myideas_item-label.green {
    background: #36BD43;
}
.myideas_item-label.blue {
    background: #212aff;
}
.myideas_items.empt .myideas_item-icon {
    width: 65px;
    height: 65px;
    border-radius: 16px;
    background: rgba(255, 143, 40, 0.20);
    margin-right: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.myideas_items.empt .myideas_item-icon .icon {
    width: 43px;
    height: 43px;
}
.myideas_item-date {
    color: #7874A3;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px; 
    letter-spacing: -0.3px;
    text-align: end;
}
.myideas_items.empt {
    margin-top: 15px;
}
.myideas_items.empt .myideas_item-left {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.myideas_items.empt .myideas_item-title {
    font-size: 20px;
}
.myideas_items.empt .myideas_item {
    align-items: center;
}



.ideas-catalog {
    margin-top: 27px;
}
.ideas-catalog_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-bottom: -50px;
    margin-top: 50px;
}
.ideas-catalog_items > * {
    background: #FFFFFF;
    border-radius: 0 25px 25px 25px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.07);
    position: relative;
    top: 0;
    transition: .3s;
    width: calc(100%/4 - 20px);
    margin-left: 20px;
    margin-bottom: 50px;
    padding: 30px 30px 30px 17px;
}

.ideas-catalog_item {
    position: relative;    
    text-decoration: none;
}
.ideas-catalog_item:hover {
    top: -10px;
}

.ideas-catalog_item::before {
    position: absolute;
    content: "";
    background: url(../images/training-course_label.png);
    top: -27px;
    left: 0;
    width: 326px;
    height: 27px;
    z-index: -1;
}
.ideas-catalog_item-label {
    margin-top: -45px;
    margin-bottom: 23px;
    padding: 3px 9px;
    border-radius: 29px;
    background: #EAE8FF;
    color: #6B60CB;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500; 
    display: block;
    width: 70px;
}
.ideas-catalog_item-title {
    color: #353352;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px; 
    letter-spacing: -0.3px;
    margin-bottom: 5px;
}
.ideas-catalog_item-text {
    color: var(--description-color, #0A00C5);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #818093;
}
.ideas-catalog_item-label.red {
    color: #F41F38;
    background: rgba(244, 31, 56, 0.34);
}



/* idea */

.current-issues {
    padding: 20px 18px 24px;
    border-radius: 15px;
    background: #FFF;
    margin-top: 30px;
}
.current-issues_top {
    /*padding-bottom: 20px;*/
    position: relative;
}
.current-issues_items:before {

    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    left: -18px;
    top: 0;
    background: #DFDFDF;
}
.current-issues_title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #353352;
    margin-bottom: 8px;
}
.current-issues_text {
    color: #515784;
    font-size: 14px;
    font-weight: 400;
}
.current-issues_items {
    margin-top: 8px;
    position: relative;
    padding-top: 15px;
}
.current-issues_item {
    padding: 7px 9px;
    background: var(--main_color);
    border-radius: 23px;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-right: 10px;
}
.current-issues_item + .current-issues_item {
    margin-top: 10px;
}

.tabs_container_ideas{
    background: transparent;
    padding: 0;
    margin: 0;
}
.idea-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.idea-head_left {
    padding: 4px;
    border-radius: 39px;
    background: #E8E6F4;
    margin: 0 !important;
}
.tabs_container .idea-head_left button {
    text-decoration: none;
    color: #7D85C5;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px;
    border-radius: 55px;
    transition: all .4s;
    display: inline-block;
    line-height: normal;
    opacity: 1;
    margin-right: 0;
    letter-spacing: inherit;
}
.tabs_container .idea-head_left button:hover {
    background: var(--main_color);
    color: #fff;
}
.tabs_container .idea-head_left button.active {
    background: var(--main_color);
    color: #fff;
}
.idea-head .nice-select {
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    color: #484848;
    height: 41px;
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 61px 7px 13px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
}
.idea-head .nice-select:after {
    border-bottom: 2px solid #0500AF;
    border-right: 2px solid #0500AF;
    margin-top: -6px;
}
.idea-head .nice-select .option {
    padding-left: 5px;
    padding-right: 5px;
}
.idea-head .nice-select .list {
    padding: 10px;
    top: calc(100% + 5px);
    left: 0;
    border-radius: 8px;
    z-index: 10;
}
.idea-head .select-right {
    display: flex;
    align-items: center;
    margin-left: 22px;
}
.idea-head .select-right span {
    margin-right: 14px;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #637191;
}
.tabs_container .idea-block{
    display: none
}

.idea-block {
    margin-top: 30px;
}
.idea-block.active{
    display: block;
}
.idea-block_item {
    padding: 16px 16px 19px 24px;
    border-radius: 15px;
    background: #FFF;
}
.idea-block_item + .idea-block_item {
    margin-top: 15px;
}
.idea-block_item-top {
    margin-bottom: 11px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.idea-block_item-title {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-top: 5px;
}
.idea-block_item-label {
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    border-radius: 6px;
    background: #FFC221;
    padding: 0px 6px;
    display: inline-block;
    line-height: 28px;
    margin-left: 9px;
    white-space: nowrap;
}
.idea-block_item-label.yellow {
    background: #FFC221;
}
.idea-block_item-label.red {
    background: #DA3636;
}
.idea-block_item-label.green {
    background: #36BD43;
}
.idea-block_item-label.blue {
    background: #212aff;
}
.idea-block_item-text {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.idea-block_item-bottom {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 19px;
}
.idea-block_item-link {
    color: #0583DF;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-decoration: dashed;
    display: inline-block;
    border-bottom: 1px dashed #0583DF;
}
.idea-block_item-date {
    color: #7874A3;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: -0.3px;
    text-align: end;
}
.idea-block_item-author {
    display: flex;
    align-items: center;
    padding-top: 15px;
    position: relative;
}
.idea-block_item-author:before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    left: -24px;
    top: 0;
    background: #DFDFDF;
}
.idea-block_item-avatar {
    width: 40px;
    height: 40px;    
}
.idea-block_item-avatar img {
    width: 100%;
    height: 100%;   
    object-fit: cover; 
    border-radius: 50%;
}
.idea-block_item-author-info {
    margin-left: 10px;
}
.idea-block_item-author-name {
    color: #353352;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 3px;
}
.idea-block_item-post {
    color: #7874A3;
    font-size: 12px;
    font-weight: 500;
}
.idea-block_item-status {
    color: #7874A3;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.idea-page .idea-block_item-text {
    display: block;
}
.idea-page .idea-block_item-text p + p {
    margin-top: 15px;
}
.idea-block_total {
    display: flex;
}
.idea-block_total .total_file {
    margin-right: 25px;
}
.idea-block_total .total_file_desc .links a {
    color: #51A6F5;
}
.idea-block_total-title {
    color: #353352;
    margin-bottom: 12px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1px;
}
.idea-page_comment-head {
    display: flex;
    margin-top: 30px;
}
.idea-page_comment-icon {
    width: 45px;
    height: 45px;   
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.03);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
}
.idea-page_comment-icon .icon {
    width: 31px;
    height: 31px;
}
.idea-page_comment-head .block_title {
    margin-bottom: 4px;
}
.idea-page .comments {
    margin-top: 24px;
}

.commission-decision {
    border-radius: 15px;
    background: #FFF;
    padding: 19px;
    margin-top: 30px;
    display: flex;
}
.commission-decision_top-icon {
    width: 65px;
    height: 65px;
    flex-shrink: 0;
    margin-right: 18px;
}
.commission-decision_top-icon .icon {
    width: 100%;
    height: 100%;
}
.commission-decision_top-head a {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 3px 7px;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    margin-right: 10px;
}
.commission-decision_top-head a.green {
    background: #36BD43;
}
.commission-decision_top-head a.red {
    background: #DA3636;
}
.commission-decision_top-head {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.commission-decision_top-title {
    color: #353352;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-right: 8px;
}
.commission-decision_top-date {
    color: #7C81A1;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
}
.commission-decision_text {
    color: #7C81A1;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 13px;
}
.commission-decision_bottom {
    color: #7C81A1;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}
.commission-decision_bottom span {
    color: #27AC3C;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    border-radius: 43px;
    background: rgba(39, 172, 60, 0.20);
    padding: 3px 9px;
    white-space: nowrap;
}

.commission-decision_items {
    display: flex;
    margin-top: 8px;
}
.commission-decision_item {
    display: flex;
    align-items: center;
    margin-right: 12px;
    color: #515784;
    font-size: 14px;
    font-weight: 500;
}
.commission-decision_item-icon {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}
.commission-decision_item-icon .icon {
    width: 100%;
    height: 100%;
}


.idea_form {
    padding: 20px 18px 33px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    margin-top: 30px;
}
.idea_form .box__dragndrop, 
.idea_form .box__icon {
    display: block;
}
.idea_form .box__file {
    display: none;
}
.idea_form .block_upload {
    border-radius: 9px;
    border: 2px dashed #BBB9D1;
    background: #FFF;
    text-align: center;
    padding: 23px 38px 38px;
    color: #7874A3;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px; 
    letter-spacing: -0.3px;
}
.idea_form .box__input {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.idea_form .block_upload label {
    display: flex;
}
.idea_form .line.w50 {
    display: flex;
    margin-left: -10px;
}
.idea_form .line {
    margin-top: 16px;
}
.idea_form .line.w50 > * {
    width: calc(100%/2 - 10px);
    margin-left: 10px;
}
.idea_form .nice-select:after {
    border-bottom: 2px solid var(--main_color);
    border-right: 2px solid var(--main_color);    
}
.idea_form .nice-select .current {
   padding-left: 13px;
}
.idea_form .nice-select {
    color: #343153;
    font-family: "Ubuntu";
    font-size: 12px;
    font-weight: 500;
    height: 44px;
    line-height: 44px;
}
.idea_form-text {
    margin-top: 16px;
    color: #7874A3;
    font-size: 14px;
    font-weight: 400;
}
.idea_form .line input {
    border-radius: 9px;
    border: 1px solid #7874A3;
    background: #FFF;
    width: 100%;
    height: 45px;
    padding: 15px 14px;
    color: #7874A3;
    font-family: "Ubuntu";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.idea_form .line textarea {
    border-radius: 9px;
    border: 1px solid #7874A3;
    background: #FFF;
    width: 100%;
    height: 139px;
    padding: 15px 14px;
    color: #7874A3;
    font-family: "Ubuntu";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    resize: none;
}
.idea_form .idea-block_total {
    margin-top: 22px;
}
.idea_form .total_file_desc .links a.red {
    color: #D93737;
}
.idea_form input[type=checkbox] {
    display: none;
}
.idea_form input[type=checkbox] + label {
    color: #7874A3;
    font-family: "Ubuntu";
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.3px;
    line-height: 20px;
    position: relative;
    display: flex;
    min-height: 16px;
    padding-left: 28px;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.idea_form input[type=checkbox] + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    transition: .2s linear;
    border: 1px solid #7874A3;
    border-radius: 4px;
}
.idea_form input[type=checkbox] + label:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    transition: opacity .2s linear;
    opacity: 0;
    background: url(../images/ic_check_blue.svg) 50% no-repeat;
}
.idea_form input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.idea_check-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    padding-top: 17px;
}
.idea_check-bottom:before {
    position: absolute;
    content: "";
    background: #DFDFDF;
    width: calc(100% + 36px);
    height: 1px;
    top: 0;
    left: -18px;
}
.idea_check-bottom button {
    margin-left: 19px;
    color: #FFF;
    text-align: center;
    font-family: "Ubuntu";
    font-size: 14px;
    line-height: 34px;
    font-weight: 500;
    padding: 0px 20px;
    border-radius: 55px;
    background: var(--main_color);
}
.idea .new_load_content {
    background: #FFFFFF;
    border-radius: 15px;
    text-align: start;
    padding: 19px;
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.idea .new_load_img {
    background: #E7E6FC;
    border-radius: 16px;
    display: inline-block;
    padding: 0px;
    width: 65px;
    height: 65px;
    margin-bottom: 0px;
    margin-right: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.idea .new_load_img svg {
    width: 39px;
    height: 39px;
}
.new_load-title {
    color: #353352;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 8px;
}
.new_load-text {
    color: #515784;
    font-size: 14px;
    font-weight: 400;
}


.suggestion_head {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
}
.suggestion_icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #74AA9C;
    flex-shrink: 0;
    margin-right: 19px;
}
.suggestion_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 5px;
}
.suggestion_head-title {
    color: #353352;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 8px;
}
.suggestion_head-text {
    color: #515784;
    font-size: 14px;
    font-weight: 500;
}
.suggestion_description {
    position: relative;
    padding-bottom: 23px;
}
.suggestion_description:before {
    /*position: absolute;
    content: "";
    background: #DFDFDF;
    width: calc(100% + 36px);
    height: 1px;
    bottom: 0;
    left: -18px;*/
}
.suggestion_description-item {
    color: #515784;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.suggestion_description-item + .suggestion_description-item {
    margin-top: 20px;
}
.suggestion_description-item ul {
    list-style: none;
}

.idea-page_desc {
    border-radius: 10px;
    background: #57BA3E;
    padding: 9px;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px; 
    letter-spacing: -0.3px;
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.idea-page_desc .icon {
    width: 27px;
    height: 27px;
    margin-right: 11px;
}

.idea-block_link {
    padding: 12px 20px;
    border-radius: 55px;
    background: #E8E7F1;  
    color: #7874A3;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 35px;
    margin-top: 15px;
    display: inline-block;
}
.idea-block_link-no {
    padding: 12px 20px;
    border-radius: 55px;
    opacity: 0.4;
    background: #E8E7F1;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 35px;
    margin-top: 15px;
    display: inline-block;   
    color: #7874A3;
}
.edit_idea_buttons{
    display: flex;
}

.edit_idea_buttons * + * {
    margin-left: 10px;
}

.flex.py-5.justify-center{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.comment_files{
    width: 100%;
    margin-top: 10px;
}

 .comments .comment  .comment_files .name{
    font-size: 14px;
}

.steps_data_js{
    display: none;
}

.comments_data_js{
    display: none;
}


.warning_training{
    padding: 20px 24px 0;
    border-bottom: 1px solid #C6C6C6;
    padding-bottom: 20px;
    border-top: 1px solid #C6C6C6;
    margin-top: 20px;
}

.warning_training + .warning_training{
    border-top:0px;
    margin-top:0;
}

.warning_training_title, .setting-notes_title{
    display: flex;
    font-size: 18px;
    font-weight: 700;
    align-items: center;
    margin-bottom: 10px;
}

.warning_training_title .icon, .setting-notes_title .icon{
    width: 34px;
    height: 34px;
    margin-right: 10px;
     color: var(--main_color);
}

.steps_stage_title{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    align-items: center;
    display: flex;
}

.steps_stage_title .icon{
    width: 34px;
    height: 34px;
    margin-right: 10px;
    color: var(--main_color);
}

.step_stage{
    border-radius: 6px;
    background: #F3F3FF;
    display: flex;
    align-items: center;
    padding: 20px;
    flex-wrap: wrap;
}

.step_stage + .step_stage{
    margin-top: 15px;
}

.step_stage .icon{
    width: 30px;
    height: 30px;
    margin-right: 10px;
    flex-shrink:0;
}

.step_stage_body{
    font-size: 15px;
    font-weight: 700;
    max-width: calc(100% - 65px);
    position: relative;
}

.step_stage_time{
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;  
}

.full_screen{
    position: absolute;
    top:20px;
    right: 20px;
    border-radius: 9px;
    background: #DEDCF2;
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25);
    padding: 8px;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding-right: 20px;
    cursor: pointer;
}


.full_screen .icon{
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.info_sim_modal{
    padding:0;
    background: none;
}

.info_sim_modal .image_info_sim{
    margin-top: 0;
}

.image_info_sim img{
    display: block;
}

.step_stage_time:empty{
    display: none;
}

.setting-mode .warning_training{
    padding:0;
    margin:0;
    border:none;
    margin-top: 20px;
    position: relative;
    padding-bottom: 20px;
}

.setting-mode .warning_training:after{
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    bottom: 0;
    left: -18px;
    background: #DFDFDF;
}

.warning_training .additional-actions_btns{
    margin-left: 20px;
}

.warning_training_list ul{
    list-style: none;
}

.warning_training_list ul li{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #3D3D3D;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.warning_training_list ul li button {
    border-radius: 48px;
    border: 1px solid #CFCDEE;
    background: #F6F5FF;
    color: #64698F;
    font-family: "Ubuntu";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 7px 12px;
    margin-left: 8px;
}

.warning_training_list ul li + li{
    margin-top: 17px;
}

.warning_training_list ul li .icon{
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    margin-right: 5px;
}

.info_sim_modal{
    display: none;
}

.warning_training_list .handle{
    cursor: grab;
}
.handle_box {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}
.handle_box span.disabled {
    opacity: 0.3;
}
.warning_training_list ul li button:disabled {
    opacity: 0.4;
    pointer-events: none;
}

.adding_photos{
    margin-top: 40px;
}

.adding_gallery{
    background: #FFFFFF;
    border-radius: 15px;
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    gap:16px;
}

.adding_item{
    width: calc(100%/3 - 12px);
    position: relative;
    height: 100%;
}

.adding_item_img{
    position: relative;
}

.adding_item img{
    max-width: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px;
    width: 100%;
}

.count_points{
bottom: 20px;
    position: absolute;
    right: 20px;
    border-radius: 9px;
    background: #DEDCF2;
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.25);
    padding: 8px;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding-right: 20px;
}

.count_points svg{
    width: 30px;
    height: 30px;
}

.adding_item_text{
    color: #3D3D3D;
    font-size: 14px;
    line-height: 15px; 
    margin-top:15px;
}

.info_sim_modal_desc{
    color: #fff;
    margin-top: 20px;
}

.info_sim_modal .is-close{
    background: var(--main_color) !important;
    color:#fff !important;
}

.addition_print{
	margin-top: 30px;
}

.print_btn{
	padding: 8px 21px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    text-decoration: none;
    margin-left: 10px;
}



.icon_has_img{
    position: relative;
    top: -5px;
    position: absolute;
    right: -35px;
    margin-right: 0 !important;
}

.task-block_comment .icon_drag{
	width: 23px;
	height: 23px;
	cursor: all-scroll;
}

.tasks_status{
	margin-bottom: 20px;
}

.tasks_status span {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #0F7DFF;
    padding: 3px 7px 3px 16px;
    background: rgba(15, 125, 255, 0.2);
    border-radius: 59px;
    position: relative;
}

.tasks_status span:before {
    position: absolute;
    content: "";
    background: #0F7DFF;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.task-block_info .projects_item-author{
	margin-bottom: 27px;
}
.sub_title_button{
	display: flex;
	gap:15px;
	justify-content: space-between;
	margin-top: -20px;
}
.button_repeat{
	padding: 8px 21px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
}

.button_repeat .icon{
	width: 19px;
	height: 19px;
	flex-shrink: 0;
	margin-right: 10px;
}

.mb0{
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.sub_title_button{
	margin-bottom: 30px;
}





/* training-plan */

.training-plan {
    padding: 17px;
    border-radius: 15px;
    background: #FFF;
}
.training-plan_top {
    display: flex;
    align-items: flex-start;
}
.training-plan_top .rating-top_title {
    margin-left: 22px;
}
.training-plan_item:last-child:nth-child(even){
     width: 100%;
}
.training-plan_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -35px;
    margin-top: -30px;
    padding-left: 93px;
    margin-bottom: -24px;
}
.training-plan_items > * {
    width: calc(100%/4 - 35px);
    margin-left: 35px;
    border-radius: 10px;
    margin-bottom: 24px;
    z-index: 5;
}
.training-plan_item-title {
    padding: 14px 16px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: var(--main_color);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.training-plan_item ul {
    padding-left: 34px;
    background: #F3F3FF;
    padding: 18px 18px 18px 34px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.training-plan_item ul li  a {
    color: #0583DF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: underline dashed #0583DF;
}
.training-plan_item ul li + li {
    margin-top: 11px;
}
.training-plan_item ul li::marker {
    color: #0583DF;
}
.training-plan_item ul li.active a {
    color: #414950;
    text-decoration: none;
}
.training-plan_item ul li.active::marker {
    color: #414950;
}
.training-plan_item {    
    position: relative;
    z-index: 5;
}
.training-plan_item:before {    
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    border: 2px dashed var(--main_color); 
    top: 23px;
    left: -35px;
    z-index: -1;
}
.training-plan_item:first-child:before {
    display: none;
}
.training-plan_item:nth-child(5):before {
    display: none;
}

.step_stage_img{
    width: 100%;
    margin-top: 50px;
    position: relative;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.step_stage_video{
    width: 100%;
    margin-top: 50px;
    position: relative;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.step_stage_video:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    top: -25px;
    left: -18px;
    background: #DFDFDF;
}

.step_stage_video .step_stage_img_wrap .icon{
    position: absolute;
    top:calc(50% - 15px);
    left:calc(50% - 15px);
    z-index: 1;
}

.step_stage_video .step_stage_img_wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.step_stage_video img{
    width: 230px;
    height: 230px;
    border-radius: 8px;
    object-fit: cover;
}

.step_stage_img_wrap{
	position: relative;

	height: 230px;
    display: block;
}

.step_stage_img:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    top: -25px;
    left: -18px;
    background: #DFDFDF;
}

.step_stage_img img{

	height: 230px;
	border-radius: 8px;
	object-fit: cover;
    max-width: 100%;
}

.step_stage_img .full_screen{
	padding-right: 0;
}

.trainer_new{
    margin: 20px auto;
    text-align: center;
    padding: 24px;
}
.trainer_new .accordion_dialog .accordion_item .head {
    justify-content: space-between;
}
.accordion_item .faq_btn:last-child .faq_btn-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; 
    background: #F93E3E;
}
.accordion_item .faq_btn:first-child .faq_btn-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; 
    background: var(--main_color);
}
.faq_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; 
    gap: 7px; 
}
.accordion_item .faq_btn:last-child span {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.09px;
    color: #F93E3E;
}
.accordion_item .faq_btn:first-child span {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.09px;
    color: var(--main_color);
}
.accordion_item .faq_btn:last-child {
    display: none;
}
.accordion_item.active .faq_btn:last-child {
    display: flex;
}
.accordion_item.active .faq_btn:first-child {
    display: none;
}
.trainer_new_subtitle{
    border-radius: 69.865px;
    background: #F2F0FF;
    padding: 15px 20px;
    font-size: 15.243px;
    font-style: normal;
    font-weight: 500;
    color: #68619E;
    margin-bottom: 16px;
    display: inline-block;
}

.trainer_new_desc{
    border-radius: 20px;
    background: #F2F0FF;
    padding: 32px;
}

.trainer_new_title{
    color:#000;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 24px;
    text-align: start;
}

.trainer_new_text{
    color: #433C7B;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px; 
    margin-bottom: 30px;
    text-align: left;
}

.trainer_step_title{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: start;
}

.trainer_step_button{
    background: var(--main_color);
    font-size: 16.649px;
    font-weight: 500;
    color: #fff;
    margin-top: 32px;
    padding: 15px 20px;
    border-radius: 40px;
    margin-right: auto;
    display: block;
}

.trainer_step_video{
    position: relative;
}

.trainer_step_video a{
    display: block;
    position: relative;
    border-radius:10px;
    overflow: hidden;
}

.trainer_step_video a img{
	display: block;
    height: 137px;
    object-fit: cover;
}

.trainer_step_video a:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    display: block;
    width: 100%;
    height: 100%;
}

.trainer_step_video svg{
    position: absolute;
    top:calc(50% - 21px);
    left:calc(50%  - 21px);
    width: 42px;
    height: 42px;
    z-index: 100;
}
.trainer_steps {
    position: relative;
}
.trainer_step {
    position: relative;
    padding-bottom: 24px;
}
.trainer_step:last-child {
    padding-bottom: 0;
}
.trainer_step:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #B6B6B6;
    width: calc(100% + 64px);
    height: 1px;
}
.trainer_step:last-child::after {
    display: none;
}
.trainer_step .trainer_step_audio {
    padding: 3px 10px;
    margin-bottom: 18px;
}
.trainer_new .accordion_item .head:before {
    display: none;
}
.trainer_new .accordion_item {
    background: #DFDCF6;
}
.dialog .trainer_new .data {
    border-radius: 15px;
    background: none;
}
.trainer_new .accordion_item .title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 700;
    line-height: 20.68px;
    letter-spacing: -1px;
    color: #000;
}
.trainer_new .accordion_item .title span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: var(--main_color);
    font-size: 18px;
    font-weight: 700;
    line-height: 20.68px;
    letter-spacing: -1px;
    color: #fff;
    flex-shrink: 0;
}
.trainer_new .accordion_dialog .accordion_item.active .head {
    min-height: 55px;
    border-bottom: 1px solid #A5A0CC;
}
.trainer_step-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    color: #433C7B; 
    margin-bottom: 15px;
}


.trainer_step_audio {
    max-width: 368px;
    background: #fff;
    padding: 10px;
    border-radius: 50px;
}

.trainer_step_video{
    max-width: 207px;
    margin-bottom: 23px;
}

.trainer_step_video img{
    width: 100%;
    max-width: 100%;
}

.trainer_step_img{
    max-width: 100%;
    margin: auto;
}

.trainer_step_img img{
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
}

.trainer_step + .trainer_step{
	margin-top: 20px;
}

.simulator_arrow{
    z-index: 1;
    width: 140px;
}

.simulator_round{
    z-index: 1;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    border:4px solid red;
}

.default_player audio::-webkit-media-controls-panel {
    background: var(--color_light);
}



.speed_controller{
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.speed_controller.as{
    justify-content: flex-start;
}

.speed_controller span{
    margin-right: 10px;
    color: #372F73;
    text-align: center;  
    font-size: 16px;
    font-weight: 700;
}

.speed_controller button{
    color: #64698F;
    font-size: 12px;
    font-weight: 500;
    width: 50px;
    height: 37px;
    border-radius: 7px;
}

.speed_controller button.active{
    background: var(--main_color);
    color:#fff;
}



.ideas-module {
    padding: 17px 18px;
    border-radius: 15px;
    background: #FFF;    
    margin-top: 30px;
}
.ideas-module_bottom {
    display: flex;
    margin-top: 17px;
}
.ideas-module_bottom .icon {
   width: 20px;
   height: 20px;
   display: block;
   margin-right: 7px;
}
.ideas-module_bottom-text {
    color: #515784;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.ideas-module_bottom-text span {
    color: var(--main_color);
}



.vacancy .page_title a {
    color: #fff;
    display: block;
    margin-left: 20px;
}
.vacancy .page_title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.vacancy table{
	table-layout: fixed;
	width: 100%;
	margin-bottom: 35px;
    border-collapse: collapse; 
    border-bottom: 1px solid #C8D2DA;
}
.vacancy thead tr {
    background: var(--main_color);
}
.vacancy thead tr th {
    padding: 14px 17px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; 
    text-align: left;
}
.vacancy table td{
	padding: 14px 17px;
	text-align: left;
    border-left: 1px solid #C8D2DA;
	border-right: 1px solid #C8D2DA;
    color: #514F96;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.vacancy table tbody tr:nth-child(odd){
	background: #fff;
}
.vacancy table tbody tr:nth-child(even){
	background: #F1F0FB;
}
.vacancy thead tr th:nth-child(1) {
    width: 4.8%;
    border-top-left-radius: 8px;
}

.vacancy thead tr th:last-child {
    width: 13.4%;
    border-top-right-radius: 8px;
}

.vacancy tbody tr td:nth-child(1) {
    width: 4.8%;
    text-align: center;
}

.vacancy tbody tr td:nth-child(8) { 
    text-align: center;
}
.vacancy tbody tr td:last-child { 
    text-align: center;
}

.vacancy_links {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 32px;
}
.vacancy_link {
    display: flex;
    align-items: center;
    padding: 4px;
    border-radius: 39px;
    background: #E8E6F4;
}
.vacancy_link a {
    display: block;
    padding: 9px 20px;
    color: #7D85C5;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 32px; 
    text-decoration: none;
    transition: all .4s;
}
.vacancy_link a.active {
    background: var(--main_color);    
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
    color: #fff;
}
.vacancy_link a:hover {
    background: var(--main_color);    
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
    color: #fff;
}
.vacancy_information {
    margin-top: 0 !important;
}
.vacancy_links button {
    padding: 9px 22px;
    border-radius: 55px;
    background: #E72929;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-left: 20px;
}
.vacancy_information .status{
	padding: 3px 10px;
	align-items: flex-start;
	border-radius: 29px;
	background: #33BCDA;
	color:#fff;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	    min-width: 90px;
}

.vacancy_information .status.archive{
	background: #E03A44;
}
.vacancy_information .status.work{
	background: #67B934;
}
.vacancy_information .status.sobes{	
	background: #FFA800;
}

.vacancy_information .status.archive span{
	font-size: 10px;
	font-weight: 400;
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.pagination a {
    display: flex;
    width: 34px;
    height: 34px;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
    flex-shrink: 0;
    border-radius: 8.5px;
    border: 1px solid #F1F1F1;
    background: #FFF;
    color: #525093;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    transition: all .4s;
}
.pagination .prev {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination a .icon {
    width: 18px;
    height: 18px;
    display: block;    
}
.pagination a .icon {
    width: 18px;
    height: 18px;
    display: block;   
    fill: #0000; 
    z-index: 999;
}
.pagination a.active {
    background: var(--main_color);
    color: #fff;
}
.pagination a:hover {
    background: var(--main_color);
    color: #fff;    
}
.vacancy .title_faq_result {
    margin-top: 0;
}



.application_top {
    display: flex;
    padding-bottom: 24px;
    position: relative;
}
.application_top:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    background: #D0D0D0;
    height: 1px;
    left: -18px;
    bottom: 0;
}
.application_top-phone {
    margin-right: 18px;
}
.application_top-phone span {
    color: #7874A3;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px; 
    letter-spacing: -0.3px;
    display: block;
}
.application_top-phone a {
    text-decoration: none;
    color: var(--main_color);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.application_top-whatsapp {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    padding: 8px 23px;
    border-radius: 75px;
    background: #1CA553;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.application .idea_form .nice-select .current {
    color: #7874A3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    line-height: 45px;
}
.application .idea_form .nice-select {
    border-radius: 9px;
    border: 1px solid #7874A3;
    background: #FFF;    
    background: #F3F2FC;
}
.application .nice-select .list {
    font-size: 12px;
    border: 1px solid #7874A3;
    padding: 0;
}
.application .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 35px;
    list-style: none;
    min-height: 25px;
    outline: none;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.application_bottom {
    margin-top: 20px;
    padding-bottom: 18px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.application_bottom:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    background: #D0D0D0;
    height: 1px;
    left: -18px;
    bottom: 0;
}
.application_bottom-left span {
    color: var(--main_color);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.application_bottom-number {
    color: #7874A3;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px; 
    letter-spacing: -0.3px;
}
.application_bottom-text {
    display: flex;
    align-items: center;
    margin-left: auto;
    color: #43A017;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px; 
    margin-right: 21px;  
}
.application_bottom .icon {
    width: 19px;
    height: 19px;
    display: block;
    margin-right: 9px;
    flex-shrink: 0;
}
.application_bottom button {
    padding: 10px 23px;
    border-radius: 75px;
    background: var(--main_color);
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}
.application_bottom-text.error {
    color: #E31818;
    display: none;
}
.application_image {
    margin-top: 21px;
    padding-bottom: 27px;
    position: relative;
}
.application_image:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    background: #D0D0D0;
    height: 1px;
    left: -18px;
    bottom: 0;   
}

.application_table {
    position: relative;    
    margin-top: 32px;
	padding-bottom: 37px;
}
.application table {
	table-layout: fixed;
	width: 100%;
    border-collapse: collapse; 
    border-bottom: 1px solid #C8D2DA;    
}
.application_table:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    background: #D0D0D0;
    height: 1px;
    left: -18px;
    bottom: 0;   
}
.application thead tr {
    background: var(--main_color);
}
.application thead tr th {
    padding: 14px 17px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; 
    text-align: left;
}
.application table td {
	padding: 14px 17px;
	text-align: left;
    border-left: 1px solid #C8D2DA;
	border-right: 1px solid #C8D2DA;
    color: #514F96;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.application table td span {
    display: block;
    font-style: italic;
    margin-bottom: 2px;
}
.application table td b {
    font-weight: 700;
    color: var(--main_color);
}
.application table tbody tr:nth-child(odd){
	background: #fff;
}
.application table tbody tr:nth-child(even){
	background: #F1F0FB;
}
.application thead tr th:nth-child(1) {
    width: 29%;
    border-top-left-radius: 8px;
}
.application thead tr th:nth-child(2) {
    width: 55%;
}
.application thead tr th:nth-child(3) {
    width: 16%;
    border-top-right-radius: 8px;
}

.application tbody tr td:nth-child(1) {
    width: 29%;
}
.application tbody tr td:nth-child(2) {
    width: 55%;
}
.application tbody tr td:nth-child(3) {
    width: 16%;
}


.application_table2 thead tr th:nth-child(1) {
    width: 40%;
    border-top-left-radius: 8px;
}
.application_table2 thead tr th:nth-child(2) {
    width: 44%;
}
.application_table2 thead tr th:nth-child(3) {
    width: 16%;
    border-top-right-radius: 8px;
}

.application_table2 tbody tr td:nth-child(1) {
    width: 40%;
}
.application_table2 tbody tr td:nth-child(2) {
    width: 44%;
}
.application_table2 tbody tr td:nth-child(3) {
    width: 16%;
}

.application_table-title {
    margin-bottom: 25px;
    color: #020027;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: -0.375px; 
}

.walkthroughs {
    margin-top: 20px;
}
.walkthroughs_title {
    margin-bottom: 25px;
    color: #020027;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: -0.375px; 
}
.walkthroughs_item + .walkthroughs_item {
    margin-top: 17px;
}
.walkthroughs_item-question {
    color: #7874A3;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: -0.3px;
    width: 100%;
}
.walkthroughs_item-date {
    color: #7874A3;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.walkthroughs_item-answer {
    color: #020027;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.application_comment {
    margin-top: 25px;
}
.application_comment-title {
    margin-bottom: 25px;
    color: #020027;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: -0.375px;  
}
.application_comment form .line {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.application_comment form button {
    margin-top: 29px;
}
.application_comment form button .icon {
    width: 46px;
    height: 46px;
    display: block;
}
.application_comment .line .field:nth-child(2) {
    width: 179px;
    margin-left: 15px;
    margin-right: 18px;
}
.application_comment .line .field:first-child {
    width: calc(100% - 258px);
    max-width: 100%;
}
.application_comment .line .field textarea {
    color: #7874A3;
    font-family: "Ubuntu";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}




.vacancy_modal {
    display: none;
    padding: 20px 18px;
    background: #FFFFFF;
    border-radius: 15px;
    max-width: 966px;
    width: 100%;
}
.vacancy_modal-title {
    color: #020027;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 20px;
    position: relative;
}
.vacancy_modal-title::after {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #D0D0D0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.vacancy_modal .nice-select .current {
    color: #7874A3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    line-height: 45px;
}
.vacancy_modal .nice-select {
    border-radius: 9px;
    border: 1px solid #7874A3;
    background: #FFF;    
    background: #F3F2FC;
}
.vacancy_modal .nice-select .list {
    font-size: 12px;
    border: 1px solid #7874A3;
    padding: 0;
}
.vacancy_modal .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 35px;
    list-style: none;
    min-height: 25px;
    outline: none;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.vacancy_modal.idea_form .line textarea {
    height: 106px;
}
.vacancy_modal form button {
    padding: 10px 23px;
    border-radius: 75px;
    background: var(--main_color);
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-top: 17px;
    margin-left: auto;
    display: block;
}

/* .select2.select2-container:last-child {
    display: none;
} */
.project-creation_description {
    color: #7874A3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135.714%;
    letter-spacing: -0.3px;   
}
.project-creation_btns {
    display: flex;    
    align-items: center;
    justify-content: flex-end;
}
.form-project button{
    margin-left: 0;
    margin-top: 0;
}
.form-project button:nth-child(1) {
    color: #646093;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 55px;
    background: #CECBF0;
    margin-right: 12px;
}

.project-creation_btns button
.select2-container {
    color: #7874A3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;    
    height: 45px;    
}
.select2-dropdown {
    border: none;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #7874A3;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{
    border-radius: 9px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 9px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 100%;
    line-height: 45px;
    padding: 0px 14px;
    color: #7874A3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    font-family: "Ubuntu";
}
.select2-container--default .select2-selection--single {
    border: 1px solid #7874A3;
    background: #F3F2FC;
    border-radius: 9px;
    height: 100%;
}
.select2-container--default .select2-selection--single:after {
    border-bottom: 2px solid var(--main_color);
    border-right: 2px solid var(--main_color);
    content: '';
    display: block;
    height: 8px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}
.select2-container--open .select2-selection--single:after {
    transform: rotate(-135deg);
}
.select2-results__option {
    cursor: pointer;
    font-weight: 400;
    line-height: 35px;
    list-style: none;
    min-height: 25px;
    outline: none;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; 
    color: #000;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #4E4B8E;
    color: white;
}

.load_anal{
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}


.load_anal svg{
    width: 40px;
    height: 40px;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.5, 0.33, 0.04, 1.02);
    animation-delay: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: new_load;
}
.load_anal .text_load{
    font-size: 14px;
    letter-spacing: -0.3px;
}

.load_anal .text_load b{
    font-size: 16px;    
}




.tasks .step_stage {
    border-radius: 0px;
    background: none;
    padding: 0px;
    align-items: flex-start;
}
.tasks .steps_stage {
    margin-top: 17px;
    position: relative;
    padding-bottom: 19px;    
}
.tasks .steps_stage:before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    left: -20px;
    bottom: 0;
    background: #DFDFDF;
}
.tasks .step_stage .icon,
.tasks .steps_stage_title .icon {
    width: 22px;
    height: 22px;
    margin-right: 9px;
    flex-shrink: 0;
}
.tasks .steps_stage_title {
    color: #637190;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; 
}
.tasks .step_stage_body {
    color: #2F3749;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; 
    letter-spacing: -0.5px;
}
.tasks .step_stage_time {
    color: #8683C0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.22px;
}
.tasks .step_stage_time span {
    color: var(--main_color);
}


.task-block_subtask {
    display: flex;
    align-items: center;
    color: #DF1B1B;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.task-block_subtask .icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-right: 3px;
}
.task-block .task-block_text {
    margin-bottom: 12px;
}
.task-block_subtask.green {
    color: #1CBD2C;
}
.task-block_items.classic .task-block_subtask {
    margin-top: 13px;
}

.projects-top_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -43px;
    margin-top: 61px;
    margin-bottom: 40px;
}
.projects-top_items > * {
    width: calc(100%/3 - 43px);
    position: relative;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 43px;
    margin-bottom: 63px;
    padding: 20px 35px 17px 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.07);
    background: #fff;
}
.projects-top_item::before {
    position: absolute;
    content: "";
    background: url(../images/training-course_label.png);
    top: -27px;
    left: 0;
    width: 326px;
    height: 27px;
    z-index: -1;
}
.projects-top_item-title {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px; 
    letter-spacing: -0.3px;
    padding-bottom: 20px;
    margin-bottom: 14px;
    position: relative;
    text-decoration: none;
    flex-grow: 1;
    min-height: 40px;
}
.projects-top_item-title::before {
    position: absolute;
    content: "";
    width: calc(100% + 55px);
    height: 1px;
    background: #DFDFDF;
    bottom: 0;
    left: -20px;
}
.projects-top_item-labels {
	display: flex;
    margin-top: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.projects-top_item-label {
    padding: 3px 10px;
    border-radius: 29px;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.projects-top_item-label.green {
    background: #79C54B;
}
.projects-top_item-label.blau {
    background: var(--main_color);
}

.projects-top_item-label.orange {
    background: #FF9D2B;
}

.task-block_item .projects_item-author {
    margin-top: 13px;
}

.project .task-block_items.classic {
    margin-right: 0;
    margin-left: 0;
}
.js_complete{
    margin-left:5px;
}

.animate2 {
    animation: pie 1s .5s both;
}

/*@keyframes pie {
    from {
        --p: var(--start);
    }
    to {
        --p: var(--end);
    }
}*/

@keyframes pie {
    from {
        --p: var(--start);
    }
    to {
        --p
    }
}

.faq .total_file_desc .links > *, .idea-block_item .total_file_desc .links > *{
    width: auto;
}

.dialog .message .info
{
    position: relative;
}


.feedback_ai{
    /*color: #fff;
    font-size: 15.243px;
    font-weight: 500;
    border-radius: 26px;
    border-radius: 26px;*/
    background: var(--main_color) !important;
    display: flex;
    align-items: center;
    /*height: 33px;
    padding: 10px;
    position: absolute;
    right: 15px;
    top: -20px;*/
    position: relative;
    overflow: hidden;
}

.feedback_ai.new{
    border: 1px solid #ABAAE2;
    color: #68619E;
    background: #F2F0FF;
    left:15px;
    bottom: -20px;
    top: auto;
    width: max-content;
}

.feedback_ai svg{
    width: 22px;
    height:22px;
    margin-right: 5px;
}

.video_message .feedback_ai{
        top: 15px
}


.summary_item_icon {
    border-radius: 8px;
    background: rgba(11, 0, 216, 0.15);
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
}
.summary_item .icon {
    width: 30px;
    height: 30px;
    fill: var(--main_color);
}
.summary_items {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
.summary_items > * {
    display: flex;
    align-items: center;    
    border-radius: 15px;
    background: #FFF;
    width: calc(100%/3 - 22px);
    padding: 21px 17px;
}
.summary_item-name {
    color: #7874A3;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 118.75%;
    letter-spacing: -0.3px; 
}
.summary_item-col {
    color: #292B4B;
    font-family: "Inter";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 0.7px;
}


.audio-notes_btn {
    padding: 12px 20px;
    background: var(--main_color);
    border-radius: 40px;
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0;
    text-decoration: none;
}
.audio-notes_btn2 {
    padding: 12px 20px;
    border-radius: 40px;
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 0;
    text-decoration: none;
    background: #ECEBFF;
    color: #64698F;
    margin-left: 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #64698F;
    padding: 12px;
    background: #ECEBFF;
    border-radius: 7px;
}
.audio-notes_description {
    display: flex;
    align-items: center;
    margin-top: 13px;
}
.audio-notes_description-text {
    display: block;
    margin-right: 13px;
    color: #534F77;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.3px;
}
.audio-notes_description-btns {
    display: flex;
    align-items: center;
}
.audio-notes_description-decoding {
    color: #FFA800;
    border-bottom: 1px dashed #FFA800;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 7px;
}
.audio-notes_description-delete {
    color: #D93737;
    border-bottom: 1px dashed #D93737;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.audio-notes_info {
    padding: 12px 15px 18px;
    border-radius: 9px;
    background: #FFF;
}
.audio-notes_info + .audio-notes_info {
    margin-top: 19px;
}
.audio-notes_description-box {
    color: #505261;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135.714%;
    margin-top: 12px;
}
.audio-notes_description-box span p {
    margin-right: 6px;
    display: block;
}
.audio-notes_description-box span .link-more {
    margin-right: 6px;
    color: #0085FF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.audio-notes .add_audio {
    display: flex;
    flex-direction: column;
    padding: 0 80px 50px;
    align-items: center;
}
.audio-notes .add_audio input {
    display: none;
}
.audio-notes .add_audio .start_btn {
    color: #d11a1a;
    position: relative;    
    z-index: 3;
    display: flex;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    cursor: pointer;
    transition: color .2s linear;
    text-decoration: none;
    border-radius: 50%;
    background: #e9eaf8;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.audio-notes .add_audio .start_btn:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    transition: .2s linear;
    opacity: 0;
    border-radius: inherit;
    background: #d11a1a;
}
.audio-notes .add_audio .start_btn .icon {
    display: block;
    width: 24px;
    height: 36px;
}
.audio-notes .add_audio input:checked ~ .start_btn {
    color: #fff;
}
.audio-notes .add_audio input:checked ~ .start_btn:before {
    width: 44px;
    height: 44px;
    animation: shadow-expansion .9s ease-in-out infinite alternate;
    opacity: 1;
}
@keyframes shadow-expansion
{
    from
    {
        box-shadow: 0 0 0 5px #d11a1a;
    }
    to
    {
        box-shadow: 0 0 0 0 #d11a1a;
    }
}


.completed-tasks_box {
    padding: 12px 22px 17px 12px;
    border-radius: 9px;
    background: #FFF;
}
.completed-tasks_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 19px;
}
.completed-tasks_label {
    position: relative;
    border-radius: 59px;
    padding: 3px 8px 3px 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    margin-right: 15px; 
    display: inline-block;
}
.completed-tasks_label.green {
    background: rgba(28, 189, 44, 0.2);
    color: #1CBD2C;
}
.completed-tasks_label:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FF2B5E;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
}
.completed-tasks_label.green:before {
    background: #1CBD2C;
}
.completed-tasks_btn {
    width: 24px;
    height: 24px;
}
.completed-tasks_text {
    padding-bottom: 19px;
    color: #121213;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.5px;
    position: relative;
}
.projects_item-comment {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 117.035%;
    margin-top: 12px;
}
.completed-tasks_text::before {
    position: absolute;
    content: "";
    width: calc(100% + 34px);
    height: 1px;
    background: #DFDFDF;
    bottom: 0;
    left: -12px;
}
.completed-tasks_box + .completed-tasks_box {
    margin-top: 18px;
}

.task-page_subtitle {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 95%;
    letter-spacing: -0.375px;
    padding-top: 22px;
    position: relative;
    width: 100%;
    margin-bottom: 21px;
}
.task-page_subtitle:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #DFDFDF;
    top: 0;
    left: -18px;
}
.task-page_form-btns {
    display: flex;    
    align-items: center;
    justify-content: flex-end;
    position: relative;
    padding-top: 27px;
}
.task-page_form-btns:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #DFDFDF;
    top: 0;
    left: -18px;
}
.task-page_form-btns button{
    margin-left: 0;
    margin-top: 0;
}
.task-page_form-btns button:nth-child(1) {
    color: #646093;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 55px;
    background: #CECBF0;
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}
.task-page_form-btns button:nth-child(1) .icon{
	width: 20px;
	height: 16px;
}
.task-page_form-btns button:nth-child(2) {
    color: #646093;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 55px;
    background: #CECBF0;
    margin-right: 12px;
}



.task-editing_text {
    display: flex;
    align-items: flex-start;
    gap:10px;
}
.task-editing_text .icon {
    width: 10px;
    height: 15px;
    margin-right: 8px;
    flex-shrink: 0;
}
.task-editing_btns {
    display: flex;
    align-items: center;
    margin-top: 14px;
    margin-left: 18px;
}
.task-editing_btns button {
    border-radius: 48px;
    border: 1px solid #CFCDEE;
    background: #F6F5FF;  
    color: #64698F;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 5px 12px;
    margin-left: 0;
    margin-right: 12px;
}
.task-editing_text.disabled span {
    opacity: 0.3;
}
.task-editing_btns button.disabled {
    opacity: 0.4;
}
.task-page_subtitle button {
    border-radius: 7px;
    background: #ECEBFF;
    padding: 9px 12px;
    color: #64698F;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 15px;
}
.task-page_subtitle {
    display: flex;
    align-items: center;
}

.tasks-block_info .nice-select {
    width: auto;
    height: 31px;
    line-height: 31px;
    padding: 0 29px 0 20px;
    border-radius: 59px;
    background: rgba(15, 125, 255, 0.20);
    font-size: 12px;
    font-weight: 500;
    margin-right: 10px;
    color: #0F7DFF;
}
.tasks-block_info .nice-select:after {
    border-bottom: 2px solid #0F7DFF;
    border-right: 2px solid #0F7DFF;
    width: 6px;
    height: 6px;
}
.tasks-block_info .nice-select .selected {
    position: relative;
}
.tasks-block_info .nice-select .selected:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0F7DFF;
    left: -10px;
    top: calc(50% - 3px);
}
.tasks-block_info .nice-select .list_item:nth-child(1) {
    color: #0F7DFF;
}
.tasks-block_info .nice-select .list_item:nth-child(2) {
    color: #FF9D2B;
}
.tasks-block_info .nice-select .list_item:nth-child(3) {
    color: #13B8C2;
}
.tasks-block_info .nice-select .list_item:nth-child(4) {
    color: #1CBD2C;
}
.tasks-block_info .nice-select .list_item {
    position: relative;
}
.tasks-block_info .nice-select .list_item:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 8px;
    top: calc(50% - 3px);
}
.tasks-block_info .nice-select .list_item:nth-child(1):before {
    background: #0F7DFF;
}
.tasks-block_info .nice-select .list_item:nth-child(2):before {
    background: #FF9D2B;
}
.tasks-block_info .nice-select .list_item:nth-child(3):before {
    background: #13B8C2;
}
.tasks-block_info .nice-select .list_item:nth-child(4):before {
    background: #1CBD2C;
}
.tasks-block_info .nice-select.open .list {
    min-width: 150px;
    padding: 4px 0;
    border-radius: 9px;
    border: 1px solid #BAB8CA;
    margin-top: 5px;
}
.tasks-block_info .nice-select .list_item.option:hover {
    background: none;
}
.tasks-block_info .nice-select .option {
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 32px;
    list-style: none;
    min-height: 32px;
    outline: none;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.tasks-block_info .nice-select .list_item:after {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    left: -20px;
    bottom: 0;
    background: #CECCDC;
}
.tasks-block_info .nice-select .list_item:last-child:after {
    display: none;
}

.tasks-block_info-statut {
    display: flex;
    align-items: center;
}
.tasks-block_info-stat {
    color: #637190;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-right: 16px;
    display: flex;
    align-items: center;
}
.tasks-block_info-stat span {
    display: block;
    margin-left: 10px;
    position: relative;    
    padding: 9px 10px 9px 18px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 59px;    
    text-wrap: nowrap;
}
.tasks-block_info-stat span.yellow {
    background: rgba(255, 157, 43, 0.20);
    color: #FF9D2B;
}
.tasks-block_info-stat span.azure {
    background: rgba(19, 184, 194, 0.20);
    color: #13B8C2;
}
.tasks-block_info-stat span.green {
    background: rgba(28, 189, 44, 0.20);
    color: #1CBD2C;
}
.tasks-block_info-stat span:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 7px;
    top: calc(50% - 3px);
}
.tasks-block_info-stat span.yellow:before {
    background: #FF9D2B;
}
.tasks-block_info-stat span.azure:before {
    background: #13B8C2;
}
.tasks-block_info-stat span.green:before {
    background: #1CBD2C;
}

.tasks.tasks2 .steps_stage:before {
    display: none;
}
.tasks.tasks2 .steps_stage {
    padding-bottom: 0;
}
.task2_item {
    padding-bottom: 15px;
    border-bottom: 1px solid #CDCDCD;
    margin-bottom: 15px;
}
.task2_item-top {
    display: flex;
    align-items: center;
}
.task2_item-top-text {
    color: #2F3749;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 157.143%;
    letter-spacing: -0.5px;
    margin-right: 7px;
}
.task2_item-top-label {
    position: relative;
    padding: 3px 8px 3px 18px;
    border-radius: 59px;    
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 8px;
    white-space: nowrap;
}
.task2_item-top-label.green {
    background: rgba(28, 189, 44, 0.20);
    color: #1CBD2C;
}
.task2_item-top-label.yellow {
    background: rgba(255, 157, 43, 0.20);
    color: #FF9D2B;
}
.task2_item-top-label.red {
    background: rgba(223, 46, 46, 0.20);
    color: #DF2E2E;
}
.task2_item-top-label.purple {
    background: #F3F2FC;
    color: #8683C0;
    padding: 3px 8px;
}
.task2_item-top-label.orange {
    background: #FF9D2A;
    color: #fff;
}
.task2_labels.m2{
    margin-top: 10px;
}

.task2_item-top-label:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 7px;
    top: calc(50% - 3px);
    background: #fff;
}
.task2_item-top-label.green:before {
    background: #1CBD2C;
}
.task2_item-top-label.yellow:before {
    background: #FF9D2B;
}
.task2_item-top-label.red:before {
    background: #DF2E2E;
}
.task2_item-top-label.purple:before{
    display: none;
}
.task2_item-bottom {
    display: flex;
    align-items: center;
}
.task2_item-bottom-name {
    color: var(--main_color);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.22px;
    margin-right: 4px;
}
.task2_item-bottom-date {
    color: #8683C0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.22px;
}
.task2_item-comment {
    color: #605D97;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 158.333%;
    margin-bottom: 5px;
}
.task2_item-comment span {
    color: #505050;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.task2_labels {
    display: flex;
    flex-wrap: wrap;
}
.tasks-block_info-left {
    display: flex;
    align-items: center;
}

.form-project .error {
    color: #FF1515;
    border: 1px solid #FF1515;
}
.form-project .error ~ label {
    color: #FF1515;
}
.project-creation_error-text {
    display: none;
    margin-bottom: 7px;
    margin-top: 10px;
    color: #FF1515;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135.714%;
    letter-spacing: -0.3px;  
}
.form-project .error ~ .project-creation_error-text {
    display: block;
}



.audio-note_list {
    border-radius: 9px;
    background: #FFF;
    padding: 17px;
}
.audio-note_list-title {
    color: #121213;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.5px;  
    margin-bottom: 10px;
}
.audio-note_list ol {
    padding-left: 15px;
}
.audio-note_list ol li {
    color: #3F4572;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;    
}
.audio-note_list ol li + li {
    margin-top: 17px;
}
.audio-note .add_audio {
    border-radius: 9px;
    background: #FFF;
    padding: 35px 50px 32px;
    margin-bottom: 19px;
}
.audio-note .add_audio .exp {
    margin-top: 10px;
    color: #818093;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; 
}

.audio-notes_description-redactor {
    margin-left: auto;
    display: block;
    color: #FFA800;
    border-bottom: 1px dashed #FFA800;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;    
}
.audio-notes_description-box .audio-notes_description-redactor {
    margin-right: auto;
    margin-left: 0;
    margin-top: 6px;
}
.audio-note .task-page_form-btns:before {
    display: none;
}
.audio-note .form-project textarea {
    border-radius: 9px;
    border: 1px solid #7874A3;
    background: #FFF;  
    color: #000;
    font-family: "Ubuntu";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135.714%;
    height: 400px;
    resize: none;
    padding: 14px;
    opacity: 0.5;

}
.audio-note .form-project {
    padding: 20px 0 0 0;
    margin-top: 27px;
    position: relative;
    background: none;
    box-shadow: none;
}
.audio-note .form-project:before {
    position: absolute;
    content: "";
    width: calc(100% + 30px);
    height: 1px;
    left: -15px;
    top: 0;
    background: #DFDFDF;
}
.audio-notes_description-redactor.active {
    display: none;
}

.audio-note_wrapper {
    padding: 29px 18px 28px;
    border-radius: 9px;
    background: #FFF; 
}
.audio-note_wrapper-title {
    color: #121213;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}
.audio-note_wrapper-text {
    color: #3F4572;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.audio-notes_description-btns-ok {
    display: flex;
    align-items: center;
    color: #1CBD2C;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 11px;
}
.audio-notes_description-btns-ok .icon {
    width: 23px;
    height: 23px;
    margin-right: 3px;
    display: block;
}


.tasks_item-box {
    padding-bottom: 18px;
    position: relative;
}
.tasks_item-box:before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    left: -20px;
    bottom: 0;
    background: #DFDFDF;
}
.tasks_item-author {
    display: flex;
    align-items: center;
}
.tasks_item-avatar {
    width: 33px;
    height: 33px;
    margin-right: 14px;
}
.tasks_item-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.tasks_item-name {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 135.714%;
    letter-spacing: -0.3px; 
}
.tasks_item-post {
    color: #273179;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
}
.tasks .tasks-block_info:before {
    display: none;
}
.tasks-block_btn {
    padding: 12px 20px;
    background: var(--main_color);
    border-radius: 40px;
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0;
    text-decoration: none;
}

.replay {
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 11px;
}
.replay:before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    left: -20px;
    top: 0;
    background: #DFDFDF;
}
.replay span {
    color: #637190;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; 
}
.replay_items {
    display: flex;
}
.replay_item {
    border-radius: 65px;
    background: var(--main_color);
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px; 
    margin-right: 4px;
    margin-left: 4px;
}

.audio_wrapper.active {
    display: block;
}
.audio_wrapper {
    display: none;
}

/*
.select2-search--dropdown {
    position: absolute;
    bottom: -39px;
    left: 2px;
    background: #fff;
    width: 100%;
}
.select2-container--open .select2-dropdown {
    position: relative;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    background: none;
    padding: 4px 14px;
}
.select2-container--default .select2-selection--single {
    background: none;
}*/

#correction_modal55  {
    max-width: 510px;
}
#correction_modal55 .correction_modal-text p span {
    opacity: 1;
    color: #2B294E;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#correction_modal55 .correction_modal-text p {
    opacity: 0.8;
    color: #2B294E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#correction_modal55 .correction_modal-text p + p {
    margin-top: 20px;
}
.projects-top_item-text {
    padding: 3px 9px;
    border-radius: 26px;
    border: 1px solid #ABAAE2;
    background: #F2F0FF;
    color: #68619E;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: -36px;
    display: inline-block;
    width: 153px;
    margin-bottom: 28px;
}
.faq .projects-top_item::before {
    position: absolute;
    content: "";
    background: url(../images/training-course_label2.png);
    top: -29px;
    left: -4px;
    width: 223px;
    height: 40px;
    z-index: -1;
    background-size: cover;
}

.calend_items {
    display: inline-flex;
    flex-wrap: wrap;
    padding: 9px;
    border-radius: 15px;
    border: 1px solid #7874A3;
    background: #FFF;
}
.calend_items > * {
    border-radius: 87px;
    background: #fff;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #534E8F;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px; 
    cursor: pointer;
    flex-shrink: 0;
}
.calend_item.active {
    background: var(--main_color);
    color: #fff; 
    position: relative;
}
.calend_item.active:before {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    top: -4px;
    right: 0px;
    background: url(../images/close100.svg);
    z-index: 2;
}
.calend_item.active:after {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    top: -4px;
    right: 0px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}
.calend_item + .calend_item {
    margin-left: 4px;
    margin-right: 4px;
}
.task-page_form .tabs_container button {
    display: flex;
    align-items: center;
    color: #7874A3;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px; 
    letter-spacing: -0.3px;
    background: none;
    padding: 0;
    margin-left: 0;
    opacity: 1;
}
.task-page_form .tabs_container button span {
    display: block;
    margin-right: 9px;
    position: relative;
    width: 19px;
    height: 19px;
    border: 1px solid #C8C6DD;
    border-radius: 50%;
}
.task-page_form .tabs_container button span:after {
    position: absolute;
    content: "";
    width: 19px;
    height: 19px;
    border-radius: 50%;
    top: 0;
    left: 0;
}
.task-page_form .tabs_container button.active span:before {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    top: 2px;
    left: 2px;
    background: var(--main_color);
    border-radius: 50%;
}
.task-page_form .tabs_container .tabs {
    display: flex;
    align-items: center;
}
.calend_text {
    margin-bottom: 11px;
    color: #7874A3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135.714%;
    letter-spacing: -0.3px;
}


.task-page_form .tabs_container{
    padding: 0;
    width: 100%;
}

.message_load{
    text-align: center;
    border-radius: 72.908px;
    background: #F2F0FF;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    padding-bottom: 4px;
    margin: auto;
    margin-top: 40px;
}

.message_continue{
    display: flex;
    align-items: center;
    margin-top: 40px;
    justify-content: center;
    gap:10px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.message_continue button{
    border-radius: 55px;
    border: 2px solid var(--main_color);
    background: #FFF;
    color: var(--main_color);
    text-align: center;  
    font-family: Ubuntu;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding:10px 20px;
    transition:0.3s;
}


.message_continue button:hover{
    color:#fff;
    background:var(--main_color);
}

.project_item_authors{
    display: flex;
    flex-wrap: wrap;
    gap:10px;
    align-items: center;
}

.projects_item-author.more{
    color: #8D91AC;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    border-bottom: 2px dashed #8D91AC;
    display: inline-block;
    cursor: pointer;
}

.task-block_item-box_empty{
    height: 180px;
    border: 2px dashed #ADAACD;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.task-block_item-box_empty_title{
    color: #37327C;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.task-block_item-box_empty .task-block_item-btn{
    margin: 20px 0 0 0 ;
}


.simulator_info{
    display: flex;
    gap:22px;
    margin-bottom: 30px;
}

.simulator_info_item{
    width: calc(100% / 3 - 14px);
    border-radius: 15px;
    background: #FFF;
    padding: 14px 16px 14px 18px;
}

.simulator_info_item_title{
    color: #7874A3;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px; /* 118.75% */
    letter-spacing: -0.3px;
}

.simulator_info_item_number{
    color: #292B4B;
    font-size: 35px;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -1.3px;
    margin-top: 8px;
}

.simulator_info_item_number span{
    color: #7874A3;
    font-size: 22px;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -1.3px;
}

.simulator_ratings_title{
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
}

.simulator_ratings{
    margin-bottom: 30px;
}

.simulator_ratings_list{    
    gap:23px;
    display: flex;
    flex-wrap: wrap;
}

.simulator_ratings_item{
    border-radius: 15px;
    background: #FFF;
    display: flex;
    width: calc(100% / 4 - 18px);
    padding: 15px;
    align-items: center;
    justify-content: space-between;
}

.simulator_ratings_item_title{
    color: #7874A3;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px; /* 118.75% */
    letter-spacing: -0.3px;
}

.simulator_ratings_item_subtitle{
    font-size: 14px;
    line-height: 19px;
    color: #A5A3BA;
}

.simulator_ratings_item_rating{
    margin-top: 3px;
    color: #292B4B;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 0.7px;
}

.simulator_ratings_item_right .pie{
    color: #0AB511;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 700;
    line-height: 14.951px; /* 93.443% */
    letter-spacing: -0.236px;
}

.simulator_ratings_item_right .pie.yellow{
    color:#E7B025;
}

.simulator_ratings_item_right .pie.red{
    color:#C31818;
}

.simulator_ratings_item_right .pie.gray{
    color:#BCBCBC;
}

.projects_item-box_inner{
    display: flex;
    gap:10px;
    flex-wrap:wrap;
}

.select2-search--dropdown .select2-search__field{
    background: #FFFFFF;
    border: 1px solid #7874A3;
    color: #AEACC8;
    border-radius: 9px;
    height: 45px;
}

.task-page_form_not_padding{
    padding: 0;
    box-shadow: none;
}

.simulator_info_title{
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
}


.dialog .message .info.red{
    background: rgba(213, 33, 33, 0.27);
    border:none;
}

.dialog .message .info.red .name, .dialog .message .info.red .text_message{
    color: #D52121;
}

.dialog .message .info.green{
    background: rgba(10, 181, 17, 0.27);
    border:none;
}

.dialog .message .info.green .name, .dialog .message .info.green .text_message{
    color: #0AB511;
}


.dialog .message .info.yellow{
    background: rgba(231, 176, 37, 0.27);
    border:none;
}

.dialog .message .info.yellow .name, .dialog .message .info.yellow .text_message{
    color: #D87602;
}

.title_faq_update{
    border-radius: 15px;
    background: rgba(28, 189, 44, 0.20);
    color: #1CBD2C;
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: 500;
    line-height: 33px;
    padding: 0 10px;
    white-space: nowrap;
}

.update_faq{
    color: #1CBD2C;
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: 500;
    padding-right: 80px;
    margin-left: auto;
}

.images_faq{
    display: flex;    
    gap:20px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.image_faq{
   
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap:10px;
    max-width: 120px;
}

.image_faq img{
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    cursor: pointer;
}
.image_faq .images_faq_wrap{
    width: 120px;
    height: 120px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.image_faq .images_faq_wrap:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    border-radius: 10px;
    cursor: pointer;
}

.image_faq .images_faq_wrap:before{
    display: block;
    content: "";
    background: url(../images/zoom_faq.svg);
    width: 42px;
    height: 42px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

.image_faq.video:before{
    background: url(../images/video_play.svg);
}

.solutions-tasks_text{
    width: 100%;
}


.solutions-tasks_text .hide{
	display: none;
}

.solutions-tasks_text_togger{
	cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    text-decoration: underline;
}

.projects-top_item-placeholder{
    background: var(--main_color);
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 10px;
    position: absolute;
    top: -20px;
    width: 100px;
    text-align: center;
    padding: 3px;
    left: 16px;
}

.projects_item-last-active{
	opacity: 0.5;
	font-size: 14px;
    margin-bottom: 10px;
}

.tasks_dedline{
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px; 
    color: gray;
    margin-bottom: 20px;
}

.tasks_dedline span{
    background: #EF1A1A;
    color: #fff;
    font-size: 14px;
    padding: 3px 10px;
    border-radius: 14px;
    margin-right: 10px;
}

.setting-mode .audio-notes {
    margin-top: 20px;
    position: relative;
}
.setting-mode .audio-notes:after {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    bottom: -20px;
    left: -18px;
    background: #DFDFDF;
}
.setting-mode .add_audio {
    border: 1px solid #D7D7D7;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
}
.setting-mode .audio-note_list {
    padding: 0;
    margin-top: 18px;
}
.setting-mode .audio-notes_info {
    border: 1px solid #D7D7D7;
}
/*.setting-mode .audio-notes_info:last-child {
    margin-bottom: 40px;
}*/
.audio-notes_text {
    margin-bottom: 20px;
}

.learning-paths .training-plan_items {
    display: flex;
    flex-wrap: wrap;
    gap: 33px;
    padding: 28px;
}
.learning-paths .training-plan_item-title span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: var(--main_color);
    font-size: 14px;
    background: #fff;
    margin-right: 6px;
}
.project_line .icon {
    width: 27px;
    height: 27px;
    margin-right: 8px;
}
.project_line {
    padding: 8px;
    border-radius: 8px;
    background: var(--main_color);
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.projects_item-descr {
    font-size: 14px;
    line-height: 16px;
    color: #8d92b8;
    margin-left: 15px;
}
.learning-paths_top {
    display: flex;
    gap: 15px;
    padding-bottom: 16px;
    position: relative;
    margin-bottom: 16px;
}
.learning-paths_top:before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    bottom: 0;
    left: -20px;
    background: #ECEAFF;
}
.learning-paths_info {
    background: #fff;
    padding: 24px;
    border-radius: 15px;    
}
.learning-paths_text p {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #625E88;
}
.learning-paths_text p + p {
    margin-top: 16px;
}

.learning-paths_top .icon {
    width: 49px;
    height: 49px;
    flex-shrink: 0;
}
.learning-paths_top-title {
    font-size: 18px;
    line-height: 1.05;
    letter-spacing: -0.3px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #000;
}
.learning-paths_top-text {
    color: #636363;
    font-size: 14px;
    line-height: 20px ;
}



.learning-paths .block_top .block_title {
    margin-bottom: 20px;
}
.content_flex .content .learning-paths_items {
    margin-top: 20px;
}
.learning-paths_items {
    display: flex;
    gap: 27px;
    flex-wrap: wrap;
}
.learning-paths_items > * {
    padding: 14px 12px 26px;
    border-radius: 15px;
    background: #fff;
    width: calc(100%/3 - 19px);
}
.learning-paths_item-label {
    padding: 3px 6px;
    border-radius: 6px;
    background: var(--main_color);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1;
    color: #fff;
    display: inline-block;
}
.learning-paths_item-author {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 18px;
    position: relative;
    margin-top: 13px;
}
.learning-paths_item-author:before {
    position: absolute;
    content: "";
    left: -12px;
    bottom: 0;
    width: calc(100% + 24px);
    height: 1px;
    background: rgba(0, 0, 0, .15);
}
.learning-paths_item-photo {
    width: 51px;
    height: 51px;
    flex-shrink: 0;
}
.learning-paths_item-photo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.learning-paths_item-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, .8);
}
.learning-paths_item-post {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.15;
    color: #273179;
}
.learning-paths_item-contact {
    margin-top: 11px;
}
.learning-paths_item-contact-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -1px;
    margin-bottom: 11px;
}
.learning-paths_item-contact-phone {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.15;
    text-decoration: none;
    color: #62699D;
    margin-bottom: 14px;
    display: block;
}
.learning-paths_item-contact-adress {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.15;
    color: #62699D;
}

.simulator_item-title {
    position: relative;
}
.simulator_item-title .icon {
    width: 21px;
    height: 21px;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.simulator_item-title span {
    width: calc(100% - 30px);
    display: block;
}

.training-course2 .training-course_item-image {
    width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 50%;
}
.training-course2 .training-course_item-images {
    margin-bottom: 12px;
}
.training-course2 .training-course_item-label {
    width: 105px;
    white-space: nowrap;
    margin: -41px 20px 15px -7px;
    background: var(--main_color);
}
.training-course2 .training-course_item-images::before {
    display: none;
}


.training-course_item-lows {
    border-top: 1px solid #DFDFDF;
    padding-top: 15px;
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;  
    display: flex; 
    flex-wrap: wrap;
    margin-bottom: -10px;
}
.training-course_item-lows > * {
    margin-bottom: 10px;
}
.training-course_item-low:nth-child(1) .icon {
    width: 10px;
    height: 10px;
    margin-right: 6px;
}
.training-course_item-low:nth-child(2) .icon {
    width: 11px;
    height: 6px;
    margin-right: 6px;
}
.training-course_item-low:nth-child(3) .icon {
    width: 9px;
    height: 8px;
    margin-right: 6px;
}
.training-course_item-low {
    color: #fff;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    border-radius: 29px;
    font-size: 12px;
    font-weight: 500;
}
.training-course_item-low:nth-child(1) {
    background: var(--main_color);
    margin-right: 6px;
}
.training-course_item-low:nth-child(2) {
    background: var(--main_color);
    margin-right: 6px;
}
.training-course_item-low:nth-child(3) {
    background: var(--main_color);
}

.audio-notes .block_upload {
    border-radius: 9px;
    border: 2px dashed #BBB9D1;
    background: #FFF;
    text-align: center;
    padding: 23px 38px 38px;
    color: #7874A3;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px; 
    letter-spacing: -0.3px;
    margin-bottom: 20px;
}
.audio-notes .box__input {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.audio-notes .block_upload label {
    display: flex;
}

.audio-notes .box__dragndrop, 
.audio-notes .box__icon {
    display: block;
}
.audio-notes .box__file {
    display: none;
}

.highlight{
    background:yellow;
}

.parsley-errors-list{
    display: none;
}






.add_faq {
   /* margin-left: auto;*/
}
.knowledgebase .icon-redact {
    width: 24px;
    height: 24px;
}
.knowledgebase_button {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: 54px;
}

.knowledgebase_button span {
    display: none;
}
.knowledgebase_button:hover span {
    display: block;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    color: #FFFFFF;
    padding: 5px 11px;
    border-radius: 31px;
    white-space: nowrap;
    font-weight: 700;
    letter-spacing: -0.24px;
    background: #373737;
    box-shadow: 0px 5.715827465057373px 23.67985725402832px 0px #B2B0D363;
}

.trainer_modal2 .line .field {
    position: relative;
}
.pass_add-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 34px;
}

.task-page_form .line .field textarea:not(.select2-search__field) {
    width: 100%;
    height: 189px;
    background: #FFFFFF;
    border: 1px solid #7874A3;
    border-radius: 9px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    padding: 14px;
    resize: none;
}
.task-page_form .nice-select {
    width: 100%;
    font-weight: 500;
}
.faq_fast_title {
    margin-top: 0;
}

.uploaded-files_items > * {
    border: 1px solid #D2D2D2;
}
.block_upload label:before {
    display: none;
}
.box__file {
    display: none;
}
.box__input {
    display: flex;
    align-items: center;
    justify-content: center;
}
.box.has-advanced-upload .box__icon {
    width: auto;
}
.block_upload label {
    padding-left: 10px;
}
.box.has-advanced-upload {
    outline-offset: 0;
    border: 1px dashed #bbb;
    outline: none;
}
.box {
    padding: 20px 30px;
}




.almanac_items {
    width: 100%;
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 17px;
}
.almanac_items:before {
    position: absolute;
    content: "";
    width: calc(100% + 30px);
    left: -14px;
    bottom: 0;
    background: #C5C5C5;
    height: 1px;
}
.almanac_items div{
    display: flex;
}
.almanac_items div > * {
    border-radius: 9px;
    background: #fff;
    width: 70px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #565289;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; 
    cursor: pointer;
    flex-shrink: 0;
    background: #BDBBD8;
    position: relative;
}
.almanac_items div > *:nth-child(6), .almanac_items div > *:nth-child(7){
    background: #4F8FEF;
    color:#fff;
}
.almanac_item.active {
    background: #0AB511;
    color: #fff; 
    position: relative;
}
.almanac_item span {
    display: none;
}
.almanac_item span {
    display: block;
    position: absolute;
    width: 27px;
    height: 27px;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -1px;
    font-weight: 700;
    border-radius: 50%;
    top: -11px;
    right: -8px;
    z-index: 2;
    background: #BDBBD8;
    color: #565289;
    border: 2px solid #fff;
}
/*.almanac_item:after {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: -4px;
    right: 0px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}*/
.almanac_item {
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.almanac_item.disabled {
    opacity: 0.6;
}
.almanac_item.inactive {
    background: #CC3636;
    color: #fff;
}
.almanac_item.empty_day {
    background: transparent;
    color: #fff;
}
.almanac_item.inactive.active {
    background: #0AB511;
    color: #fff;    
}
.almanac_wrap {
    padding: 11px 16px 18px 13px;
    border-radius: 15px;
    background: #fff;
}
.almanac_text {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 18px;
}
.almanac .page_title {
    margin-bottom: 23px;
}
.almanac,
.simulator-answer {
    margin-bottom: 30px;
}
.almanac_status {
    display: flex;
}
.almanac_status-item {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.3px;
    color: #7A7796;
    display: flex;
    align-items: center;
}
.almanac_status-item span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    margin-right: 7px;
}
.almanac_status-item span.red {
    background: #CC3636;
}
.almanac_status-item span.green {
    background: #0AB511;
}
.almanac_status-item + .almanac_status-item {
    margin-left: 10px;
}

.almanac_status-item span.disabled {
    background: #BDBBD8;
}
.almanac_status-item span.disabled2 {
    background: #bdbbd899;
}

.almanac_status-item span.wensday {
    background: #537BE2;
}

.change-history_wrap {
    padding: 16px;
    border-radius: 15px;
    background: #fff;
}
.change-history_items {
    padding: 12px 12px 18px;
    background: #F3F3FF;
    border-radius: 6px;
}
.changes_item-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    position: relative;
}
.changes_item-box:before {
    position: absolute;
    content: "";
    width: calc(100% + 24px);
    height: 1px;
    background: #CECECE;
    left: -12px;
    bottom: 0;
}
.changes_item-text {
    padding-left: 23px;
    position: relative;
}
.changes_item-text:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--main_color);
    top: 0;
    left: 0;
}
.changes_item-date {
    padding-left: 23px;
}
.change-history_description p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 14px;
    color: #636363;
}
.change-history_description p span {
    font-weight: 700;
    color: #000;
}
.changes_item-box button {
    font-weight: 500;
    font-size: 12px;
    color: #0085FF;
    border-bottom: 1px dashed #0085FF;
    margin-left: 15px;
    white-space: nowrap;
}
.change-history_link {
    font-weight: 500;
    font-size: 12px;
    color: #0085FF;
    border-bottom: 1px dashed #0085FF;  
    text-decoration: none;
    margin: 17px 0;
    display: inline-block;
}
.change-history_items.hide {
    display: none;
}
.change-history_items.hide.active {
    display: block;
    margin-top: 15px;
}

.progress_new{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: var(--main_color);
    border-radius: 16px;
    border:2px solid var(--main_color);
    padding: 5px 10px;
}

.progress_new_wrap{
    margin-top: 20px;
    gap:20px;
    display: flex;
}

#tag{
    display: none;
}


/*------------
    Select
------------*/
.select-dropdown-container
{
    z-index: 1070;
}


.select-dropdown-container ::-webkit-scrollbar
{
    width: 5px !important;
    height: 5px !important;
}


.select-dropdown
{
    margin-top: 1px;

    border: 1px solid #e2e2e2;
    border-radius: 3px;
    background: #fff;
}


.select-options-wrapper
{
    overflow: auto;
}


.select-option
{
    font-size: 15px;
    line-height: 25px;

    position: relative;

    display: flex;

    height: auto !important;
    min-height: 36px;
    padding-left: 48px;

    cursor: pointer;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.select-option input
{
    display: none;
}


.select-option:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 17px;

    display: block;

    width: 20px;
    height: 20px;
    margin: auto;

    content: '';
    transition: .2s linear;

    border: 1px solid #e2e2e2;
    border-radius: 3px;
    background-position: 50%;
}


.select-option.selected:before
{
    border-color: var(--main_color);
    background: url(../images/ic_check.svg) 50% no-repeat var(--main_color);
}


.select-dropdown-container
{
    width: 250px !important;
}

.title_courses_result_tag{
    display: none;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 0px;
    margin-top: 0px !important;
}

.filter_courses{     
    font-weight: 500;
    font-size: 12px;
    line-height: 34px;
    color: #FFFFFF;
    background-color: var(--main_color);
    padding: 0 16px;
    display: flex;
    align-items: center;
    position: relative;
    margin-left: auto;
    align-self: end;
    height: 41px;
    border-radius: 22px;
    font-size: 14px;
    line-height: 16px;
}

.filter_courses.active .arrow {
    transform: rotate(180deg);
}

.filter_courses .arrow {
    color: #fff;
    display: block;
    width: 8px;
    height: 7px;
    margin-left: 5px;
    transition: transform .2s linear;
}

.select-wrapper .select-input{
    border: 1px solid #7874A3;
    border-radius: 16px;   
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    height: 34px;
    padding: 0 10px;
}

.title_courses_result_tag span{
    display: inline-flex;
    gap: 10px;
}

.title_courses_result_tag span b{
    background-color: var(--main_color);
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    padding:5px 10px; 
    text-align: center;
    border-radius: 16px;
}

.title_courses_result_tag[style="display: block;"]{
    display: flex !important;
    gap: 10px;
    align-items: center;
}

.title_courses_result_tag img{
    display: block;
}

.dialog .list_label{
    display: flex;
    gap:10px;
} 

.dialog .list_label button{
    padding: 7px 10px;
    background: linear-gradient(67.84deg, #682D8C -1.82%, #EB1E79 106.59%);
    border-radius: 73px;
    color:#fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;   
}

.dialog .list_label button.label_new{
    background: #25AA2F;
}


.dialog .list_label button svg{
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

/* Стили для создания блика на кнопке */
.feedback_ai:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 30%, /* Прозрачность начала блика */
    rgba(255, 255, 255, 0.8), /* Цвет блика */
    rgba(255, 255, 255, 0) 70% /* Прозрачность конца блика */
    );
    top: 0;
    left: -100px;
    animation: shine 2s infinite linear; /* Анимация блика */
}

/* Ключевые кадры для анимации блика */
@keyframes shine {
    0% {
        left: -100px; /* Начальная позиция блика (левая сторона кнопки) */
    }
    20% {
        left: 100%; /* Позиция блика в конце (правая сторона кнопки) */
    }
    100% {
        left: 100%; /* Завершение анимации */
    }
}

.interactive{
    background: #FFFFFF;
    border-radius: 15px;
    display: flex;
    align-items: center;
    padding: 15px;
    gap:15px;
}

.interactive svg{
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.interactive a{
    margin-left:auto;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    display: block;
    text-decoration: none;
    padding: 14px 32px;
    border-radius: 55px;
    background: var(--main_color);
    text-align: center;
}


.interactive_title{
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
}

.interactive_desc{
    font-size: 14px;
    line-height: 19px;
    color: #505261;
    opacity: 0.8;
    margin-top: 5px;
}

.prompt_jt{
    margin-top: 15px !important;
}

.prompt_jt .prompt-box{
    display: block !important;
}

.dialog .message .prompt_jt .text{
    margin-top: 0;
}

.filter_align{
   align-self: flex-end; 
}

.filter_courses_wrap .mini_modal{
    top: calc(100% + 15px);
    right: 0;
    left: auto;
    width: 300px;
    padding: 15px;
    border-radius: 17px;
    background: #FFF;
    box-shadow: 0px 16px 38.1px 0px rgba(0, 0, 0, 0.45);
    text-align: left;
}

.filter_courses + .select-right{
    margin-left: 15px;
}

.filter_modal_title{
    color: black;   
    font-size: 14px;
    font-weight: 700;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.filter_modal_title:after{
    content:"";
    width: calc(100% + 30px);
    border-bottom:1px solid #ADADAD;
    position: absolute;
    bottom:0px;
    left: -15px;
}

.filter_item{
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    background-color: color-mix(in srgb, var(--main_color) 50%, #fff);
    padding: 3px 8px;
    border-radius: 10px;    
    cursor: pointer;
}

.list_filter{
    display: flex;
    gap:8px;
    flex-wrap: wrap;
}

.filter_item.active{
    background-color: var(--main_color);
}


/*новые страницы questing*/


.simulator-questions,
.adding-question {
    margin-top: 30px;
    padding: 20px 18px 27px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;   
}
.simulator-questions_title {
    font-size: 24px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 19px;
}
.simulator-questions_title.mb0 {
    margin-bottom: 0;
}
.simulator-questions_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #636363;
}
.simulator-questions_btns a {
    margin-left: 14px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #64698F;
    padding: 12px;
    background: #ECEBFF;
    border-radius: 7px;
    text-decoration: none;
    display: block;
}
.simulator-questions_list ul{
    list-style: none;
}
.simulator-questions_list ul li{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #3D3D3D;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    border: 1px solid #CFCDEE;
    border-radius: 18px;
    padding: 18px 18px 18px 18px;
}
.simulator-questions_list-btns button {
    border-radius: 48px;
    border: 1px solid #CFCDEE;
    background: #F6F5FF;
    color: #64698F;
    font-family: "Ubuntu";
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 7px 12px;
    margin-left: 8px;
}
.simulator-questions_list ul li + li{
    margin-top: 17px;
}
.simulator-questions_label .icon12 {
    width: 12px;
    height: 11px;
    flex-shrink: 0;
}
.simulator-questions_list ul li .icon{
    width: 23px;
    height: 23px;
    flex-shrink: 0;
    margin-right: 15px;
}
.simulator-questions_list ul li .icon13 {
    width: 23px;
    height: 23px;
    flex-shrink: 0;
    margin-right: 15px;
}
.simulator-questions_wrapper-title {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.3px;
    line-height: 19px;
    margin-bottom: 11px;
}
.simulator-questions_label {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 5px;
    gap: 3px;
    height: 21px;
    background: linear-gradient(67.84deg, #682D8C -1.82%, #EB1E79 106.59%);
    border-radius: 27px;
    font-size: 11px;
    font-weight: 500;
    line-height: 21px;
    color: #fff;
    margin-left: 7px;
    flex-shrink: 0;
}
.simulator-questions_label.bg{
    background: var(--main_color);
}
.simulator-questions_wrapper {
    width: 95%;
}
.simulator-questions .handle_box {
    display: flex;
    align-items: center;
    width: calc(100% - 400px);
    margin-bottom: 0px;
}
.simulator-questions_wrapper-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #636363;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}

.simulator-questions_list ul li {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.simulator-questions_list .audio_message {
    display: flex;
    margin-top: 0px;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    max-width: 216px;
}
.simulator-questions_list .audio_message .btn {
    color: #fff;
    display: flex;
    width: 33px;
    height: 33px;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--main_color);
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.simulator-questions_list .audio_message .btn .icon {
    color: #fff;
    display: block;
    width: 11px;
    height: 15px;
    margin-left: 2px;
}
.simulator-questions_link .audio_message .btn .icon {
    color: var(--main_color);
}
.simulator-questions_link .audio_message .btn .icon + .icon,
.simulator-questions_link .audio_message .btn.active .icon {
    display: none;
    margin-left: 0;
}
.simulator-questions_link .audio_message .btn.active .icon + .icon {
    display: block;
}
.simulator-questions_link .audio_message .audio_wave {
    overflow: hidden;
    width: 250px;
    max-width: 100%;
    margin-top: -16px;
    margin-bottom: -17px;
}
.simulator-questions_link .audio_message .duration {
    color: #061058;
    font-size: 14px;
    line-height: 16px;
    margin-left: 9px;
    opacity: .75;
}
.simulator-questions_link .audio_message .btn {
    color: var(--main_color);
    background: #fff;
}
.simulator-questions_link .audio_message .duration {
    color: #fff;
}
.simulator-questions_link .audio_media .media-text.media-current-time {
    display: none;
}
.simulator-questions_link .audio_media .media-control.media-play {
    margin-right: 0;
}
.simulator-questions_link .audio_media .media-toolbar {
    border-radius: 54px;
    background: #ECEBFF;
    padding: 4px 9px;
}
.simulator-questions_link .audio_media .media-text {
    color: #7270A7;
    font-size: 12px;
    line-height: 14px;
    margin-left: 0px;
    font-weight: 700;
}
.simulator-questions_link .audio_media .media-symbol {
    height: 10px;
    width: 10px;
    flex-shrink: 0;
} 
.simulator-questions_link .audio_media .media-control.media-play {
    width: 23px;
    height: 23px;
}
.simulator-questions_list-btns {
    margin-left: 20px;
}
.simulator-questions_link .audio_media .media-slider {
    height: 2em;
    padding: 0.625em 0.5em;
    margin: 0 5px;
}
.simulator-questions_list .video_message {
    border-radius: 54px;
    background: #ECEBFF;
    padding: 7px 9px;
    max-width: 216px;
}
.simulator-questions_list .video_message button {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    color: #7270A7;
}

.simulator-questions_list ul li .handle_box.dissabled {
    opacity: 0.5;
}
.simulator-questions_list ul li button.dissabled {
    opacity: 0.5;
    pointer-events: none;
}
.simulator-questions_bottom-btns {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;    
    gap:12px;
}
.simulator-questions_bottom-btns button {
    padding: 12px 20px;
    border-radius: 50px;
    font-weight: 500;
    font-size: 14px;
    margin-left: initial;
}
.simulator-questions_bottom-btns button:nth-child(1) {
    color: #524F8E;
    background: #CECCF7;
}
.simulator-questions_bottom-btns button:nth-child(2) {
    color: #fff;
    background: var(--main_color);
}

.simulator-questions_text {
    margin-bottom: 20px;
}
.simulator-questions_items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-bottom: -12px;
}
.simulator-questions_items > * {
    margin-left: 12px;
    margin-bottom: 12px;
    width: calc(100%/2 - 12px);
    padding: 20px 12px 12px 20px;
    border-radius: 18px;
    border: 1px solid #CFCDEE;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.simulator-questions_item-info {
    width: calc(100% - 150px);
}
.simulator-questions_item-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.3px;
    line-height: 19px;
    margin-bottom: 8px;
    color: #1c1c1c;
}
.simulator-questions_item-text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.3px;
    line-height: 1.3;
    margin-bottom: 6px;
    color: #636363;    
}
.simulator-questions_item-link {
    display: block;
    margin-top: auto;
    text-decoration: none;
    color: #64698F;
    padding: 8px 12px;
    font-size: 10px;
    font-weight: 500; 
    border-radius: 48px; 
    border: 1px solid #CFCDEE;
    background: #F6F5FF;
}


.setting-questions_labels {
    margin-top: 30px;
}
.setting-questions_label {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: -0.3px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    padding: 9px;
    border-radius: 8px;
}
.setting-questions_label + .setting-questions_label {
    margin-top: 20px;
}
.setting-questions_label.green {
    background: #5EBA33;
}
.setting-questions_label .icon {
    width: 21px;
    height: 21px;
    flex-shrink: 0;
}
.setting-questions_label.red {
    background: #AF1A1A;
}

.adding-question_label {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;   
}
.adding-question .simulator-questions_title {
    margin-bottom: 10px;
}
.adding-question .tabs_container {
    padding: 0;
    background: #FFFFFF;
    border-radius: 0px;
    margin-top: 7px;
}
.adding-question .tabs_container .tabs button {
    padding: 7px 14px 7px 28px;
    border-radius: 39px;
    background-color: color-mix(in srgb, var(--main_color) 10%, #fff);
    color: #605CA9;
    font-weight: 700;
    font-size: 13px;
    position: relative;
    opacity: 1;
    margin-right: 9px;
}
.adding-question .tabs_container .tabs button:before {
    width: 13px;
    height: 13px;
    position: absolute;
    content: "";
    border-radius: 50%;
    background: #fff;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.adding-question .tabs_container .tabs button.active:after {
    width: 9px;
    height: 9px;
    position: absolute;
    content: "";
    border-radius: 50%;
    background: var(--main_color);
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.adding-question .task-page_form {
    padding: 0;
    background: #FFFFFF;
    box-shadow: none;
    border-radius: 0px;
}
.adding-question_links {
    display: flex;
    margin-bottom: 25px;
}
.adding-question_btn {
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #7674A9;
    margin-left: 12px;
}
.adding-question_btn .icon {
    width: 20px;
    height: 20px;
    display: block;
    margin-left: 7px;
}
.adding-question_hide {
    display: none;
}
.adding-question_btn .icon {
    transform: rotate(0deg);
}
.adding-question_btn.active .icon {
    display: block;
    transform: rotate(90deg);
}

.adding-question .add_audio {
    display: flex;
    flex-direction: column;
    padding: 0 80px 50px;
    align-items: center;
}
.adding-question .add_audio input {
    display: none;
}
.adding-question .add_audio .start_btn {
    color: #d11a1a;
    position: relative;
    z-index: 3;
    display: flex;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    cursor: pointer;
    transition: color .2s linear;
    text-decoration: none;
    border-radius: 50%;
    background: #e9eaf8;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding-left: 0;
}
.adding-question .add_audio .start_btn:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    transition: .2s linear;
    opacity: 0;
    border-radius: inherit;
    background: #d11a1a;
}
.adding-question .add_audio .start_btn .icon {
    display: block;
    width: 20px;
    height: 36px;
}
.adding-question .add_audio input:checked ~ .start_btn:before {
    width: 44px;
    height: 44px;
    animation: shadow-expansion .9s ease-in-out infinite alternate;
    opacity: 1;
    z-index: 999;
}
.adding-question .task-page_form .add_audio label:after {
    display: none;
}
.adding-question .task-page_form .add_audio label:before {
    border: none;
}
.adding-question .add_audio {
    border: 1px solid #7874A3;
    border-radius: 12px;
    padding: 25px;
}
.adding-question .add_audio .exp {
    font-size: 12px;
    line-height: 130%;
    margin-top: 10px;
    text-align:center;
}
.adding-question_content {
    margin-bottom: 20px;
}
.adding-question .audio-notes_btn2 {
    margin-left: 0;
    margin-right: 10px;
}
.adding-question .audio_media .media-time {
    background: none;
}



@keyframes shadow-expansion {
    from
    {
        box-shadow: 0 0 0 5px #d11a1a;
    }
    to
    {
        box-shadow: 0 0 0 0 #d11a1a;
    }
}


.adding-question_content .audio-notes_btn2 a {
    text-align: end;
    text-decoration: none;
    color: #64698F;
    font-weight: 500;
    font-size: 12px;
}

.adding-question_content-btn {
    text-align: end;
    padding: 12px;
    background: #ECEBFF;
    margin-top: 15px;    
    border-radius: 7px;    
}
.adding-question_content-btn a {
    text-decoration: none;
    color: #64698F;
    font-weight: 500;
    font-size: 12px;
}
.adding-question_content-btn.mra {
    margin-right: auto;
    display: block;
    width: 115px;
    text-decoration: none;
    color: #64698F;
    font-weight: 500;
    font-size: 12px;
}
.adding-question_content-btn.mla a,
.adding-question_content-btn.mra a {
    text-decoration: none;
    color: #64698F;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
}
.adding-question_content-btn.mla {
    margin-left: auto;
    margin-right: 0;
    width: 82px;
    text-decoration: none;
    color: #64698F;
    font-weight: 500;
    font-size: 12px;
}
.adding-question_content .video_link {
    display: block;
    position: relative;
    z-index: 2;
    box-shadow: 0px 9.37693px 32.3078px rgba(0, 0, 0, 0.03);
    width: 305px;
}
.adding-question_content .video_link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}
.adding-question_content .video_link .icon {
    width: 66px;
    height: 66px;
    padding:21px 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background: #fff;
}
.adding-question .task-page_label span {
    color: var(--main_color);
    font-weight: 700;
}
.adding-question .task-page_form .line.df {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.adding-question_top-text {
    text-align: end;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.3px;
    color: #7874A3;
}
.adding-question_bottom {
    position: relative;
    padding-top: 27px;
    margin-top: 25px;
}
.adding-question_bottom:before {
    background: #C9C9C9;
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    left: -18px;
    top: 0;
}
.adding-question_bottom:before {
    background: #C9C9C9;
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    left: -18px;
    top: 0;
}
.simulator-questions_bottom-btns:before {
    background: #C9C9C9;
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    left: -18px;
    top: 0;
}
.adding-question .simulator-questions_bottom-btns {
    padding-top: 25px;
    position: relative;
}
.adding-question .task-page_form .line .field textarea:not(.select2-search__field) {
    height: 89px;
}


.adding-question_file{
    display: none;
}

.adding-question_file + label{

}

.adding-question_file + label:before, .adding-question_file + label:after{
    display: none;
}

.adding-question_link .adding-question_file + .audio-notes_btn2{
    padding: 12px 20px;
    border-radius: 40px;
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    margin-bottom: 0;
    text-decoration: none;
    background: #ECEBFF;
    color: #64698F;
    margin-left: 0px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #64698F;
    padding: 12px;
    background: #ECEBFF;
    border-radius: 7px;
}

.changes_item-box.fix_line:before{
    display: none;
}


/*игровая новая функция*/
.card {
    margin-top: 30px;
    padding: 20px 18px 27px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;  
    position: relative;
    z-index: 555;
}
.card_top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 18px;
}
.card_top:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    left: -18px;
    bottom: 0;
    height: 1px;
    background: #c4c4c4;
}
.card_title {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.1;
    color: #000;
}
.card_btn {
    border-radius: 71px;
    background:#D22116;
    text-decoration: none;
    color: #fff;
    padding: 9px 12px;
    font-weight: 500;
    font-size: 14px;
    display: block;
    text-align: center;
    min-width: 128px;
}
.card_item {
    border: 1px solid #CFCDEE;
    padding: 25px 26px;
    border-radius: 11px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 590px;
    width: 100%;
    margin: 62px auto 248px;
    position: relative;
    background: #fff;
}
.card_item:before {
    position: absolute;
    content: "";
    width: calc(100% - 32px);
    height: 100%;
    left: 16px;
    top: 13px;
    border: 1px solid #CFCDEE;
    border-radius: 11px;
    z-index: -1000;
}
.card_item-count {
    padding: 10px 12px;
    border-radius: 51px;
    background: #ECEBF5;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.3px;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 23px;
}
.card_item .icon {
    width: 15px;
    height: 15px;
}
.card_item-text {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.5px;    
    text-align: center;
}
.card_item-btns {
    margin-top: 24px;
    display: flex;
}
.card_item-btn {
    padding: 11px 15px;
    text-decoration: none;
    color: #fff;
    border-radius: 55px;
    background: var(--main_color);
    display: block;
    text-align: center;
}
.card_item-btn + .card_item-btn {
    margin-left: 11px;
}

.hint{
    display: none;
}

.hint_item-text-more{
    display: none;
}


.hint_item {    
    padding: 25px 26px;
    border-radius: 11px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 590px;
    width: 100%;
    margin: 62px auto 248px;
    position: relative;
    background: #F3F3FC;
} 
.hint_item:before {
    position: absolute;
    content: "";
    width: calc(100% - 32px);
    height: 100%;
    left: 16px;
    top: 13px;
    border: 1px solid #CFCDEE;
    border-radius: 11px;
    z-index: -1000;
}
.hint_item-count {
    padding: 10px 12px;
    border-radius: 51px;
    background: #ECEBF5;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.3px;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 23px;
}
.hint_item .icon {
    width: 15px;
    height: 15px;
}
.hint_item-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: -0.5px;    
    text-align: center;
}
.hint_item-btns {
    margin-top: 24px;
    display: flex;
}
.hint_item-btn {
    padding: 11px 15px;
    text-decoration: none;
    color: #fff;
    border-radius: 55px;
    background: var(--main_color);
    display: block;
    min-width: 109px;
    text-align: center;
}
.hint_item-btn + .hint_item-btn {
    margin-left: 11px;
}
.hint_item-btn.red {
    background: #D22116; 
}
.hint_item-btn.blau {
    background: var(--main_color); 
}
.hint_item-btn.green {
    background: #3CA72B; 
}
.hint_item .btn-next {
    position: absolute;
    right: 25px;
    top: 25px;
}
.hint_item .btn-next .icon-next {
    width: 35px;
    height: 35px;
}
.hint_item-images {
    margin-bottom: 20px;
}
.hint_item-img {    
    width: 206px;
    height: 147px;
    margin: 0 auto 7px;
    display: block;
}
.hint_item-img img {
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.hint_item-images .loop {
    width: 16px;
    height: 16px;    
    display: block;
    margin-right: 2px;
}
.hint_item-images span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.1;
    letter-spacing: -0.3px;
    text-align: center;
}

.game-over .page_title a {
    margin-left: 14px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #524F8E;
    padding: 12px;
    background: #E4E3FF;
    border-radius: 55px;
    text-decoration: none;
    display: block;
    text-align: center;
}
.game_top {
    padding: 19px;
    border-radius: 15px;
    background: #FFF;
    margin-top: 24px;
}
.game_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.game_left {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.game_icon {
    margin-right: 20px;
    flex-shrink: 0;
}
.game_icon .icon {
    width: 61px;
    height: 61px;
}

.game_icon .pie{
    color: #0AB511;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: 700;
    line-height: 14.951px;
    letter-spacing: -0.236px;
}

.game_icon .pie.yellow{
    color:#E7B025;
}

.game_icon .pie.red{
    color:#C31818;
}

.game_icon .pie.gray{
    color:#BCBCBC;
}

.game_title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 4px;
}
.game_text {
    color: #515784;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.game_btn {
    padding: 8px 18px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    text-decoration: none;
    white-space: nowrap;
}
.game_items {
    display: flex;    
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.game_items > * {
    width: calc(33.333% - 16px);
    border-radius: 15px;
    background: #fff;
    padding: 33px 20px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #101010;
}
.game_modal {
    max-width: 648px;
    width: 100%;
    padding: 29px 17px 33px 23px;
    border-radius: 15px;
    display: none;
}
.game_modal-title {
    margin-bottom: 26px;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    width: 90%;
}
.game_modal-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}


.task-page_form .line .field.mb20{
	margin-bottom: 20px;
}

.task-page_form .line .field.df{
    display: flex;
    gap:15px;
}

.mejs__container{
    background: transparent;
}

.audio_media.light .mejs__container, 
.audio_media.light .mejs__controls:not([style*='display: none']){
    background: transparent;
}

.mejs__time-current, .mejs__time-handle-content {
    border-radius: 10px;
}

.mejs__time-total, 
.mejs__time-buffering, 
.mejs__time-loaded, 
.mejs__time-current, 
.mejs__time-float, 
.mejs__time-hovered, 
.mejs__time-float-current, 
.mejs__time-float-corner, 
.mejs__time-marker{
    border-radius: 10px;
    height: 10px;
}

.audio_mediat .mejs__container, .audio_media .mejs__controls:not([style*='display: none']){
    background: var(--main_color);
    border-radius: 30px;
}

.task-page_form button.repeat_btn {
    margin:0;
}

.message_new.error[style="display: none;"]{
    margin-top: 0;
}

.filter_fix{
    margin-bottom: 0;
}

.courses.not_my:has(.found_course:empty){
    margin-top: 0;
}

.title_courses_result[style="display: block;"], .title_courses_result_tag[style="display: block;"]{
    margin-top: 40px !important;
}



/* shop */

.shop_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shop_head .page_title {
    margin-bottom: 0;
}
.shop_head .nice-select {
    padding: 0 27px 0 12px;
    border: 1px solid #7874A3;
    border-radius: 50px;
    height: 34px;
    line-height: 34px;
    color: #7874A3;
    font-size: 12px;
    font-weight: 500;
}
.shop_head .nice-select .list {
    color: #7874A3;
    font-size: 12px;
    font-weight: 500;  
    padding: 5px 0;
    top: calc(100% + 3px);
    width: calc(100% + 30px);
    right: 0px;
    left: auto;
}
.shop_head .nice-select .option {
    line-height: 30px;
    list-style: none;
    min-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.shop_head .nice-select:after {
    border-bottom: 1px solid #7874A3;
    border-right: 1px solid #7874A3;
    height: 6px;
    width: 6px;
    margin-top: -2px;
}
.shop_top {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px;
    border-radius: 15px;
    background: #fff;
}
.shop_icon {
    border-radius: 8px;
    flex-shrink: 0;
    width: 61px;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: color-mix(in srgb, var(--main_color) 15%, #fff);
}
.shop_icon .icon {
    width: 31px;
    height: 32px;
    margin: 0 auto;
}
.shop_title {
    font-size: 18px;
    line-height: 19px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.shop_text {
    color: #505261;
    font-size: 14px;
    line-height: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.shop_title span {
    font-size: 18px;
    line-height: 19px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.shop_top .shop_link{
    text-decoration: none;
    padding: 10px 12px;
    background: var(--main_color);
    border-radius: 60px;    
    margin-left: auto;
    display: block;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    text-align: center;
}

.shop_items {
    display: flex;
    align-items: stretch;
    gap: 30px;
    flex-wrap: wrap;
}
.shop_items > * {
    width: calc(100%/3 - 20px);
    padding: 14px;
    border-radius: 15px;
    background: #fff;
    display: flex;
    align-items: flex-start;
    gap: 17px;
}
.shop_item-img {
    width: 90px;
    height: 93px;
}
.shop_item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}
.shop_item-info {
    width: calc(100% - 107px);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.shop_item-title {
    font-size: 16px;
    line-height: 19px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
    max-width: 157px;
}
.shop_item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}
.shop_item-price span {
    font-size: 18px;
    line-height: 19px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    gap: 3px;
    margin-right: 6px;
}
.shop_item-link {
    border-radius: 71px;
    background: var(--main_color);
    text-decoration: none;
    color: #fff;
    padding: 9px 20px;
    font-weight: 500;
    font-size: 12px;
    display: block;
    text-align: center;
    min-width: 106px;
    margin-left: auto;
}


.shop_purchase .block_title {
    margin-bottom: 15px;
}
.shop_purchase-wrap {
    padding: 16px;
    border-radius: 15px;
    background: #fff;
}
.purchase_item + .purchase_item {
    margin-top: 8px;
}
.purchase_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F3F3FF;
    padding: 9px 12px;
    border-radius: 6px;
}
.purchase_item-left {
    display: flex;
    align-items: center;
    gap: 15px;
}
.purchase_item-left span {
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.purchase_item-title {
    font-size: 13px;
    line-height: 15px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 2px;
}
.purchase_item-date {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
}
.purchase_item-right {
    display: flex;
    align-items: center;
}
.purchase_item-right button {
    border-radius: 71px;
    background: #D72727;
    color: #fff;
    padding: 4px 12px;
    font-weight: 500;
    font-size: 13px;
    display: block;
    text-align: center;
    margin-right: 18px;
    margin-left: 17px;
}
.purchase_item-status {
    position: relative;
    padding-left: 17px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 700;
    white-space: nowrap;
}
.purchase_item-status:before {
    position: absolute;
    content: "";
    width: 11px;
    height: 11px;
    left: 0;
    top: 2px;
    border-radius: 50%;
}
.purchase_item-status.yellow:before {
    background: #FFA901;
}
.purchase_item-status.red:before {
    background: #29BC2F;
}
.purchase_item-status.green:before {
    background: #D72727;
}


.shop_accrual-wrap {
    padding: 16px;
    border-radius: 15px;
    background: #fff;
}
.accrual_item + .accrual_item {
    margin-top: 8px;
}
.accrual_items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;    
}
.accrual_item {
    display: inline-flex;
    align-items: flex-start;
    background: #F3F3FF;
    padding: 9px 12px;
    border-radius: 6px;
    gap: 5px;
}
.accrual_item-title {
    font-size: 13px;
    line-height: 15px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 2px;
}
.accrual_item-date {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
}
.shop_accrual .block_title {
    margin-bottom: 4px;
}
.shop_accrual .block_text {
    margin-bottom: 11px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
    font-weight: 400;
    color: #273179;
}
.shop_accrual .block_text span {
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    gap: 3px;
    color: #101010;
}
.accrual_item-img {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.accrual_item-img img {
    width: 100%;
    height: 100%;
}

.modal_shop {
    max-width: 648px;
    width: 100%;
    padding: 14px 35px 14px 14px;
    border-radius: 15px;
    background: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 19px;
    display: none;
}
.modal_shop-img {
    width: 183px;
    height: 183px;
}
.modal_shop-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}
.modal_shop-info {
    width: calc(100% - 202px);
}
.modal_shop-title {
    font-size: 16px;
    line-height: 19px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 16px;
}
.modal_shop-text {
    font-size: 14px;
    line-height: 19px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 16px;
    color: #505261;
}
.modal_shop-bottom {
    display: flex;
    align-items: center;
    gap: 12px;
}
.modal_shop-price span {
    font-size: 16px;
    line-height: 19px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    gap: 3px;
}
.modal_shop-link {
    border-radius: 71px;
    background: var(--main_color);
    text-decoration: none;
    color: #fff;
    padding: 9px 20px;
    font-weight: 500;
    font-size: 12px;
    display: block;
    text-align: center;
    min-width: 81px;
}

.shop_modal {
    max-width: 420px;
    width: 100%;
    padding: 47px 35px 34px;
    border-radius: 15px;
    background: #fff;
    display: none;
}
.shop_modal-icon {
    width: 95px;
    height: 95px;
    display: block;
    margin: 0 auto 30px;
}
.shop_modal-title {
    font-size: 24px;
    line-height: 27px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 6px;
    color: #000;
    opacity: 0.8;
    text-align: center;
}
.shop_modal-text {
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 20px;
    color: #514F78;  
    text-align: center;  
}
.shop_modal-link {
    border-radius: 71px;
    background: var(--main_color);
    text-decoration: none;
    color: #fff;
    padding: 9px 20px;
    font-weight: 500;
    font-size: 12px;
    display: block;
    text-align: center;
    width: 134px;    
    margin: 0 auto;
}

.card_item-count span, .hint_item-count span{
    display: contents;
}

.hint_item-images{
    display: none;.auth .form input[type=checkbox] + label:after
}

.create-report_wrap_hide{
    /*height: 46px;*/
    overflow: hidden;
}

.js-open-report{
    margin-bottom: 10px;
    display: inline-block;
}

.courses .course .thumb, .course_info .thumb{
    background: #fff;
}

.course_info .thumb img.small, .courses .course .thumb img.small {
    top: 50%;
    left: 50%;
    width: auto;
    max-width: 70%;
    height: auto;
    max-height: 70%;
    transform: translate(-50%, -50%);
    border-radius: 0;
}

.image_faq img.loaded{
	height: 100% !important;
}

/* для элемента input c type="checkbox" */
.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    transition: 0.3s;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: color-mix(in srgb, var(--main_color) 50%, white);
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
    background-color: color-mix(in srgb, var(--main_color) 50%, white);
    border-color: color-mix(in srgb, var(--main_color) 50%, white);
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--main_color) 20%, white);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
    border-color: color-mix(in srgb, var(--main_color) 50%, white);
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked+label::before {
    border-color: var(--main_color);
    background-color: var(--main_color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
    background-color: #e9ecef;
}

.hint_item .fast_link{
        font-size: 15px;
}

.message_order{   
    background: #FFFFFF;
    border: 1px solid #4D4A8D;
    border-radius: 13px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #4D4A8D;
    height: 110px;
    width: 100%;
    max-width: 560px;
    flex-shrink: 0;
    padding: 10px;
}

.message_order:active{    
    border-radius: 13px;
}

.message_form{
    margin-left: 65px;
}

.message_form form{
    display: flex;
    align-items: flex-end;
    max-width: 560px;
    width: 100%;
}


.message_form .submit_btn{
    margin-left: 15px;
}

.step_stage_number{
    min-width: 31px;
    height: 31px;
    background: var(--main_color);
    margin-right: 10px;
    border-radius: 15px;
    margin-right: 8px;
    text-align: center;
    line-height: 31px;
    color: #FFFFFF;
    font-weight: 900;
    font-size: 16px;
    padding: 0 7px;
}

.faq_new .input{
    margin-bottom: 0;
}

.best-answer {
    margin-top: 40px;
    padding: 25px 20px;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
}
.best-answer .comment {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    border: 1px solid #CFCDEE;
    border-radius: 18px;
    padding: 18px;
}
.best-answer .comment_wrap + .comment_wrap {
    margin-top: 19px;
}
.best-answer .comment .avatar {
    color: #6b7078;
    font-size: 20px;
    line-height: 23px;
    position: relative;
    display: flex;
    overflow: hidden;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 11px;
    background: #c4cbd7;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.best-answer .comment .avatar img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}
.best-answer .comment .data {
    display: flex;
    width: calc(100% - 65px);
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 130%;
}
.best-answer .comment .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 5px;
    letter-spacing: -.3px;
}
.best-answer .comment .text {
    color: #7874A3;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px; 
    color: #000;
    opacity: 0.8;
    margin-bottom: 6px;
    width: 100%;
}

.best-answer .comment .dialog_item-info + .text{
    margin-top: 10px;
}

.best-answer .comment .comment_info {
    color: #7874A3;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;  
    margin-bottom: 10px;
}
.best-answer .comment .comment_info .comment_bottom-btn {
    border: none;
    margin-left: 6px;
}
.best-answer .comment .date {
    color: #7874A3;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;  
}
.best-answer .comment .simulator-questions_link {
    margin-bottom: 12px;
    width: 216px;
}
.best-answer .video_link {
    display: block;
    position: relative;
    z-index: 2;
    box-shadow: 0px 9.37693px 32.3078px rgba(0, 0, 0, 0.03);
    width: 305px;
    margin-bottom: 13px;
}
.best-answer .video_link:after{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 15px;
}
.best-answer .video_link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}
.best-answer .video_link .icon {
    width: 66px;
    height: 66px;
    padding:21px 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background: #fff;
}


.intellect-top {
    padding: 12px;
    border-radius: 15px;
    background: #FFF;
    margin-top: 24px;
    margin-bottom: 46px;
}
.intellect-top_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.intellect-top_left {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.intellect-top_icon {
    margin-right: 20px;
    width: 65px;
    height: 65px;
    background: linear-gradient(67.84deg, #682D8C -1.82%, #EB1E79 106.59%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.intellect-top_icon .icon {
    width: 23px;
    height: 23px;
}
.intellect-top_title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1px;
    display: flex;
    gap:10px;
    align-items: center;
    flex-wrap: wrap;

}
.intellect-top.error .intellect_form-label, .intellect-top.error .intellect_form input, .intellect-top.error .intellect_form input::placeholder,
.intellect-top.error .intellect_form textarea, .intellect-top.error .intellect_form textarea::placeholder{
    color: rgba(224, 32, 32, 1);
    border-color:rgba(224, 32, 32, 1);
}
.intellect-top_title span {   
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 6px;
    gap: 4px;
    border-radius: 59px;
    color:#fff;
    letter-spacing: 0;
}

.intellect-top_title span:before{
    content:"";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}
.intellect-top_title span.red {
    background: rgba(227, 51, 51, 1);
}
.intellect-top_title span.blue {
    background: rgba(11, 0, 216, 1);
}
.intellect-top_text {
    color: #000;
    opacity: 0.8;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
}
.intellect-top_btn {
    padding: 8px 18px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    text-decoration: none;
    white-space: nowrap;
}
.intellect_form .line {
    margin-bottom: 20px;
}
.education .intellect_form .field {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-right: 0;
}
.intellect_form-label {    
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 10px;
    color: #7874A3;
}
.intellect_form input {
    color: #7874A3;
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 500;
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 14px;
    transition: border-color .2s linear;
    border: 1px solid #7874A3;
    border-radius: 9px;
    background: var(--form_bg_color);
}
.intellect_form textarea {
    color: #7874A3;
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 500;
    display: block;
    width: 100%;
    height: 96px;
    padding: 14px;
    transition: border-color .2s linear;
    border: 1px solid #7874A3;
    border-radius: 9px;
    background: var(--form_bg_color);
    resize: none;
}
.modal-intellect {
    display: none;
    width: 360px;
    max-width: 100%;
    padding: 48px 33px 38px;
    border-radius: 15px;
    background: #fff;
}
.modal-intellect .icon {
    display: block;
    width: 104px;
    height: 104px;
    margin: 0 auto 19px;
}
.modal-intellect_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 17px;
    color: #000;
    opacity: 0.8;
    text-align: center;
}
.modal-intellect_text {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 21px;
    color: #514F78;
    text-align: center;
}
.modal-intellect_link {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 9px 10px;
    border-radius: 55px;
    background: var(--main_color);
    max-width: 207px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
}

.dialog .data .fast_link{
    font-size: unset;
}


.steps-instruction_item {
    padding: 18px;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 15px;
}

.steps-instruction_item.archive .steps-instructions_items{
    opacity: 0.5;
}

.steps-instruction-in_archive{
    padding: 3px 10px;
    background: #303030;
    border-radius: 6px;
    color:#fff;
    margin-left: 10px;
    white-space: nowrap;
}
.step-simulator_head_right {
    display: flex;
}
.step-simulator_head_link {
    padding: 8px 18px;
    border-radius: 17px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    flex-shrink: 0;
    text-decoration: none;
    text-align: center;
    margin-left: 11px;  
    display: block;
}
.steps-instructions_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 18px;
}
.steps-instructions_head:after {
    position: absolute;
    width: calc(100% + 36px);
    left: -18px;
    bottom: 0;
    content: "";
    height: 1px;
    background: #d0d0d0;
}
.steps-instructions_head-left {
    display: flex;
    align-items: center;
}
.steps-instructions_head-number {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid var(--main_color);
    font-family: 'Inter';
    font-weight: 900;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    letter-spacing: -0.174181px;
    color: var(--main_color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.steps-instruction_item:nth-child(2) .steps-instructions_head-number,
.steps-instruction_item:nth-child(3) .steps-instructions_head-number {
    width: 32px;
    height: 23px;
    border-radius: 62px;
    border: 2px solid var(--main_color);
    font-family: 'Inter';
    font-weight: 900;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    letter-spacing: -0.174181px;
    color: var(--main_color);
    display: flex;
    align-items: center;
    justify-content: center;
}
.steps-instructions_head-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.5px;
    color: #121213;
    margin: 0 4px 0 8px;
}
.steps-instructions_head-settings .icon {
    width: 24px;
    height: 24px;
    margin-top: 5px;
}
.steps-instructions_head-right {
    display: flex;
    align-items: center;
}
.steps-instructions_head-right .icon {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    color: var(--main_color);
}
.steps-instructions_head-image {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    padding: 3px 10px;
    border-radius: 6px;
    background: #2F9AFD;
    text-decoration: none;
    display: block;
    margin-left: 10px;
}
.steps-instructions_head-items {
    display: flex;
    align-items: center;
}
.steps-instructions_head-item {
    font-family: 'Inter';
    font-weight: 800;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #635CDB;
    display: flex;
    align-items: center;
    margin-left: 12px;
}
.steps-instructions_items {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    counter-reset: item-counter;
}
.steps-instructions_item {
    counter-increment: item-counter;
    position: relative;
    display: flex;    
    border-radius: 15px;
}
.steps-instructions_item-number {
    min-width: 18px;
    height: 18px;
    border-radius: 18px;
    background: var(--main_color);
    font-family: 'Inter';
    font-weight: 900;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.174181px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0 3px;
}
.steps-instructions_items > * {
    width: calc(100%/4 - 7px);
    padding: 8px;
    background: #F3F3FF;
    text-decoration: none;
    padding-top: 14px;
}
.steps-instructions_item-info {
    margin-left: 7px;
    width: 100%;
}
.steps-instructions_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    color: #000000;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.steps-instructions_item-title a{
    width: calc(100% - 50px);
    display: block;
     font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    color: #000000;
    text-decoration: none;
    display: flex;
}
.steps-instructions_item-title span {
    width: calc(100% - 50px);
    display: block;
}
.steps-instructions_item-text {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #525266;
    text-decoration: none;
}
.steps-instructions_item-links {
    display: flex;
}
.steps-instructions_item-links a, .steps-instructions_item-links > div{
    margin-left: 5px;
    display: block;
}
.steps-instructions_item-links a .icon, .steps-instructions_item-links > div .icon {
    display: block;
    width: 18px;
    height: 18px;
}
.steps-instructions_item-desc {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    color: #000000;
    margin: 20px auto 0;
    padding: 12px;
    background: #F3F3FF;
    width: 100%;
    border-radius: 6px;
}
.steps-instructions_item-desc .icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.steps-instructions_item.dn:before {
    display: none;
}

.sort_step_new{
	display: none;
}

.sort_step_new.active{
	display: block;
}



.simulator-quiz {
    background: #FFFFFF;
    border-radius: 15px;
}
.simulator-quiz_head {
    padding: 22px 21px 19px;
    border-bottom: 1px solid #C1C1C1;
    display: flex;
    align-items: center;
    gap: 14px;
}
.simulator-quiz_head .icon {
    width: 39px;
    height: 29px;

}
.simulator-quiz_info-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
}
.simulator-quiz_info-text {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 23px;
    line-height: 26px;
    color: #252525;
}
.simulator-quiz_box {
    display: flex;
    justify-content: space-between;
    gap: 27px;
}
.simulator-quiz_wrap {
    padding: 26px 18px 19px;
    border-right: 1px solid #C1C1C1;
    width: calc(50%);
    flex-shrink: 0;
    padding-bottom: 126px;
}
.simulator-quiz_wrap-head {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}
.simulator-quiz_wrap-number {
    min-width: 44px;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 30px;
    color: var(--main_color);
    font-weight: 700;
    font-size: 23px;
    border: 2px solid var(--main_color);
    letter-spacing: -0.16px;
}
.simulator-quiz_wrap-info {
    margin-left: 15px;
}
.simulator-quiz_wrap-text {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -0.290185px;
    color: #121213;
}
.simulator-quiz_item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.simulator-quiz_item-title {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 21px;
    line-height: 24px;
    color: #161616;
    margin-bottom: 6px;
}
.simulator-quiz_item-text {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #34344A;
}
.simulator-quiz_items {
    padding-right: 8px;
    margin-bottom: 20px;
}
.simulator-quiz_item:nth-child(1) .icon {
    width: 33px;
    height: 33px;
    flex-shrink: 0;
}
.simulator-quiz_item:nth-child(2) .icon {
    width: 31px;
    height: 30px;
    flex-shrink: 0;
}
.simulator-quiz_item:nth-child(3) .icon {
    width: 29px;
    height: 29px;
    flex-shrink: 0;
}
.simulator-quiz_item + .simulator-quiz_item {
    margin-top: 16px;
}
.simulator-quiz .audio_message {
    border-radius: 7px;
    padding: 10px;
    background: #EFEEFD;
}


.simulator-quiz .btns {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 23px 18px 19px;
    margin-top: -126px;
}
.simulator-quiz .btns > * + * {
    margin-left: 8px;
}
.simulator-quiz .prev_btn {
    color: #fff;
    display: flex;
    width: 37px;
    height: 37px;
    transition: .2s linear;
    border-radius: 50%;
    background: #DEDCF2;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.simulator-quiz .prev_btn .icon {
    display: block;
    width: 24px;
    height: 23px;
}
.simulator-quiz .prev_btn.disabled {
    color: var(--text_color);
    pointer-events: none;
    background: #e8e3dd;
}
.simulator-quiz .next_btn {
    display: flex;
    width: 80px;
    height: 80px;
    transition: .2s linear;
    text-align: center;
    text-transform: uppercase;
    border-radius: 50%;
    background: var(--main_color);
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.simulator-quiz .next_btn .icon {
    display: block;
    width: 32px;
    height: 32px;
}
.simulator-quiz .next_btn.disabled {
    pointer-events: none;
}
.simulator-quiz .progress {
    width: 100%;
    margin-left: auto;
    align-self: center;
    position: relative;
    padding-top: 14px;
    margin-top: 23px;
}
.simulator-quiz .progress:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 1px;
    background: #C1C1C1;
}
.simulator-quiz .progress .count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 15.84px;
    line-height: 18px;
    color: #202020;
}
.simulator-quiz .progress .progress_bar {
    width: 100%;
    height: 16px;
    margin-top: 7px;
    border-radius: 8px;
    background: #DDDBF9;
}
.simulator-quiz .progress .progress_bar div {
    height: 16px;
    transition: width .3s linear;
    border-radius: 8px;
    background: var(--main_color);
}
.simulator-quiz_img {
    margin: 30px 23px 35px 0px; 
    position: relative;
    display: block;
    width: 100%;
}
.simulator-quiz_img img {
    border-radius: 16px;
    height: 75vh;
    width: 100%;
    object-fit: cover;
}
.simulator-quiz_img .full_screen {
    padding-right: 8px;
}
.simulator-quiz_img .full_screen .icon {
    margin-right: 0px;
}

.simulator-quiz .audio_media .media-control.media-play {
    width: 22px;
    height: 22px;
}
.simulator-quiz .audio_media .media-control {
    padding: 0.5em;
}
.simulator-quiz .audio_media .media-symbol {
    height: 0.8em;
    width: 0.8em;
}



.simulator-quiz_description {
    position: relative;
    padding-top: 17px;
}
.simulator-quiz_description:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 1px;
    background: #C1C1C1;
}
.simulator-quiz_description-label {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
    margin-bottom: 10px;
}
.simulator-quiz_description-item {
    padding: 16px;
    background: #F3F2FC;
    border-radius: 16px;
}
.simulator-quiz_description-item-number {
    min-width: 43px;
    height: 31px;
    background: var(--main_color);
    border-radius: 15px;
    text-align: center;
    line-height: 31px;
    color: #FFFFFF;
    font-weight: 900;
    font-size: 16px;
    padding: 0 7px;
    display: inline-block;
    
}
.simulator-quiz_description-item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    color: #121213;
    margin-bottom: 14px;
}
.simulator-quiz_description-item-text {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #525266;
    margin-bottom: 10px;
}
.simulator-quiz_video {
    width: 100%;
    height: 100%;     
    position: relative;
}
.simulator-quiz_video .simulator-quiz_video-wrap {
    display: flex;
    align-items: center;
    justify-content: center;  
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: calc(100% - 20px);
}
.simulator-quiz_video .simulator-quiz_video-wrap .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;  
     width: 57px;
    height: 57px;
}
.simulator-quiz_video .simulator-quiz_video-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.simulator-quiz_video img{
    border-radius: 8px;
    object-fit: cover;
    width: 100%;
    height: 75vh;
}
.simulator-quiz_video-wrap {
	position: relative;
	width: 100%;
    display: block;
}

.step.w100 .simulator-quiz_wrap {
    width: 100%;
    border-right: none;
}
.simulator-quiz .step {
    display: none;
}
.simulator-quiz .step1 {
    display: block;
}

.solutions-tasks_audio{
    width: 100%;
    margin-top: 20px;
}

.warning_training_list_image{
    width: 100%;
    margin-top: 15px;
    margin-left: 8px;
}

.warning_training_list_image img{
    width: 140px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
}

.warning_training_list_video{
    width: 100%;
    margin-top: 15px;
    margin-left: 8px;
    position: relative;
}

.warning_training_list_video img{
    width: 140px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}
.warning_training_list_video_wrap{
    width: 140px;
    height: 100px;
    position: relative;
}

.warning_training_list_video_wrap:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.warning_training_list_video .icon {
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    z-index: 1;
}
.warning_training_list_video .icon {
    width: 30px !important;
    height: 30px !important;
    margin-right: 10px;
    flex-shrink: 0;
}

.content_flex_full_action .row{
    display: block;
}

.content_flex.content_flex_full_action .content{
    width: 100%;
    padding-bottom: 52px;
}

.content_flex.content_flex_full_action .simulator-quiz_img img,
.content_flex.content_flex_full_action  .simulator-quiz_video img{
    height: 60vh;
}

.simulator-quiz_buttons{
    margin-left: auto;
}

.simulator-quiz-select-step{
    padding: 8px 21px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    text-decoration: none;
}


.simulator-quiz_step_select{
    display: flex;
    gap:20px;
    flex-wrap: wrap;
}

.simulator-quiz_item_step{
    background: var(--color_light);
    width: calc(100% / 3 - 14px);
    border-radius: 12px;
    padding: 16px;

    text-decoration: none;
}

.simulator-quiz_item_step_number{
    min-width: 44px;
    border-radius: 50px;
    text-align: center;
    line-height: 30px;
    color: var(--main_color);
    font-weight: 700;
    font-size: 23px;
    border: 2px solid var(--main_color);
    letter-spacing: -0.16px;
    display: inline-block;
}

.simulator-quiz_item_step_title{  
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;  
    letter-spacing: -0.290185px;
    color: #121213;
    margin-top: 20px;
}

.select_search{
    border-radius: 54px;
    background: #E9E7F8;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    color: #625BA1;
    height: 46px;
    align-items: center;
    padding: 0 6px;
    gap:6px;
}

.select_search input{
    display: none;
}

.select_search label{
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 54px;
    display: flex;
    align-items: center;
    gap: 5px;
    text-wrap: nowrap;
}

.select_search label:has(input:checked){
    color:#fff;
    background: var(--main_color);    
}

.select_search label:nth-child(2):has(input:checked)
{
    background: linear-gradient(68deg, #682D8C -1.82%, #EB1E79 106.59%);
}

.select_cats{
    color: #625BA1;
    font-size: 14px;
    font-weight: 700;
    display: none;
    gap:15px;
    align-items: center;
    margin-left: 15px;
}

.select_cats.active{
    display: flex;
}

.select_cats_wrap{
    display: flex;
    align-items: center;
}

.select_cats_filter{
    font-weight: 500;
    font-size: 12px;
    line-height: 34px;
    color: #FFFFFF;
    background-color: var(--main_color);
    padding: 0 16px;
    display: flex;
    align-items: center;
    position: relative;
    margin-left: auto;
    align-self: end;
    height: 41px;
    border-radius: 22px;
    font-size: 14px;
    line-height: 16px;
}

.select_cats_filter .arrow {
    color: #fff;
    display: block;
    width: 8px;
    height: 7px;
    margin-left: 5px;
    transition: transform .2s linear;
}

.select_cats_filter.active .arrow {
    transform: rotate(180deg);
}

.select_cats_wrap .mini_modal {
    top: calc(100% + 15px);
    right: 0;
    left: auto;
    width: 300px;
    padding: 15px;
    border-radius: 17px;
    background: #FFF;
    box-shadow: 0px 16px 38.1px 0px rgba(0, 0, 0, 0.45);
    text-align: left;
}

.filter_cats_modal_title {
    color: black;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    margin-bottom: 15px;
}

.filter_cats_filter {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.filter_cats_item {
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    background-color: color-mix(in srgb, var(--main_color) 50%, #fff);
    padding: 3px 8px;
    border-radius: 10px;
    cursor: pointer;
    line-height: 1.4;
}

.filter_cats_item.active{
    background-color: var(--main_color);
}

.filter_cats_buttons button{
    border-radius: 48px;
    border: 1px solid #CFCDEE;
    background: #F6F5FF;
    color: #64698F;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    height: 23px;
    padding: 0 10px;
}

.search_ai{
    display: none;
    padding: 8px 22px 8px 15px;
    align-items: center;
    gap: 10px;
    border-radius: 74px;
    background: linear-gradient(68deg, #682D8C -1.82%, #EB1E79 106.59%);
    color: #FFF;
    font-weight: 500;
    font-size: 14px;
    height: 40px;
    margin-bottom: 40px;
}

.search_ai.active{
    display: inline-flex;
}

.search_ai .icon{
    width: 16px;
    height: 16px;
}

.faq .input.ai{
    background: #FFFFFF url(../images/ai.svg) no-repeat 20px center;
}

.select_cats_filter.error{
    background: red;
    animation: blink 1s cubic-bezier(0.4, 0, 1, 1) infinite;
}

@keyframes blink {
  0%{
    background: red;
  }
  50% {
    background: var(--main_color);
  }
}

.wrap_search_ai{
    display: none;
}

.search_ai_loading{
    flex-direction: column;
    display: flex;
    max-width: 350px;
    align-items: center;
    gap: 15px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
}

.search_ai_loading .dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--main_color);
    color: #9880ff;
    animation: dot-flashing 1s infinite linear alternate;
    animation-delay: 0.5s;
}

.search_ai_loading .dot-flashing::before, .search_ai_loading .dot-flashing::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
}

.search_ai_loading .dot-flashing::before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--main_color);
    color: #9880ff;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 0s;
}

.search_ai_loading .dot-flashing::after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--main_color);
    color: #9880ff;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 1s;
}

.search_ai_content{
    display: none;
}

.search_ai_title{
    font-weight: 700;
    font-size: 22px;
    color:#000000;
}

.search_ai_title span{
    background: linear-gradient(68deg, #682D8C -1.82%, #EB1E79 106.59%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.search_ai_cats{
    margin-top: 10px;
    display: flex;
    gap:10px;
}

.search_ai_cat{
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    background-color: var(--main_color);
    padding: 3px 8px;
    border-radius: 10px;
}

.search_ai_result{
    margin-top: 20px;
    border-radius: 8px;
    background: #FFF;

    box-shadow: 2px 4px 60px 0px rgba(41, 44, 124, 0.10);
    padding: 15px;
    margin-bottom: 20px;
}

.search_ai_head{
    display: flex;
    gap:15px;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
}

.search_ai_text{
    margin-top: 20px;
}

.search_ai_text p + p{
    margin-top: 15px;
}

.search_ai_warning{
    margin-top: 20px;
    display: flex;
    gap:15px;
    align-items: center;
    color: #7077AD;
}

.search_ai_history{
    margin-top: 25px;
}

.search_ai_history_title{
    font-size: 22px;
    font-weight: 700;
}

.search_ai_history_list{
    margin-top: 25px;
}

.search_ai_history_item{
    border-radius: 8px;
    background: #FFF;

    box-shadow: 2px 4px 60px 0px rgba(41, 44, 124, 0.10);
    padding: 15px;
}

.search_ai_history_item + .search_ai_history_item{
    margin-top: 15px;
}

.search_ai_history_head{
    display: flex;
    gap:15px;
    align-items: center;
    justify-content: space-between;
}

.search_ai_history_head_title{
    font-size: 16px;
    font-weight: 700;
}

.search_ai_history_date{
    color: #7077AD;    
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
}

.search_ai_history_btn{
    display: flex;
    gap: 10px;
}

.search_ai_history_show{
    color: #0085FF;
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    margin-left: auto;
    text-wrap: nowrap;
}

.search_ai_history_show.red{
    color:red;
}

.search_ai_history_desc{
    padding-top: 20px;
    margin-top: 20px;
    position: relative;
    display: none;
}

.search_ai_history_desc:before{
    content:"";
    width: calc(100% + 30px);
    height: 1px;
    background: #CECECE;
    left: -15px;
    top:0px;
    position: absolute;
}

.search_ai_not_found{
    color: #7077AD;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    gap:15px;
    align-items: center;
    margin-top: 10px;
}

.select_search label .ai{
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

.filter_cats_modal_close {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 24px;
    height: 24px;
    opacity: 0.2;
    cursor: pointer;
    transition: opacity ease 0.5s;
    z-index: 100;
}
.filter_cats_modal_close:hover {
    opacity: 1;
}

.filter_cats_modal_close::before,
.filter_cats_modal_close::after {
    content: "";
    position: absolute;
    top: 10px;
    display: block;
    width: 24px;
    height: 3px;
    background: #000;
}

.filter_cats_modal_close::before {
    transform: rotate(45deg);
}

.filter_cats_modal_close::after {
    transform: rotate(-45deg);
}



.simulator-answer {
    padding: 17px 22px;
    background: #fff;
    border-radius: 15px;
}
.simulator-answer_title {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 15px;
}
.simulator-answer_item + .simulator-answer_item {
    margin-top: 15px;
}
.simulator-answer_item {
    padding: 18px;
    background: #F3F3FF;
    border-radius: 14px;
}
.simulator-answer_item-top {
    position: relative;
    padding-bottom: 13px;
    margin-bottom: 18px;
}
.simulator-answer_item-top:before {
    content: "";
    position: absolute;
    width: calc(100% + 36px);
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: #C1C1C1;
}
.simulator-answer_item-label {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 3px 10px;
    border-radius: 6px;
    background: var(--main_color);
    display: inline-block;
    margin-bottom: 12px;
}
.simulator-answer_item-desc {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #7077AD;
    margin-bottom: 11px;
}
.simulator-answer_item-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 17px;
    color: #2D2B2B;
}
.simulator-answer_item-bottom {
    display: flex;
    gap: 13px;
}
.simulator-answer_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    color: #000000; 
}
.simulator-answer_item .pie.yellow {
    color: #E7B025;
}
.simulator-answer_item .pie.red {
    color: #C31818;
}
.simulator-answer_item .audio_message {
    width: 249px;
    background: #FFFFFF;
    border-radius: 54px;
    padding: 4px;
    margin-bottom: 12px;
}
.simulator-answer_item .audio_media .media-control.media-play {
    width: 23px;
    height: 23px;
}
.simulator-answer_item .audio_media .media-control {
    font-size: 53%;
    line-height: 1;
    padding: 0.97em;
    text-decoration: none;
}
.simulator-answer_item-video {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 10px;
}
.simulator-answer_item-video .simulator-answer_item-video-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.simulator-answer_item-video .simulator-answer_item-video-wrap .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 26px;
    height: 26px;
}


.comment_bottom {
    position: relative;
    padding-top: 13px;
    margin-top: 16px;
}
.comment_bottom:before {
    content: "";
    position: absolute;
    width: calc(100% + 36px);
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background: #C1C1C1;
}
.comment_bottom-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #282C45;
    margin-bottom: 11px;
}
.comment_bottom-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    opacity: 0.8;
    margin-bottom: 7px;
}
.comment_bottom-btn {
    display: flex;
    align-items: center;
    gap: 3px;
    text-decoration: none;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 13px;
    line-height: 130%;
    color: #7874A3;
}
.comment_bottom-btn .icon {
    width: 18px;
    height: 18px;
}

.modal_comment {
    padding: 20px 18px 23px;
    border-radius: 12px;
    background: #fff;
    max-width: 966px;
    width: 100%;
}
.modal_comment-title {
    width: calc(100% - 50px);
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    position: relative;    
}
.modal_comment form {
    position: relative;
    padding-top: 20px;
    margin-top: 17px;
}
.modal_comment form:before {
    content: "";
    position: absolute;
    width: calc(100% + 36px);
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background: #C1C1C1;    
}
.modal_comment form .field {
    display: flex;
    flex-direction: column;
}
.modal_comment form label {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
    margin-bottom: 10px;
    width: 100%;
}
.modal_comment form textarea {
    padding: 14px;
    border: 1px solid #7874A3;
    width: 100%;
    height: 96px;
    border-radius: 9px;
    margin-bottom: 17px;
}
.modal_comment form button {
    padding: 12px 20px;
    background: var(--main_color);
    border-radius: 100px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    margin-left: auto;
    color: #FFFFFF;
    display: block;
}

.simulator-quiz_wrap-labels {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 20px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
}
.simulator-quiz_wrap-labels .icon {
    width: 24px;
    height: 24px;
}
.simulator-quiz_wrap-info {
    display: flex;
    flex-direction: column;
}

.modal_next {
    max-width: 360px;
    width: 100%;
    padding: 44px 48px 32px;
    border-radius: 15px;
    background: #fff;    
    display: flex;
    flex-direction: column;
    display: none;
}
.modal_next .icon {
    width: 93px;
    height: 93px;
    margin: 0 auto 26px;
}
.modal_next-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    margin-bottom: 9px;
    max-width: 257px;
}
.modal_next-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #514F78;
    opacity: 0.8;
    margin-bottom: 17px;
}
.modal_next-btn {
    width: 85px;
    padding: 5px 17px;
    border-radius: 54px;
    background: var(--main_color);
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    margin: 0 auto;
    text-decoration: none;
}

.shop_head-links {
    display: flex;
}
.shop_head-links a {
    text-decoration: none;
    padding: 10px 12px;
    background: var(--main_color);
    border-radius: 60px;
    margin-left: 13px;
    display: block;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    text-align: center;
}
.shop_head-links a.active {
    opacity: 0.3;
}

.shop-new_zakaz {
    padding: 19px 15px;
    border-radius: 15px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shop-new_zakaz-left {
    display: flex;
    align-items: center;
}
.shop-new_zakaz-left .icon {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    display: block;
}
.shop-new_zakaz-left-box {
    display: flex;
    align-items: center;
}
.shop-new_zakaz-text {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    margin-right: 12px;
}
.shop-new_zakaz-product {
    background: #F3F3FF;
    border-radius: 34px;
    padding: 5px 14px;
    font-family: 'Ubuntu';
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.5px;
    font-weight: 700;
    color: #1C1C1C;
    display: flex;
    align-items: center;
}
.shop-new_zakaz button {
    text-decoration: none;
    padding: 5px 12px;
    background: #D72727;
    border-radius: 60px;
    margin-left: 13px;
    display: block;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}
.shop-new_zakaz-product span {
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    gap: 3px;
    margin-left: 6px;
}
.shop_card-title {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shop_card-title span {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    color: #101010;  
}
.shop_card-title .nice-select {
    padding: 0 27px 0 12px;
    border-radius: 50px;
    height: 34px;
    line-height: 34px;
    color: #625BA1;
    font-size: 12px;
    font-weight: 500;
    background: #E4E1F8;
}
.shop_card-title .nice-select .list {
    color: #7874A3;
    font-size: 12px;
    font-weight: 500;  
    padding: 5px 0;
    top: calc(100% + 3px);
    width: calc(100% + 30px);
    right: 0px;
    left: auto;
}
.shop_card-title .nice-select .option {
    line-height: 30px;
    list-style: none;
    min-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.shop_card-title .nice-select:after {
    border-bottom: 1px solid #625BA1;
    border-right: 1px solid #625BA1;
    height: 6px;
    width: 6px;
    margin-top: -4px;
}

.shop-new_history-items {
    padding: 16px 14px;
    background: #fff;
    border-radius: 15px;
}
.shop-new_history-item {
    padding: 12px;
    background: #F3F3FF;
    border-radius: 7px;
    display: flex;
    align-items: center;
    gap: 17px;
}
.shop-new_history-item + .shop-new_history-item {
    margin-top: 14px;
}
.shop-new_history-item-img {
    width: 65px;
    height: 65px;
    flex-shrink: 0;
}
.shop-new_history-item-img img {
    border-radius: 7px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.shop-new_history-item-title {
    display: flex;
    align-items: center;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.5px;
    color: #1C1C1C;
}
.shop-new_history-item-price {
    margin-left: 5px;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.5px;
    color: #1C1C1C;
}
.shop-new_history-item-price span {
    display: flex;
    align-items: center;
    gap: 9px;
}
.shop-new_history-item-author {
    display: flex;
    align-items: center;
    gap: 7px; 
}
.shop-new_history-item-photo {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.shop-new_history-item-photo img {
    border-radius: 50%;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.shop-new_history-item-name {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.3px;
    color: #7F7AB0;
}

.shop-new_leader-buttons .swiper-button-next, 
.shop-new_leader-buttons .swiper-button-prev {
    background: var(--main_color);
    width: 23px;
    height: 23px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;    
}
.shop-new_leader-buttons .swiper-button-next .icon,
.shop-new_leader-buttons .swiper-button-prev .icon {
    width: 12px;
    height: 10px;
    display: block;
}
.shop-new_leader-items {
    padding: 17px 14px 16px;
    background: #fff;
    border-radius: 15px;
}
.shop-new_leader-items-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -1px;
    color: #101010;
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 20px;
}
.shop-new_leader-items-title span {
    display: block;
}
.shop-new_leader-buttons {
    width: 53px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shop-new_leader-buttons .swiper-button-prev {
    left: auto;
    margin-top: -22px;
}
.shop-new_leader-buttons .swiper-button-next {
    right: auto;
    margin-top: -22px;
}

.shop-new_leader-item {
    padding: 19px;
    background: #F3F3FF;
    border-radius: 8px;
    gap: 16px;
    display: flex;
    align-items: center;
}
.shop-new_leader-item-photo {
    width: 51px;
    height: 51px;
    flex-shrink: 0;
}
.shop-new_leader-item-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.shop-new_leader-item-name {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.5px;
    color: #1C1C1C;
    margin-bottom: 4px;
}
.shop-new_leader-item-price {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.5px;
    color: #1C1C1C;    
}
.shop-new_leader-item-price span {
    display: flex;
    align-items: center;
    gap: 9px;
}
.shop-cart {
    padding: 21px 40px 28px;
    border-radius: 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.shop-cart .icon {
    width: 55px;
    height: 55px;
    margin: 0 auto;
}
.shop-cart_title {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #353C6E;
    opacity: 0.8;
    margin-top: 15px;
    max-width: 570px;
}
.shop-cart_btn {
    margin-top: 20px;
    text-decoration: none;
    padding: 10px 12px;
    background: var(--main_color);
    border-radius: 60px;
    display: inline-block;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}
.shop_accrual-head .icon {
    width: 30px;
    height: 22px;
}
.shop_accrual-head-box {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.shop_purchase .block_title {
    margin-bottom: 0;
}
.shop_accrual-head {
    display: flex;
    align-items: center;
    justify-content: space-between;    
}
.shop_purchase-head .icon {
    width: 30px;
    height: 22px;
}
.shop_purchase-head-box {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.shop_purchase-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.shop_award-head .icon {
    width: 30px;
    height: 22px;
}
.shop_award-head-box {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.shop_award .block_title {
    margin-bottom: 0;
}
.shop_award-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.shop_award-wrap + .shop_award-wrap {
    margin-top: 25px;
}
.shop_award-wrap-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    color: #000;
    opacity: 0.8;
    margin-bottom: 16px;
}
.shop_award-items {
    padding: 16px;
    background: #fff;
    border-radius: 15px;
}
.shop_award-item {
    padding: 8px 14px;
    border-radius: 6px;
    background: #F3F3FF;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shop_award-item + .shop_award-item {
    margin-top: 10px;
}
.shop_award-item-left-text {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}
.shop_award-item-right span {
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.shop_award-item-left {
    margin-right: 18px;
}
.shop-news {
    background: #fff;
    padding: 16px;
}
.shop_top-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 14px;
    border-radius: 15px;
    background: #fff;
    position: relative;
    margin-bottom: 17px;
}
.shop_top-wrap:before {
    position: absolute;
    content: "";
    width: calc(100% + 32px);
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #B9B9B9;
}
.shop_top-box {
    display: flex;
    align-items: center;
    gap: 15px;
}
.shop_top-wrap a {
    border-radius: 71px;
    background: var(--main_color);
    text-decoration: none;
    color: #fff;
    padding: 9px 12px;
    font-weight: 500;
    font-size: 12px;
    display: block;
    text-align: center;
    min-width: 85px;
}

.shop-news_btn {
    border-radius: 71px;
    background: var(--main_color);
    text-decoration: none;
    color: #fff;
    padding: 9px 12px;
    font-weight: 500;
    font-size: 12px;
    display: block;
    text-align: center;
    min-width: 85px;
    margin-top: 12px;
}
.accrual_item.hide {
    display: none;
}
.accrual_item.hide.active {
    display: flex;
    margin-top: 12px;
}
.shop-news_label {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #4C4E5C; 
    margin-bottom: 12px;   
}
.shop-news_icon {
    background: rgba(216, 168, 0, 0.15);
    border-radius: 8px;
    width: 61px;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.shop-news_icon img {
    width: 37px;
    height: 37px;
    z-index: 100;
}


.knowledge-base .page_title {
    margin-bottom: 30px;
}
.knowledge-base_box {
}
.knowledge-base_box_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    color: #1A1A1A;
    margin-bottom: 20px;
}
.knowledge-base_items {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
.knowledge-base_items > * {
    text-decoration: none;
    width: calc(100%/3 - 15px);
    padding: 12px;
    border-radius: 14px;
    background: #fff;
}
.knowledge-base_item-top {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-bottom: 12px;
    position: relative;
}
.knowledge-base_item-top:before {
    position: absolute;
    content: "";
    width: calc(100% + 24px);
    height: 1px;
    background: #D6D6D6;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.knowledge-base_item-img {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    background: #CDCCF1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}
.knowledge-base_item-img .icon {
    width: 36px;
    height: 36px;
}
.knowledge-base_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 5px;
    color: #000;
}
.knowledge-base_item-text {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #7077AD;    
}
.knowledge-base_item-bottom {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 12px;
}
.knowledge-base_item-label {
    padding: 3px 8px;
    background: var(--main_color);
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    border-radius: 39px;
}
.knowledge-base_item-date {
    padding: 3px 8px;
    background: #EBE9FC;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #524F8E;
    border-radius: 39px;
}

.simulator-quiz_step_select_head {
    display: flex;
    align-items: center;
    gap: 10px;
}
.simulator-quiz_step_select_head .simulator-quiz_wrap-labels {
    margin-top: 0;
}

.draft_db{
	background: #D9D6F0;
    border-radius: 15px;
    padding: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #515781;
    display: inline-block;
    margin-left: 10px;
}

.archive_db{
    background: #424242;
    border-radius: 15px;
    padding: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
}


.page_title_bd_link{
    display: flex;
    align-items: center;
    color:#353352 !important;
}

.correction_modal-form input[name="deadline_at"]{
	width: 100%;
    background: #FFFFFF;
    border: 1px solid #7874A3;
    border-radius: 9px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    padding: 14px;
}

.correction_modal .nice-select{
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #7874A3;
    border-radius: 9px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    padding: 14px;
    height: 46px;
}

.correction_modal .nice-select .current {
    line-height: 18px;
}

.correction_modal .nice-select.open .list {
    top: calc(100% + 10px);
    visibility: visible;
    opacity: 1;
    padding: 10px 0;
}
.correction_modal .nice-select .list {
    position: absolute;
    z-index: 9;
    top: calc(100% + 30px);
    left: 0;
    visibility: hidden;
    overflow: hidden;
    min-width: 100%;
    transition: .2s linear;
    opacity: 0;
    border: 1px solid #7874A3;
    border-radius: 11px;
    background: #fff;
}

.correction_modal. nice-select .list .scrollbar {
    overflow: auto;
    max-height: 240px;
    padding: 10px 0;
}

.correction_modal .nice-select .list .list_item:hover, .correction_modal .nice-select .list .list_item.selected {
    background: #eeeffc;
    color:#000;
}
.correction_modal .nice-select .list .list_item {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 10px 14px;
    cursor: pointer;
    transition: background .2s linear;
}

.correction_modal .label{
    margin-bottom: 5px;
}

#imgInp{
    display: none;
    margin-top: 10px;
}

#steam{
    display: none;
}

.img_file{
    position: relative; 
    display: none;
    margin-top: 10px;
}

#outputMulti span{
   width: 150px;
    height: 150px;
}


.img_file img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.img_file_close{
    width: 19px;
    height: 19px;
    background: #000;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: -8px;
    right: -8px;
}

.label_img_file{
    display: flex;
    margin-top: 10px;
    gap: 10px;
    cursor: pointer;
}

.label_img_file img{
    width: 15px;
}

.comments .comment .images{
    width: 100%;
    margin-top: 10px;
    display: flex;
    gap:10px;
}

.comments .comment .images img{
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
}

#outputMulti{
    display: flex;
    gap: 10px;
}

.clear_input{
    display: none;
    margin-top: 10px;
    cursor: pointer;
}

.correction_modal-form .line input[type='number']{
    padding: 0 14px;
    background: #FFFFFF;
    border-radius: 9px;
    border: 1px solid #808093;
    resize: none;
    height: 41px;
    width: 100%;
    font-family: var(--font_family);
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #808093;
}

.step_stage_time_new .icon{
    width: 27px;
    height: 27px;
}

.step_stage_time_new{
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-left: auto;
}

.steps-instructions_item-title .simulator-quiz_wrap-time{
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.steps-instructions_item-title .simulator-quiz_wrap-time .icon{
    width: 27px;
    height: 27px;
}

.steps-instructions_item-title a{
    align-items: center;
    position: relative;
    top:-5px;
}

.simulator-quiz_description-item_flex{
    display: flex;
    margin-bottom: 16px;
}

.comments_wrap_new{
    display: flex;
    gap: 20px;
    padding: 0;
    background: none;
    margin-top: 0 !important;
}

.comments_wrap_new .comments{
    width: calc(50% - 10px);
}

.accordion_dialog{
	margin-top:30px;
}

.accordion_dialog .accordion_item .head{
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	border:none;
	align-items: center;
}

.accordion_dialog .accordion_item .head .title{
	padding: 0;
    font-size: 16px;
    line-height: 1;
    text-align: left;
}

.accordion_dialog .accordion_item .data{
	padding: 20px;
}

.comments_wrap_new .block_title{
    display: flex;
    align-items: center;
    gap:15px;
}

.comments_wrap_new .block_title .tabs{
    padding: 4px;
    border-radius: 39px;
    background: #E8E6F4;
    margin: 0 !important;
    margin-left: 20px !important;
    text-wrap:nowrap;
}

.comments_wrap_new .block_title .tabs .icon{
    width: 17px;
    height: 17px;
}
.comments_wrap_new .block_title .tabs button
{
    text-decoration: none;
    color: #625BA1;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px;
    border-radius: 55px;
    transition: all .4s;
    display: inline-block;
    line-height: normal;
    opacity: 1;
    margin-right: 0;
    letter-spacing: inherit;
    display: inline-flex;
    align-items: center;
}


.comments_wrap_new .block_title .tabs button.active{
    background: var(--main_color);
    color: #fff;
}

.comments_wrap_new .block_title .tabs button:hover {
    background: var(--main_color);
    color: #fff;
}

.add_comment .dialog{
    background: #F3F2FC;
    border-radius: 10px;
}

.add_comment .dialog .add_audio{
    padding: 20px;
    text-align: center;
}

.add_comment .dialog .add_audio .start_btn{
    background: #fff;
}

.play_text{
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
}

.play_text .icon{
    width: 14px;
    height: 14px;
    color:#524F8E;
}

.play_text .inner{
    padding: 4px 10px;
    border-radius: 39px;
    background: #E8E6F4;
    display: inline-flex;
    gap: 5px;
    align-items: center;
}
.play_text .load{
    color: #FF7A00;
    font-weight: 700;
    display: none;
    align-items: center;
}

.play_text .load.active{
    display: flex;
}

.play_text .player{
    display: none;
}

.play_text .player.active{
    display: block;
}



.pay{
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 3px;
    font-weight: bold;
}

.pay .icon{
    height: 25px;
    width: 25px;
 }

 .simulator_item_pay{
    margin-top: -5px;
    margin-bottom: 5px;
    font-size:12px;
 }

 .comments_wrap_new:not(:has(.comments:nth-child(2))) .comments{
    width: 100%;
}

.comments_wrap_new .audio_media .media-toolbar{
    max-width: 400px;
}

.comment_button{
    padding: 8px 14px;
    background: var(--main_color);
    border-radius: 55px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}



.learning-paths .training-plan {
    padding: 17px;
    border-radius: 15px;
    background: #FFF;
}
.learning-paths .training-plan_top {
    display: flex;
    align-items: flex-start;
}
.learning-paths .training-plan_top .rating-top_title {
    margin-left: 22px;
}
.learning-paths .training-plan_items {
    display: flex;
    flex-wrap: wrap;
    gap: 33px;
    margin-left: 0px;
    margin-top: 0px;
    padding: 28px 29px 31px;
    margin-bottom: 0px;
}
.learning-paths .training-plan_items > * {
    width: calc(100%/3 - 22px);
    margin-bottom: 0;
    border-radius: 10px;
    z-index: 5;
    margin-left: 0;
}
.learning-paths .training-plan_item-title {
    padding: 14px 16px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: var(--main_color);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.learning-paths .training-plan_item ul {
    background: #F3F3FF;
    padding: 19px 24px 15px 9px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.training-plan_item ul li a {
    
}
.learning-paths .training-plan_item ul li .training-plan_item-link {
    color: #0583DF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: underline dashed #0583DF;   
}

.learning-paths .training-plan_item ul li {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    padding-left: 26px;
    padding-bottom: 12px;
}

.learning-paths .training-plan_item ul li .training-plan_item-info p {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.15;
    color: #4B549E;
}
.learning-paths .learning-paths .training-plan_item ul li + li {
    margin-top: 13px;
}
.learning-paths .training-plan_item ul li.active::before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    top: 0px;
    left: 0;
    background: url(../images/marker10.svg);
    border: none;
}
.learning-paths .training-plan_item ul li::before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    top: 0px;
    left: 0;
    border: 2px solid #9EA1B2;
    border-radius: 50%;
}
.learning-paths .training-plan_item:before {
    display: none;
}
.learning-paths .training-plan_item-btn {
    text-decoration: none;
    padding: 4px 9px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.15;
    color: #fff;
    display: block;
    border-radius: 29px;
    background: var(--main_color);
    color: #fff;
}
.learning-paths .training-plan_item ul li.active .training-plan_item-link {
    color: #0583DF;
}
.learning-paths .training-plan_item ul li.active .training-plan_item-btn {
    color: #fff;
}
.learning-paths .training-plan_item ul li::after {
    position: absolute;
    content: "";
    width: calc(100% + 33px);
    height: 1px;
    left: -9px;
    bottom: 0;
    background: #DCDCDC;
}
.learning-paths .training-plan_item ul li:last-child:after {
    display: none;
}
.learning-paths .training-plan_item ul li:last-child {
    padding-bottom: 0;
}

.learning-paths-modal .shop_modal-link {
    width: 160px;
}

.learning-paths-modal2 {
    max-width: 473px;
    padding: 47px 28px 34px;
}
.learning-paths-modal2 .shop_modal-title {
    text-align: left;
    margin-bottom: 11px;
}
.learning-paths-modal2 .shop_modal-text {
    text-align: left;
}
.learning-paths-modal2 .shop_modal-link {
    margin-right: auto;
    margin-left: 0;
}

.shop_modal-links {
    display: flex;
    gap: 11px;
    margin-top: 25px;
}
.shop_modal-link:first-child {
    background: var(--main_color);
}
.shop_modal-link:last-child {
    background: #FF4062;
}
.learning-paths-modal3 {
    padding: 47px 28px 34px;
}
.learning-paths-modal3 .shop_modal-link {
    width: auto;
}
.learning-paths-modal3 .shop_modal-title {
    max-width: 255px;
    margin: 0 auto 0;
}

.message_continue button{
    display: flex;
    gap: 10px;
    border: none;
    color: #fff;
    align-items: center;
    min-width: 275px;
    text-align: center;
        justify-content: center;
        padding: 15px 20px;
}

.message_continue button .icon{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.message_continue .green{
    background: #2DAE61;
}

.message_continue .red{
    background: #E04460;
}

.message_continue .blue{
    background: #0B00D8;
    display: none;
    animation: fadeIn 1s ;
}

.message_continue .yellow{
    background: #FA9B2D;
    display: none;
    animation: fadeIn 1s ;
}

@keyframes fadeIn {
   0% {opacity: 0;}
   100% {opacity: 1;}
} 

.message_continue .blue.active{
    display: flex;
}

.message_continue .yellow.active{
    display: flex;
}
.message_continue_text{
    width: 100%;    
    margin-bottom: 20px;
    text-align: center;
}

.message_continue_text span{
    padding: 15px 25px;
    color:#68619E;
    background: #F2F0FF;
    border-radius: 70px;
    font-size:16px;
    display: inline-block;
}

.comment_button svg{
   height: 30px;
}

.comment_button.active{
    padding: 0 10px;
}
.learning-paths .training-plan_item ul li span{
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 23px;
}

.training-plan_item-btns{
    display: flex;
    gap:10px;
}




.evaluation-calls_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.evaluation-calls_head .page_title {
    width: calc(100% - 300px);
    margin-bottom: 0;
}
.evaluation-calls .select-right {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}
.evaluation-calls .nice-select {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #0A00C5;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    width: 146px;
    height: 41px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 33px;
    color: #484848;
}
.evaluation-calls .nice-select:after {
    border-bottom: 2px solid #0500AF;
    border-right: 2px solid #0500AF;
}
.evaluation-calls .mistake_items {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 21px;
    margin-left: 0;    
}
.evaluation-calls .mistake_items > * {
    width: calc(100% / 3 - 20px);
    margin-left: 0;
    position: relative;
    text-decoration: none;
    padding: 14px 36px 18px 15px;
}
.evaluation-calls .mistake_item_title {
    color: rgba(0, 0, 0, 0.8);
}


.inforamation-calls table {
    width: 100%;
    border-collapse: separate;
    margin-top: 18px;
    border-spacing: 0 15px;
}
.inforamation-calls tbody {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.3;
    color: #52577E;  
}
.inforamation-calls tbody tr td {
    position: relative; 
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.3;
    color: #52577E;  
}
.inforamation-calls tbody tr td:nth-child(1) {
    width: 23.9%;
    text-align: start;
    padding: 9px 17px; 
    border-top-left-radius: 10px;   
    border-bottom-left-radius: 10px;  
}
.inforamation-calls tbody tr td:nth-child(2) {
    width: 28.2%;
    text-align: start;
    padding: 9px 17px 9px 0;
}
.inforamation-calls tbody tr td:nth-child(3) {
    width: 15%;
    text-align: start;
    padding: 9px 17px 9px 0;
    white-space: nowrap;
}
.inforamation-calls tbody tr td:nth-child(4) {
    text-align: center;
    padding: 9px 17px;
    justify-content: center;
}
.inforamation-calls tbody tr td:nth-child(5) {
    width: 12.2%;
    text-align: start;
    padding: 9px 17px 9px 0;
    white-space: nowrap;
}
.inforamation-calls tbody tr td:nth-child(6) {
    width: 9.8%;
    text-align: center;
    padding: 9px 16px 9px 16px;
    border-top-right-radius: 10px;   
    border-bottom-right-radius: 10px; 
}

.inforamation-calls thead {    
    font-size: 14px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.3px;
    color: #848AB9;
}
.inforamation-calls thead tr th:nth-child(1) {
    width: 23.9%;
    text-align: start;
    padding-bottom: 17px;
    border-bottom: 1px solid #848AB9;
}
.inforamation-calls thead tr th:nth-child(2) {
    width: 28.2%;
    text-align: start;
    padding-bottom: 17px;
    border-bottom: 1px solid #848AB9;
}
.inforamation-calls thead tr th:nth-child(3) {
    width: 15%;
    text-align: start;
    padding-bottom: 17px;
    border-bottom: 1px solid #848AB9;
}
.inforamation-calls thead tr th:nth-child(4) {
    width: 11.3%;
    text-align: center;
    padding-bottom: 17px;
    border-bottom: 1px solid #848AB9;
}
.inforamation-calls thead tr th:nth-child(5) {
    width: 12.2%;
    text-align: start;
    padding-bottom: 17px;
    border-bottom: 1px solid #848AB9;
}
.inforamation-calls thead tr th:nth-child(6) {
    width: 9.8%;
    text-align: end;
    padding-bottom: 17px;
    border-bottom: 1px solid #848AB9;
}
.inforamation-calls tbody tr {
    border-radius: 10px;
    background: #fff;
    margin-top: 15px;
}
.inforamation-calls {
    margin-top: 40px;
}

.inforamation-calls tbody tr td a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.inforamation-calls table .mistake_item-arrow {
    bottom: auto;
    right: auto;
}
.inforamation-calls tbody tr td .inforamation-calls_procent {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.3px;
    text-align: center;
    border-radius: 50%;
}
.inforamation-calls tbody tr td .inforamation-calls_procent.green {
    background: #bfe7c3;
    color: #27AF35;
}
.inforamation-calls tbody tr td .inforamation-calls_procent.yellow {
    background: #fbe1bb;
    color: #EF9B1C;
}
.inforamation-calls tbody tr td .inforamation-calls_procent.red {
    background: #f4c1c1;
    color: #D82F2F;
}
.inforamation-calls_label  {
    padding: 3px 8px 3px 16px;    
    border-radius: 59px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.15;  
    display: inline-block;  
}
.inforamation-calls_label.green {
    color: #1CBD2C;
    background: #d2f2d5;
    position: relative;
}
.inforamation-calls_label.yellow {
    color: #EF9B1C;
    background: #fcebd2;
    position: relative;
}
.inforamation-calls_label.green:before {
    content: "";
    background: #1CBD2C;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 7px;
    left: 6px;
    border-radius: 50%;
}
.inforamation-calls_label.yellow:before {
    content: "";
    background: #EF9B1C;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 7px;
    left: 6px;
    border-radius: 50%;
}

.inforamation-calls .block_title {
    margin-bottom: 11px;
}
.inforamation-calls .block_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.15;
    color: #273179;
}
.evaluation-calls .pagination {
    margin-top: 34px;
}
.page_title-info-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.15;
    color: #273179;
}
.evaluation-calls .page_title a {
    margin-top: -13px;
}



.name-assessment_items {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 39px;
}
.name-assessment_items > * {
    padding: 19px 15px;
    border-radius: 16px;
    background: #fff;
    width: calc(100%/4 - 12px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.name-assessment_item-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.3px;
    color: #020027;
}
.name-assessment_item-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.3px;
}
.name-assessment_item-text.green {
    color: #27AF35;
}
.name-assessment_item-text.yellow {
    color: #EF9B1C;
}
.name-assessment_item-text.red {
    color: #D82F2F;
}
.evaluation-calls_wrap {
    padding: 35px;
    border-radius: 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 21px;
    font-size: 18px;
    font-weight: 500;
    line-height: 19px;
    color: #273179;
    text-align: center;
}
.evaluation-calls_wrap .icon {
    width: 86px;
    height: 86px;
}
.examples-calls table {
    width: 100%;
    border-collapse: separate;
    margin-top: 18px;
    border-spacing: 0 15px;
}
.examples-calls tbody {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.3;
    color: #52577E;  
}
.examples-calls tbody tr td {
    position: relative; 
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.3;
    color: #52577E;  
}
.examples-calls tbody tr td:nth-child(1) {
    width: 15%;
    text-align: start;
    padding: 9px 17px; 
    border-top-left-radius: 10px;   
    border-bottom-left-radius: 10px;  
}
.examples-calls tbody tr td:nth-child(2) {
    width: 28.2%;
    text-align: start;
    padding: 9px 17px 9px 0;
}
.examples-calls tbody tr td:nth-child(3) {
    width: 35.7%;
    text-align: start;
    padding: 9px 17px 9px 0;
    white-space: nowrap;
}
.examples-calls tbody tr td:nth-child(4) {
    text-align: center;
    padding: 9px 17px;
    display: flex;
    justify-content: center;
}
.examples-calls tbody tr td:nth-child(5) {
    width: 9.8%;
    text-align: end;
    padding: 9px 17px 9px 0;
    white-space: nowrap;
}

.examples-calls thead {    
    font-size: 14px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.3px;
    color: #848AB9;
}
.examples-calls thead tr th:nth-child(1) {
    width: 15%;
    text-align: start;
    padding-bottom: 17px;
    border-bottom: 1px solid #848AB9;
}
.examples-calls thead tr th:nth-child(2) {
    width: 28.2%;
    text-align: start;
    padding-bottom: 17px;
    border-bottom: 1px solid #848AB9;
}
.examples-calls thead tr th:nth-child(3) {
    width: 35.7%;
    text-align: start;
    padding-bottom: 17px;
    border-bottom: 1px solid #848AB9;
}
.examples-calls thead tr th:nth-child(4) {
    width: 11.33%;
    text-align: center;
    padding-bottom: 17px;
    border-bottom: 1px solid #848AB9;
}
.examples-calls thead tr th:nth-child(5) {
    width: 9.8%;
    text-align: end;
    padding-bottom: 17px;
    border-bottom: 1px solid #848AB9;
}
.examples-calls tbody tr {
    border-radius: 10px;
    background: #fff;
    margin-top: 15px;
}
.examples-calls {
    margin-top: 40px;
}

.examples-calls tbody tr td a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.examples-calls table .mistake_item-arrow {
    bottom: auto;
    right: auto;
}
.examples-calls tbody tr td .inforamation-calls_procent {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.3px;
    text-align: center;
    border-radius: 50%;
}
.examples-calls tbody tr td .inforamation-calls_procent.green {
    background: #bfe7c3;
    color: #27AF35;
}
.examples-calls tbody tr td .inforamation-calls_procent.yellow {
    background: #fbe1bb;
    color: #EF9B1C;
}
.examples-calls tbody tr td .inforamation-calls_procent.red {
    background: #f4c1c1;
    color: #D82F2F;
}

.inforamation-call {
    border-radius: 15px;
    padding: 18px;
    background: #fff;
}
.inforamation-call_item {
    padding-bottom: 20px;
    position: relative;
}
.inforamation-call_item + .inforamation-call_item {
    margin-top: 18px;    
}
.inforamation-call_item:last-child:before {
    display: none;
}
.inforamation-call_item:last-child {
    padding-bottom: 0;
}
.inforamation-call_item:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #E0DEF4;
    bottom: 0;
    left: -18px;
}
.inforamation-call_item-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 7px;
    color: #273179;
}
.inforamation-call_item-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #000;
    opacity: 0.8;
}
.inforamation-call_item-text.yellow{
    color: #EF9B1C;
    background: #fdf0dd;
        width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.3px;
    text-align: center;
    border-radius: 50%;
}

.inforamation-call_item-text.green {
    background: #bfe7c3;
    color: #27AF35;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.3px;
    text-align: center;
    border-radius: 50%;
}
.communication-assessment_items {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
}
.communication-assessment_items > * {
    width: calc(100%/2 - 11px);
    border-radius: 9px;
    background: #fff;
    padding: 18px;
}
.communication-assessment_item-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 18px;
    position: relative;
    margin-bottom: 18px;
}
.communication-assessment_item-top:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #E0DEF4;
    bottom: 0;
    left: -18px;
}
.communication-assessment_item-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: -0.3px;
    text-align: left;
    color: #000;
    opacity: 0.8;
    margin-bottom: 10px;
}
.communication-assessment_item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #1C2038;
}
.communication-assessment_item-number {
    border-radius: 50%;;    
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.3px;
    text-align: center;
    border-radius: 11px;
    flex-shrink: 0;
}
.communication-assessment_item-number.green {
    background: #bfe7c3;
    color: #27AF35;
}
.communication-assessment_item-number.yellow {
    color: #EF9B1C;
    background: #fdf0dd;
}
.communication-assessment_item-bottom {
    padding-bottom: 18px;
    margin-bottom: 18px;
    position: relative;
}
.communication-assessment_item-bottom:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #E0DEF4;
    bottom: 0;
    left: -18px;
}
.communication-assessment_item-subtitle {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 11px;    
    color: #7178AD;
}


.call-analytics .accordion_item .head:before {
    display: none;
}
.call-analytics .accordion_item .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px;
}
.call-analytics .accordion_item .faq_btn:last-child span {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.09px;
    color: #1E1E1E;
}
.call-analytics .accordion_item .faq_btn:last-child .faq_btn-icon {
    background: var(--main_color);
}
.call-analytics .accordion_item-label {    
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
}
.call-analytics .accordion_item-label.green {
    color: #5EC62D;
}
.call-analytics .accordion_item-label.red {
    color: #D82F2F;
}
.call-analytics .accordion_item-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: -0.3px;
    opacity: 0.8;
}
.call-analytics .accordion_item .data {
    padding: 18px;
}
.call-analytics .accordion_item .call-analytics_item {
    padding-bottom: 20px;
    position: relative;
}
.call-analytics .call-analytics_item + .call-analytics_item {
    margin-top: 18px;    
}
.call-analytics .call-analytics_item:last-child:before {
    display: none;
}
.call-analytics .call-analytics_item:last-child {
    padding-bottom: 0;
}
.call-analytics .call-analytics_item:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #E0DEF4;
    bottom: 0;
    left: -18px;
}
.call-analytics_item-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 8px;
    color: #7178AD;
}
.call-analytics_item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #1C2038;
}
.call-analytics_item-button {
    background: var(--main_color);
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 12px 20px;
    border-radius: 40px;
    margin-right: auto;
    display: block;
}


.call-dialog_button {
    background: var(--main_color);
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 12px 20px;
    border-radius: 40px;
    display: block;
}
.call-dialog_subtitle {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 11px;
    color: #7178AD;
}
.call-dialog_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 15px;
    position: relative;
}
.call-dialog_top:before {
    position: absolute;
    content: "";
    width: calc(100% + 42px);
    height: 1px;
    background: #E0DEF4;
    bottom: 0;
    left: -21px;
}
.call-dialog_wrap {
    padding: 26px 21px 38px;
    border-radius: 9px;
    background: #fff;
}
.call-dialog_audio {
    width: calc(100% - 200px);
}
.call-dialog_analiz {
    display: flex;
    gap: 13px;
    margin-bottom: 26px;
}

.call-dialog_items {
    max-width: 700px;
}
.call-dialog_item + .call-dialog_item {
    margin-top: 17px;
}
.call-dialog_item {
    display: flex;
    align-items: end;
    gap: 11px;
}
.call-dialog_item.one .call-dialog_item-avatar {
    font-size: 25px;
    font-weight: 500;
    line-height: 29px;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--main_color);
    flex-shrink: 0;
}
.call-dialog_item.one .call-dialog_item-info {
    padding: 16px 11px 18px 13px;
    border-radius: 17px 17px 17px 0px;
    background: var(--main_color);
}
.call-dialog_item.one .call-dialog_item-author {
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 10px;
    color: #fff;
}
.call-dialog_item.one .call-dialog_item-text {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
}
.call-dialog_item-button .icon {
    width: 20px;
    height: 20px;
}
.call-dialog_item.two .call-dialog_item-avatar {
    font-size: 25px;
    font-weight: 500;
    line-height: 29px;
    text-align: center;
    color: #273179;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #E5E3F6;  
    flex-shrink: 0;  
}
.call-dialog_item.two .call-dialog_item-info {
    padding: 16px 11px 18px 13px;
    border-radius: 17px 17px 17px 0px;
    background: #fff;
    border: 1px solid #ABAAE2;
}
.call-dialog_item.two .call-dialog_item-author {
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 10px;
    color: #273179;
}
.call-dialog_item.two .call-dialog_item-text {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #393939;
}

.mistake .pie {
    width: 55px;
    height: 55px;
    font-family: "Inter";
    font-size: 17.31px;
    font-weight: 900;
    line-height: 14.95px;
    letter-spacing: -0.23px;
    text-align: center;  
    border: none; 
}
.mistake .pie:after {
    display: none;
}
.mistake .pie:before {
    inset: 0;
    background: radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%),#D0D0D0 0);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
    mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}
.mistake .progress {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 7px; 
    display: inline-flex;
    align-items: center;
    margin-top: 20px;
    padding: 8px;
    min-width: 130px;
    justify-content: space-between;
}
.mistake + .mistake{
    margin-top: 40px;
} 

 /* для элемента input c type="radio" */
.custom-radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
/* для элемента label связанного с .custom-radio */
.custom-radio+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}
/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio+label::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 50%;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    transition: 0.3s;
}
/* стили при наведении курсора на радио */
.custom-radio:not(:disabled):not(:checked)+label:hover::before {
    border-color: color-mix(in oklab, var(--main_color), white);
}
/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio:not(:disabled):active+label::before {
    background-color: color-mix(in oklab, var(--main_color), white);
    border-color: color-mix(in oklab, var(--main_color), white);
}
/* стили для радиокнопки, находящейся в фокусе */
.custom-radio:focus+label::before {
    box-shadow: 0 0 0 0.2rem color-mix(in oklab, var(--main_color), white);
}
/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.custom-radio:focus:not(:checked)+label::before {
    border-color: #80bdff;
}
/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio:checked+label::before {
    border-color: var(--main_color);
    background-color: var(--main_color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio:disabled+label::before {
    background-color: #e9ecef;
}

.chekboxses_title, .radios_title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}




.income {
    padding: 16px 20px 53px;
    border-radius: 15px;
    background: #fff;
}
.income2 {
    padding: 16px 20px 53px;
    border-radius: 15px;
    background: #fff;
}
.income_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 4px;
}
.income_text {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #505261;
    opacity: 0.8;
    margin-bottom: 15px;
}
.income_item {
    display: flex;
    align-items: center;
    gap: 3px;
    justify-content: flex-end;
    font-family: 'Ubuntu';
    padding-right: 85px;
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #b4b3bf;
    margin-top: -40px;
}
.income_item-text {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #45C64D;
}
.income_item .icon {
    width: 20px;
    height: 20px;
}

.irs--flat .irs-handle > i:first-child {
    display: none;
}
.irs--flat .irs-bar {
    top: 25px;
    height: 7px;
    background-color: var(--main_color);
}
.irs--flat .irs-bar--single {
    border-radius: 36px;
}
.irs--flat .irs-line {
    top: 25px;
    height: 7px;
    background-color: #E6E6E6;
    border-radius: 36px;
}
.irs--flat .irs-min, .irs--flat .irs-max {
    top: 0;
    padding: 0;
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    background: none;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #b4b3bf;
}
.irs--flat .irs-min {
    padding-left: 28px;
}
.irs--flat .irs-max {
    padding-left: 28px;
}
.irs--flat .irs-min:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    top: -3px;
    left: 0;
    background: url(../images/bitcoin.svg);
}
.irs--flat .irs-max:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    top: -3px;
    left: 0;
    background: url(../images/bitcoin.svg);
}
.irs--flat .irs-single {
    color: #020027;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    padding: 0px;
    background-color: none;
    border-radius: 0px;
    background: none;
    padding-left: 28px;
}
.irs--flat .irs-single:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    top: -3px;
    left: 0;
    border: none;
    background: url(../images/bitcoin.svg);
}
.irs-disabled {
    opacity: 1;
}
.income2 .irs--flat .irs-single {
    display: none;
}

.irs--flat .irs-handle {
    top: 25px;
    width: 18px;
    height: 7px;
    background-color: var(--main_color);
    border-radius: 36px;
}


.tabs-container_event-feed {
    padding: 0;
    border-radius: 0;
    background: none;
}
.event-feed .tabs_container .tabs {
    gap: 10px;
    display: flex;
    margin-bottom: 27px;
}
.event-feed .page_title {
    margin-bottom: 25px;
}
.tabs_container .event-feed_head button.active {
    background: var(--main_color);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px;
    border-radius: 55px;
    transition: all .4s;
    display: inline-block;
    line-height: normal;
    opacity: 1;
    margin-right: 0;
    letter-spacing: inherit;
}
.tabs_container .event-feed_head button {
    background: #D5D2EE;
    color: #3A3379;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px;
    border-radius: 55px;
    transition: all .4s;
    display: inline-block;
    line-height: normal;
    opacity: 1;
    margin-right: 0;
    letter-spacing: inherit;
}
.event-feed_item {
    padding: 16px;
    border-radius: 15px;
    background: #fff;
    margin-bottom: 15px;    
}
.event-feed_item.green {
    border: 1px solid #49B05F;
}
.event-feed_item.red {
    border: 1px solid #E33333;
}
.event-feed_item-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 14px;
    margin-top: 15px;
}
.event-feed_item-avatar-wrap{
    display: flex;
    gap:10px;
    align-items: center;
}
.event-feed_item-left {
    width: calc(100% - 270px);
    display: flex;
    align-items: flex-end;
    gap: 12px;
}
.event-feed_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -0.5px;
    color: #121213;
}
.event-feed_item-date {
    padding: 5px 10px;
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #353C76;
    background: var(--color_light);
    border-radius: 20px;
}
.event-feed_item-right {
    display: flex;
    gap: 7px;
    margin-left: auto;
}
.event-feed_item .event-feed_item-label {
    position: relative;
    border-radius: 59px;
    padding: 3px 6px 3px 16px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    display: block;
    height: 20px;
}
.event-feed_item.green .event-feed_item-label {
    background: #49B05F;
    color: #FFFFFF;
}
.event-feed_item.red .event-feed_item-label {
    background: #E33333;
    color: #FFFFFF;
}
.event-feed_item.green .event-feed_item-label:before {
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    top: 50%;
    transform: translateY(-50%);
    left: 6px;
}
.event-feed_item.red .event-feed_item-label:before {
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    top: 50%;
    transform: translateY(-50%);
    left: 6px;
}
.event-feed_item-tag {
    padding: 3px 6px;
    background: var(--main_color);
    border-radius: 59px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    display: block;
    color: #FFFFFF;
    height: 20px;
}
.event-feed_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #3F4572;
}
.event-feed_item-text p +p {
    margin-top: 15px;
}
.event-feed_item-bottom {
    display: flex;
    align-items: center;
    gap: 8px;
}
.event-feed_item-avatar {
    width: 26px;
    height: 26px;
}
.event-feed_item-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.event-feed_item-name {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
}
.event-feed  .idea-block_item-link {
    margin-top: 8px;
}
.event-feed_item-images {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.event-feed_item-images img{
    border-radius: 10px;
    object-fit: cover;
    width: initial;
    height: 100%;
}

.event-feed_item-images a{  
    height: 200px;

}
.event-feed .trainer_step_video a img {
    width: initial;
    height: 100%;
}
.event-feed .trainer_step_video a:after {
    display: none;
}
.event-feed .trainer_step_video svg {
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 16px);
    width: 32px;
    height: 32px;
    z-index: 100;
}
.event-feed .trainer_step_video{
    max-width: 100%;
}
.event-feed_item-images {
    margin-top: 15px;
}
.content_block {
    display: none;
}
.content_block.active {
    display: block;
    margin-top: 15px;
}
.event-feed_item-wrap {
    display: flex;
    align-items: center;
    gap: 13px;
}
.event-feed_item-wrap .icon {
    width: 50px;
    height: 50px;
}
.event-feed_item-info-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.5px;
    color: #121213;
    margin-bottom: 6px;
}
.event-feed_item-info-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #3F4572;
}



.shop_modal-greeting .shop_modal-icon {
    width: 175px;
    height: 175px;
    margin: 0 auto 25px;
}
.shop_modal-greeting .shop_modal-icon img{
	background: #F3F4F9;
    padding: 30px;
    border-radius: 48px;
}
.shop_modal-greeting {
    padding: 64px 24px 44px;
}
.shop_modal-btns {
    display: flex;
    gap: 10px;
}
.shop_modal-btn {
    border-radius: 71px;
    background: var(--main_color);
    text-decoration: none;
    color: #fff;
    padding: 12px 23px;
    font-weight: 500;
    font-size: 17px;
    display: block;
    text-align: center;
}
.shop_modal-btn:last-child {
    background: #D5D2EE;
    color: #3A3379;
}

.shop_accrual_title{
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    margin-bottom: 16px;
}

.warning_training_list_wrap{
    display: flex;
    flex-wrap: wrap;
    gap:15px;
    margin-top: 15px;
    width: 100%;
}

.warning_training_list_image, .warning_training_list_video{
    margin-left: 0;
    margin-top: 0;
    width: 140px;
}

.simulator-quiz_images{
    display: flex;
    gap:15px;
    margin-top: 15px;
}

.content_flex.content_flex_full_action .simulator-quiz_images img, 
.content_flex.content_flex_full_action .simulator-quiz_images img{
    height: 100%;
}

.simulator-quiz_images a{width: calc(100% / 3 - 10px);}

.step_stage_img_wrapper{
    display: flex;
    gap:15px;
    flex-wrap: wrap;
}


.fix_video.step_stage_img_wrap a:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.fix_video.step_stage_img_wrap .icon {
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    z-index: 1;
}

.simulator-quiz_images .simulator-quiz_video-wrap .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 57px;
    height: 57px;
}

.simulator-quiz_img_wrap{
    position: relative;
}



.communication .message_new {
    background: #2BBD41;
    margin-top: 50px;
    padding: 12px 20px;
}
.communication_wrap {
    padding: 24px;
    border-radius: 15px;
    background: #fff;
    margin-top: 32px;
}
.communication_title {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 18px;
}
.communication_wrap ol li {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #26214F;
    margin-bottom: 22px;
}
.communication_test {
    border: 1px solid #C7C4E2;
    border-radius: 15px;
    padding: 21px 18px 28px;
    background: #f8f8f7;
}
.communication_test-title {
    margin-top: 18px;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #272357;
}
.communication_test-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #26214F;
    max-width: 700px;
    margin: 20px auto 29px;
}
.communication_test-btn {
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 14px 25px;
    border-radius: 50px;
    background: var(--main_color);
    text-decoration: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 133px;
}
.communication_test-btn:hover {
    text-decoration: none !important;
}
.communication_test .icon {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    display: block;
}
.communication_test-top {
    padding-bottom: 16px;
    position: relative;
} 
.communication_test-top:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    left: -18px;
    bottom: 0;
    background: #C7C4E2;
}
.communication_test-top-text {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: -0.3px;
    color: #7874A3;
    margin-bottom: 13px;
}
.communication_test-top-text span {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -0.3px;
    color: #292B4B;  
}
.communication_test-btns {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 13px;
    width: 100%;
    margin-top: 38px;
}
.communication_test-btns > * {
    display: block;
    width: calc(100%/2 - 7px);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.communication_test-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.communication_test-stage > * {
    width: calc(100%/3 - 6px);
    height: 5px;
    border-radius: 22px;
    background: var(--main_color);
}
.communication_test3 .icon {
    width: 39px;
    height: 39px;
}
.communication_test4 .icon {
    width: 39px;
    height: 43px;
}
.communication_test4 .communication_test-btn {
    width: 251px;
}
.communication_test5 .icon {
    width: 47px;
    height: 47px;
}
.communication_test5 .communication_test-btn {
    width: 150px;
}
.communication_test-icon {
    width: 81px;
    height: 81px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: #fff;
    border-radius: 19px;
}
.communication_test6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.communication_test-box {
    margin-right: 20px;
}
.communication_test-box .communication_test-title {
    text-align: start;
    margin-top: 0;
    margin-bottom: 8px;
}
.communication_test-box .communication_test-text {
    text-align: start;
    margin-top: 0;
    margin-bottom: 0;
}
.communication_test6 .communication_test-icon {
    margin: 0;
    margin-right: 17px;
}
.communication_test6 .communication_test-btn {
    width: 150px;
    margin-left: auto;
    margin-right: 0;
}
.communication_test6 .communication_test-icon {
    width: 62px;
    height: 62px;
}



.ask-questions {
    border-radius: 15px;
    padding: 24px;
    background: #fff;
}
.ask-questions .icon {
    margin-right: 15px;
}
.ask-questions_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.ask-questions_btn {
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 14px 25px;
    border-radius: 50px;
    background: var(--main_color);
    text-decoration: none;
    display: block;
    text-align: center;  
    margin-left: auto;
}
.ask-questions_form {
    display: none;
}
.ask-questions_btn.active {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #178EFF !important;
    border: none;
    border-bottom: 1px dashed #178EFF;
    border-radius: 0;
    background: none;
    padding: 0;
    
}
.ask-questions_btn:hover {
    text-decoration: none !important;
}
.ask-questions_form {
    position: relative;
    margin-top: 32px;
    padding-top: 20px;
    width: 100%;
}
.ask-questions_form:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    left: -18px;
    top: 0;
    background: #C7C4E2;
}
.ask-questions_form .line .field {
    display: flex;
    flex-direction: column;
}
.ask-questions_form .line .field label {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    opacity: 0.8;
    margin-bottom: 10px;  
}
.ask-questions_form .line .field textarea {
    padding: 15px 12px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    background: #FFFFFF;
    opacity: 0.5;
    border-radius: 16px;
    resize: none;
    height: 106px;
    margin-bottom: 24px;
}
.ask-questions_form button {
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 14px 25px;
    border-radius: 50px;
    background: var(--main_color);
    text-decoration: none;
    display: block;
    text-align: center;
    margin-left: auto;
}
.ask-questions_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 6px;
}
.ask-questions_text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #26214F;    
}

.trainer_ai{ 
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    margin-top: 40px;
}

.trainer_ai_content{
    /*min-height: 500px;*/
    display: flex;
    align-items: center;

}
.trainer_ai_loading{
    padding: 30px;
}

.trainer_ai_loading i{
    background-color: var(--main_color);
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto 30px;
    overflow: hidden;
    margin-top: 6px;
    border-radius: 50%;
}

.trainer_ai_loading i .dot-flashing {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--main_color);
    color: #9880ff;
    animation: dot-flashing2 1s infinite linear alternate;
    animation-delay: 0.5s;
}

.trainer_ai_loading i .dot-flashing::before, .trainer_ai_loading i .dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.trainer_ai_loading i .dot-flashing::before {
    left: -25px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--main_color);
    color: #9880ff;
    animation: dot-flashing2 1s infinite alternate;
    animation-delay: 0s;
}

.trainer_ai_loading i .dot-flashing::after {
    left: 25px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--main_color);
    color: #9880ff;
    animation: dot-flashing2 1s infinite alternate;
    animation-delay: 1s;
}

@keyframes dot-flashing2 {
    0% {
        background-color: #fff;
    }
    50%, 100% {
        background-color: rgba(255, 255, 255, 0.2);
    }
}

.trainer_ai_loading_text{
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #282C72;
}

.trainer_ai_footer{
    display: flex;
    padding: 20px;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

.trainer_ai_footer:before{
    top:0px;
    position: absolute;
    width: 100%;
    content:"";
    border-top:1px solid #BEBEBE;
    margin-left: -20px;
}

.trainer_ai_time{
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #1A1B2F;
    margin-right: auto;
}

.trainer_ai_footer:has(.trainer_ai_stop) .trainer_ai_time{
    margin-right: 20px;
}

.trainer_ai_stop{
    background: var(--main_color);
    border-radius: 55px;
    width: 152px;
    height: 54px;
    color:#fff;
    margin-left: 20px;
    margin-right: auto;
}

.trainer_ai_new{
    background: green;
    border-radius: 55px;
    width: 152px;
    height: 54px;
    color:#fff;
    margin-left: auto;
    margin-right: 0;
}

.trainer_ai_button .icon{
    width: 52px;
    height: 52px;
    color: var(--main_color);
    margin-left: 20px;
    transition: 0.3s;
}

.trainer_ai.loading .trainer_ai_content{
    justify-content: center;
}

.trainer_ai.loading .trainer_ai_footer{
    opacity: 0.4;
    pointer-events: none;
}

.trainer_ai_body.hide{
    display: none;
}
.trainer_ai_body{
    padding: 20px;
    display: flex;
    gap:20px;    
    align-items: stretch;
    width: 100%;
}

.trainer_ai_body_left{
    width: 492px;
    position: relative;
    flex-shrink: 0;
}

.trainer_ai_body_left img{
    border-radius: 15px;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    height: 100%;
}

.trainer_ai_body_left video{
    border-radius: 15px;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.trainer_ai_online{
    background: rgba(0, 0, 0, 0.6);
    border-radius: 70px;
    font-weight: 700;
    font-size: 14.313px;
    line-height: 16px;
    color: #FFFFFF;
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding: 10px;
    padding-right: 20px;
    display: flex;
    align-items: center;
}

.trainer_ai_online:after{
    content: "";
    width: 8px;
    height: 8px;
    background: #3DB441;
    display: block;
    border-radius: 50%;
    left: 5px;
    position: relative;
    top: 1px;
}

.trainer_ai_body_right{
    background: var(--main_color);
    padding: 20px;
    border-radius: 0px 22.9008px 22.9008px 7.63359px;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
    height: 100%;
    width: 100%;
}

.trainer_ai_body_right .play_text .load{
    color:#fff;
}

.trainer_ai_body_right .lds-ring{
    border: 3px solid #fff;
}

.trainer_ai_body_right .lds-ring div{
    border: 6px solid #fff;
    border-color: #fff transparent transparent transparent;
}

.trainer_ai_player .play_text .inner{
    padding: 10px;
    background: rgba(255,255,255,0.24);
}

.trainer_ai_player  .play_text .icon{
    width: 25px;
    height: 25px;
    color:#fff;
}

.trainer_ai_player .audio_media .media-toolbar{
    padding: 10px;
    background: #fff;
    border-radius: 100px;
}

.audio_media .media-symbol{
    flex-shrink: 0;
}

.trainer_ai_desc{
    margin-top: 30px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    padding: 30px;
    display: flex;
    gap: 30px;
    font-size: 16px;
    line-height: 20px;
}

.trainer_ai_desc_left, .trainer_ai_desc_right{
    width: 50%;
}

.trainer_ai_desc_title{
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 20px;
}

.trainer_ai_desc_text * {
    margin-bottom: 15px;
}

.trainer_ai_sep{
    position: relative;
}

.trainer_ai_sep:before{
    content: "";
    width: 1px;
    border-right: 1px solid #D3D3D3;
    position: absolute;
    height: calc(100% + 60px);
    top: -30px;
}

.trainer_ai_textedit.hide, .trainer_ai_record.hide{
    display: none;
}

.trainer_ai_record{
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    margin-top: 30px;
    padding-top: 50px;
}

.trainer_ai_textedit{
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    margin-top: 30px;
    padding: 30px;
}

.trainer_ai_textedit form{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.trainer_ai_textedit .field{
    position: relative;
    width: calc(100% - 65px);
}

.trainer_ai_textedit textarea {
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 14px;
    line-height: 130%;
    display: block;
    width: 100%;
    height: 80px;
    padding: 9px 14px;
    resize: none;
    border: 1px solid #c2cddf;
    border-radius: 16px;
    background: #fff;
}

.trainer_ai_textedit .submit_btn {
    display: flex;
    width: 48px;
    height: 48px;
    padding-left: 4px;
    border-radius: 50%;
    background: #e9eaf8;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.trainer_ai_textedit .icon{
    height: 28px;
    width: 28px;
    color: var(--main_color);
}
    
.trainer_ai_button.active .icon{
    color: #29BE29;
    
}

.chekboxses .checkbox{
    margin-bottom: 5px;
}

.chats_items {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    container-type: inline-size;
    container-name: presentations;
}

.chat_item {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 15px;
    width: calc(100% / 3 - 40px / 3);
}

.chat_item_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chat_item_logo {
}

.chat_item_logo img {
    border-radius: 50%;
    width: 36px;
    height: 36px;
}

.chat_item_head .icon {
    color:#A6A4BD;
    width: 20px;
    height: 20px;
}

.chat_item_title {
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: -0.3px;
    color: #020027;
    margin-top: 15px;
}
.chat_item_title a{
    color: #020027;
    text-decoration: none;
}



.chat_item_desc {
    margin-top: 9px;
    font-size: 11px;
}

.chat_item_counter {
    margin-top: 12px;
    color: var(--main_color);
    padding: 7px 11px;
    border-radius: 5px;
    display: inline-block;
    border:1px solid var(--main_color);
    font-size: 10px;
}

.chat_item_counter + .chat_item_counter{
    margin-left: 10px;
}

.chat_item_time {
    position: relative;
    margin-top:20px;
    font-size: 11px;
}

.chat_item_time:before{
    position: absolute;
    top:-10px;
    width: calc(100% + 30px);
    left:-15px;
    content:"";
    height: 1px;
    background: #EDEDED;

}

.chat_item_buttons{
    display: flex;
    gap:10px;
}

.chat_item_link {
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
    background: var(--main_color);
    padding: 10px;
    border-radius: 25px;
}
.chat_item_link.history{
    background: #EDEBFB;
    color:#3A3379;
}


@container presentations (max-width: 1200px) {
    .chat_item{        
        width: calc(100% / 3 - 40px / 3);
    }
}

@container presentations (max-width: 900px) {
    .chat_item{        
        width: calc(100% / 2 - 20px / 2);
    }
}

@container presentations (max-width: 500px) {
    .chat_item{        
        width: calc(100%);
    }
}




.person_items {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.person_items > * {
    width: calc(100%/4 - 12px);
    border-radius: 16px;
    padding: 14px 14px 19px 14px;
    background: #fff;
    position: relative;
}
.person_item-photo {
    width: 57px;
    height: 57px;
}
.person_item-photo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.person_item-name {
    margin-top: 17px;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: -0.3px;
    color: #020027;
    width: calc(100% - 30px);
}
.person_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #585683;
    margin-top: 14px;
    margin-bottom: 12px;
}
.person_item-link {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #0583DF;
    text-decoration: none;
    border-bottom: 1px dashed #0583DF;
}
.person_item-settings {
    position: absolute;
    top: 14px;
    right: 14px;
}


.person_modal {
    max-width: 713px;
    width: 100%;
    border-radius: 26px;
    background: #fff;
    padding: 24px;
    display: none;
}
.person_modal-top {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 20px;
    position: relative;
}
.person_modal-top:before {
    position: absolute;
    content: "";
    width: calc(100% + 48px);
    height: 1px;
    bottom: 0;
    left: -24px;
    background: #C8C8C8;
}
.person_modal-photo {
    width: 52px;
    height: 52px;
}
.person_modal-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.person_modal-name {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: -1px;
    color: #101010;
}
.person_modal-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #514F78;
    opacity: 0.8;
}

.person_modal-item {
    margin-top: 20px;
}
.person_modal-item_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #101010;
    margin-bottom: 9px;
}
.person_modal-item_text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #585683;
    opacity: 0.8;
}
.person_modal-item_text + .person_modal-item_text {
    margin-top: 20px;
}



.person_edit .langs {
    margin-left: 0px;
}
.person_edit .langs .btn {
    font-weight: 500;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.person_edit .langs .btn img {
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    border-radius: 50%;
}
.person_edit .langs .btn .icon {
    display: block;
    width: 8px;
    height: 9px;
    margin-left: 6px;
}
.person_edit .langs_wrap {
    width: max-content;
    min-width: 335px;
    color: #020027;
    top: 10px;
    position: relative;
    background: #F8F8FF;
    border: 1px solid #DFDBFC;
    border-radius: 15px;
}
.person_edit .langs_wrap a {
    display: flex;
    color: #020027;
    text-decoration: none;
    padding: 16px;
    transition: 0.3s;
    align-items: center;
    font-weight: 700;
    position: relative;
}
.person_edit .langs_wrap a:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #DFDBFC;
}
.person_edit .langs_wrap a img {
    width: 35px;
    height: 35px;
    margin-right: 9px;
    object-fit: cover;
    border-radius: 50%;
}


.chat_item-right {
    display: flex;
    align-items: center;
    gap: 8px;
}
.chat_item-right-photo {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}

.chat_item-right-photo:has(svg){
    width: 24px;
    height: 24px;
}

.chat_item-right-photo svg *{
    transition: 0.3s;
}

.chat_item-right-photo svg:hover *{
    fill:#FFC01C;
}

.chat_item-right-photo svg.active *{
    fill:#FFC01C;
}

.chat_item-right-photo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.chat_item-right a {
    width: 24px;
    height: 24px;
}
.chat_item-right a img {
    width: 100%;
    height: 100%;
}
.chat_item_head .icon {
    width: 24px;
    height: 24px;
}


.person_edit {
    padding: 18px 20px;
    border-radius: 15px;
    background: #fff;
}
.person_edit-label {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
    margin-bottom: 15px;
}
.person_edit-item {
    margin-top: 20px;
}
.person_edit-item_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #101010;
    margin-bottom: 9px;
}
.person_edit-item_text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #585683;
    opacity: 0.8;
}
.person_edit-item_text + .person_edit-item_text {
    margin-top: 12px;
}
.person_edit-item ul {
    margin-left: 25px;
}
.person_edit-item ul li {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #585683;
    opacity: 0.8;   
}
.person_edit-item ul li + li {
    margin-top: 12px;
}


.person_edit .modal_cont .mini_modal_btn {
    padding: 12px 13px;
    border: 1px solid #DFDBFC;
    border-radius: 15px;
    background: #F8F8FF;
    min-width: 335px;
}
.person_edit .modal_cont .mini_modal_btn img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
    object-fit: cover;
}
.person_edit .modal_cont .mini_modal_btn span {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: -0.3px;
    color: #020027;   
}
.person_edit .modal_cont.langs .btn .icon {
    margin-left: auto;
}

a.back_link_right{
    font-weight: 500;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    width: 146px;
    height: 34px;
    background: var(--main_color);
    border-radius: 55px;
    display: block;
}

.back_link:has(.back_link_right){
    display: flex;
    justify-content: space-between;
}


.passing .select-left {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #655F95;
}
.passing .select-left span {
    margin-right: 8px;
}
.passing .nice-select {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #0A00C5;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #332894;
    width: 134px;
    height: 35px;
    border: 1px solid #4D4A8D;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 14px;
}
.passing .nice-select:after {
    border-bottom: 2px solid #332894;
    border-right: 2px solid #332894;
}
.passing .nice-select .option {
    padding-left: 5px;
    padding-right: 5px;
}
.passing .nice-select .list {
    padding: 10px;
    top: calc(100% + 5px);
    left: 0;
    border-radius: 15px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #0A00C5;
}
.passing-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    gap: 20px;
}
.passing_items {
    display: flex;
    flex-wrap: wrap;
    gap:15px;
}
.passing_item {
    padding: 15px 15px 20px 15px;
    border-radius: 15px;
    background: #fff;
    width: calc((100% - 15px * 1) / 2);
}
.passing_item + .passing_item {

}
.passing_item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 15px;
    gap: 15px;
}
.passing_item-top:before {
    position: absolute;
    content: "";
    width: calc(100% + 30px);
    height: 1px;
    background: #E0DEF4;
    bottom: 0;
    left: -15px;
}
.passing_item-box {
    display: flex;
    align-items: center;
    gap: 9px;
}
.passing_item-avatar {
    width: 37px;
    height: 37px;
    flex-shrink: 0;
}
.passing_item-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.passing_item-name {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #2D335B;
}
.passing_item-date {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #7178AD;
}
.passing_item-rating {
    width: 45px;
    height: 45px;
    border-radius: 11px;
    background: #60C73026;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 22px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.3px;
    color: #5EC62D;
    flex-shrink: 0;
}
.passing_item-rating.red{
    background:#C62D2D26;
    color:#C62D2D;
}
.passing_item-rating.yellow{
    background: rgba(231, 176, 37, 0.15);
    color: #E7B025;
}
.passing_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #1C2038;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
}
.passing_item-text:before {
    position: absolute;
    content: "";
    width: calc(100% + 30px);
    height: 1px;
    background: #E0DEF4;
    bottom: 0;
    left: -15px;
}
.passing_item-bottom-title {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    color: #7178AD;
    margin-bottom: 5px;
}
.passing_item-bottom-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #1C2038;
}

.trainer_ai-task .custom-checkbox+label::before {
    width: 23px;
    height: 23px;
    border-radius: 50%;  
    background: #FFFFFF;
    border: 2px solid #EAEAEA;
}
.trainer_ai-task .custom-checkbox:checked+label::before {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border-color: #479E1E;
    background-color: #479E1E;
    background-image: url(../images/arrow1000.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.trainer_ai-task {
    padding: 15px 20px 30px;
    border-radius: 15px;
    background: #fff;
}
.trainer_ai-task_head {
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 20px;
}
.trainer_ai-task_head:before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #E0DEF4;
    bottom: 0;
    left: -20px;
}
.trainer_ai-task_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #000;
    opacity: 0.8;
    margin-bottom: 7px;
}
.trainer_ai-task_text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #625E88;
}
.trainer_ai-task .custom-checkbox.custom-checkbox:checked ~ label {
    color: #479E1E;
}

.trainer_ai-task .custom-checkbox+label {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #000000; 
}
.trainer_ai-task .chekboxses_links {
    margin-top: 5px;
    display: flex;
    gap: 10px;
    margin-left: 30px;
}
.trainer_ai-task .chekboxses_links a:nth-child(1) {
    padding: 10px;
    background: #eeedff;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #514993;
    text-decoration: none;
    border-radius: 55px;
}
.trainer_ai-task .chekboxses_links a:nth-child(2) {
    padding: 10px;
    background: #eeedff;
    color: #514993;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-decoration: none;
     border-radius: 55px;
}
.chekboxses .checkbox + .checkbox {
    margin-top: 20px;
}
.trainer_ai-task .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: color-mix(in srgb, #479E1E 50%, white);
}
.trainer_ai-task .custom-checkbox:not(:disabled):active+label::before {
    background-color: color-mix(in srgb, #479E1E 50%, white);
    border-color: color-mix(in srgb, #479E1E 50%, white);
}
.trainer_ai-task .custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, #479E1E 20%, white);
}
.trainer_ai-task .custom-checkbox:focus:not(:checked)+label::before {
    border-color: color-mix(in srgb, #479E1E 50%, white);
}
.trainer_ai-task .custom-checkbox:checked+label::before {
    border-color: #479E1E;
    background-color: #479E1E;
}
.trainer_ai-task .custom-checkbox:disabled+label::before {
    background-color: #e9ecef;
}




.text-page_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 21px;
    line-height: 24px;
    color: #181818;
    margin-bottom: 20px;
}
.text-page_box {
    padding: 20px 18px;
    background-color: color-mix(in srgb, var(--main_color) 15%, #fff);
    border-radius: 6px;
    margin-top: 10px;
}
.text-page_subtitle {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #181818;
    margin-bottom: 15px;
    margin-top: 15px;
}
.text-page_text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--text_page1);
    margin-bottom: 15px;
    margin-top: 15px;
}
.text_block .reassurance ul {
    list-style: none;  
    padding-left: 27px;  
}
.text_block .reassurance ol {
    counter-reset: section;
    padding-left: 34px;  
    list-style: none;
}
.text_block .reassurance ul li {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: var(--text_page1);  
    position: relative;  
    overflow: visible; 
    padding-left: 0;
}
.text_block .reassurance ul li + li {
    margin-top: 10px;
}
.text_block .reassurance ul li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--main_color);
    left: -15px;
    top: 4px;
    border: none;
}
.text-page_list + .text-page_list {
    margin-top: 20px;
}
.text_block .reassurance ol li {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: var(--text_page1);
    position: relative;   
    overflow: visible;
    padding-left: 0;
}
.text_block .reassurance ol li + li {
    margin-top: 10px;
}
.text_block .reassurance ol li:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--main_color);
    left: -20px;
    top: 1px;
    counter-increment: section;
    content: counters(section,".") " ";
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;    
}
.conversation_audio {
    margin-bottom: 25px;
    padding: 8px;
    border-radius: 5px;
    background-color: color-mix(in srgb, var(--main_color) 5%, #fff);
}
.conversation_audio.audio_media .media-range {
    background-color: color-mix(in srgb, var(--main_color) 35%, #fff);
}
.text_block .conversation blockquote {
    padding: 14px 60px 14px 16px;
    border-radius: 5px;
    background-color: color-mix(in srgb, var(--main_color) 5%, #fff);
    border-left: 4px solid var(--main_color);
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--text_page2);
    position: relative;
    margin-bottom: 20px;
    margin-top: 15px;
}
.conversation blockquote .icon {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 6px;
    right: 11px;
}
.conversation ul {
    list-style: none;  
    padding-left: 27px;  
    margin-top: 15px;
    margin-bottom: 15px;
}
.conversation ul li {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: var(--text_page1); 
    position: relative;   
    overflow: visible;
    padding-left: 0;
}
.conversation ul li + li {
    margin-top: 10px;
}
.conversation ul li:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/ok3.svg);
    left: -20px;
    top: 0px;
    border: none;
}

.conversation ul li:hover:before{
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/ok3.svg);
    left: -20px;
    top: 0px;
    border: none;
}
.conversation_list {
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 24px;
}
.conversation_list > * {
    margin-bottom: 15px;
}
.conversation_list + .conversation_list {
    margin-top: 18px;
}
.conversation_list:before {
    position: absolute;
    content: "";    
    background: #D4D1EB;
    width: calc(100% + 40px);
    height: 1px;
    bottom: 0;
    left: -20px;
}
.conversation_list:last-child {
    padding-bottom: 0;
}
.conversation_list:last-child:before {
    display: none;
}
.conversation_list .icon {
    width: 20px;
    height: 20px;
}
.conversation_list-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    color: #181818;
}
.conversation_list.yellow .icon {
    width: 16px;
    height: 20px;
}
.conversation_list.green ul li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #52CA26;
    left: -15px;
    top: 4px;
} 
.conversation_list.red ul li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #D11A1A;
    left: -15px;
    top: 4px;
} 
.conversation_list.yellow ul li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FFC526;
    left: -15px;
    top: 4px;
} 
.reaction .video-player {
    border-radius: 15px;  
    width: 100%;  
    display: block;
    height: 100%;
    margin-bottom: 27px;
}
.reaction .video-player img {
    width: 100%;
}
.reaction_video {
    position: relative;
    z-index: 0;
    margin-bottom: 27px;
}
.reaction .reaction_video .icon {
    width: 68px;
    height: 68px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}
.reaction blockquote {
    padding: 14px 60px 14px 16px;
    border-radius: 5px;
    background-color: color-mix(in srgb, var(--main_color) 5%, #fff);
    border-left: 4px solid var(--main_color);
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--text_page2);
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
}
.reaction blockquote .icon {
    width: 27px;
    height: 27px;
    position: absolute;
    top: 6px;
    right: 11px;
}
.reaction_item + .reaction_item {
    margin-top: 20px;
}
.reaction_item-answer {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 5px;
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--text_page2);
    margin-left: 22px;
}

.reaction_item-answer ul{
    margin-top:  15px;
    margin-bottom: 15px;
}
.reaction_item-answer:before {
    position: absolute;
    content: "";
    width: 9px;
    height: 22px;
    background: url(../images/arrow123.svg);
    top: -10px;
    left: -12px;
}
.reaction_item-answer .icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.objection_item-client {
    background: var(--main_color);
    padding: 10px 10px 17px 10px;
    border-radius: 18px;
    display: inline-block;
    color: #fff;
}
.objection_item-answer {
    background-color: color-mix(in srgb, var(--main_color) 5%, #fff);
    padding: 10px 10px 17px 10px;
    border-radius: 18px;
    display: inline-block;
    color: #fff;
    max-width: 487px;
}
.objection_item-client .objection_item-head {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}
.objection_item-client .objection_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}
.objection_item-client .objection_item-head .icon,
.objection_item-answer .objection_item-head .icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.objection_item + .objection_item {
    margin-top: 10px;
}
.objection_item-answer .objection_item-head {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: var(--text_page2);
}
.objection_item-answer .objection_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--text_page2);
}
.momentous_box {
    padding: 20px 18px;
    border-radius: 6px;
    background: var(--main_color);
}

.text_block .momentous_box ul li{
    color:#fff;
}

.text_block .momentous_box ul li:before{
    border-color:#fff;
}

.momentous_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;  
    margin-bottom: 20px;
}
.momentous_text {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}

.preparation p {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #312C5C;   
}
.preparation p + p {
    margin-top: 20px;
}


.acquaintance p {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #312C5C;    
    margin-bottom: 15px;  
}
.acquaintance p + p {
    margin-top: 20px;
}
.acquaintance ul {
    list-style: none;
    padding-left: 27px;
}
.acquaintance ul li {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: var(--text_page1);
    position: relative;
    overflow: visible;
    padding-left: 0;
}
.acquaintance ul li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FF5C00;
    left: -15px;
    top: 4px;
    border: none;
}
.acquaintance ul li + li {
    margin-top: 10px;
}
.scheme > *{
    margin-bottom: 15px;
}
.scheme p {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #312C5C;    
    margin-bottom: 15px;  
}
.scheme p + p {
    margin-top: 20px;
}
.scheme ol {
    list-style: none;
    counter-reset: section1;
    padding-left: 34px;
}
.scheme ol li {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: var(--main_color);
    position: relative;   
    overflow: visible;
    padding-left: 0;
}
.scheme ol li + li {
    margin-top: 23px;
}
.text_block .scheme ol li:before {
    position: absolute;
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--main_color);
    left: -27px;
    top: -3px;
    counter-increment: section1;
    content: counters(section1,".") " ";
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
.scheme ol li:after {
    position: absolute;
    content: "";
    width: 3px;
    height: calc(100% + 10px);
    background: var(--main_color);
    left: -17px;
    top: 14px;
}
.scheme ol li:last-child:after {
    display: none;
}
.scheme_box {
    padding: 18px;
    background-color: color-mix(in srgb, var(--main_color) 5%, #fff);
    border-radius: 6px;
    margin-top: 20px;
}
.scheme_box > * {
    margin-bottom: 15px;
}
.scheme_box p {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #312C5C;
}
.scheme_box p b {
    font-weight: 700;
}

.substantial_box {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 25px 15px;
    background: var(--main_color);
    border-radius: 6px;
    margin-top: 24px;
}
.substantial_box .icon {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
}
.substantial_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    margin-bottom: 14px;
}
.substantial_text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}

.principle .icon {
    width: 24px;
    height: 24px;
    margin-top: -4px;
    flex-shrink: 0;
}
.principle ul {
    list-style: none;
}
.principle ul li {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #312C5C;
}
.text_block .principle ul li:before {
    display: none;
}
.principle ul li + li {
    margin-top: 20px;
}

.pinning_box {
    padding: 18px;
    background-color: color-mix(in srgb, var(--main_color) 5%, #fff);
    border-radius: 6px;
}
.pinning .icon {
    width: 24px;
    height: 24px;
    margin-top: -4px;
    flex-shrink: 0;
}
.pinning ul {
    margin-bottom: 15px;
}
.text_block .pinning ul li:before {
    display: none;
}
.pinning ul li {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #312C5C;
    overflow: visible;
}
.pinning ul li + li {
    margin-top: 20px;
}
.pinning p {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #312C5C;
    margin-bottom: 15px;
}
.pinning p b {
    font-weight: 700;
}

.beginner p {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #312C5C;   
}
.beginner p + p {
    margin-top: 20px;
}

.experienced p {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #312C5C;   
}
.experienced p + p {
    margin-top: 20px;
}

.surveys .close_new_message .icon {
    width: 26px;
    height: 26px;
    margin-top: 5px;
    flex-shrink: 0;
    margin-right: 0;
}
.surveys .message_new {
    padding: 7px 12px;
}

.surveys_items {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.surveys_items > * {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px;
    border-radius: 15px;
    background: #fff;
    width: calc(100%/3 - 20px);
}
.surveys_item .icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}
.surveys_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #7D7BB8;
    margin-bottom: 6px;
}
.surveys_item-text {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 27px;
    line-height: 19px;
    letter-spacing: -1.3px;
    color: #1D1D1D;
}

.dynamic_head {
    margin-bottom: 20px;
}
.dynamic_head-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    margin-bottom: 10px;
}
.dynamic_head-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #59619C;
}
.dynamic_item {
    padding: 18px;
    border: 1px solid #A7A3C9;
    border-radius: 20px;
    background: #fff;
}
.dynamic_item-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}
.dynamic_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -0.3px;
    color: #1D1D1D;
    margin-bottom: 12px;
    width: calc(100% - 180px);
}
.dynamic_item-title a{
	color: #1D1D1D;
	text-decoration: none;	
}
.dynamic_item-label {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 0px 8px;
    border-radius: 59px;
    height: 20px;
    text-align: center;
}
.dynamic_item-label.red {
    background: #CD3057; 
}
.dynamic_item-label.green {
    background: #529D23;
}
.dynamic_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #6C718F;
    margin-bottom: 15px;
}
.dynamic_item-bottom {
    display: flex;
    gap: 11px;
    align-items: center;
}
.dynamic_item-bottom + .dynamic_item-bottom{
    margin-top: 15px;
}
.dynamic_item-comment {
    display: flex;
    gap: 5px;
    align-items: center;
}
.dynamic_item-comment .icon {
    width: 24px;
    height: 24px;
}
.dynamic_item-comment span {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}
.dynamic_item-bottom-text {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #625BA1;
    padding: 6px;
    border-radius: 59px;
    background-color: color-mix(in srgb, var(--main_color) 15%, #fff);
}
.dynamic_item-bottom-text-big {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #7C78A7;    
}
.dynamic_item + .dynamic_item {
    margin-top: 20px;
}

.surveys .accordion_item .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.surveys .accordion_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    margin-bottom: 5px; 
}
.surveys .accordion_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #59619C;
}
.surveys .accordion_item .head:before {
    display: none;
}
.surveys .accordion_item .head {
    padding: 18px;
}
.surveys .accordion_item-left {
    display: flex;
    align-items: center;
    gap: 18px;
    width: calc(100% - 150px);
}
.surveys .accordion_item-icon {
    width: 48px;
    height: 48px;
}
.surveys .accordion_item .data {
    padding: 18px;
}
.surveys .accordion_item .data .accordion-block_item {
    padding: 21px 18px;
    background: #F7F6FF;
    border-radius: 20px;
    display: block;
    text-decoration: none;
}
.surveys .accordion-block_item-bottom {
    display: flex;
    gap: 11px;
    align-items: center;
}
.surveys .accordion-block_item-comment {
    display: flex;
    gap: 5px;
    align-items: center;
}
.surveys .accordion-block_item-comment .icon {
    width: 24px;
    height: 24px;
}
.surveys .accordion-block_item-comment span {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}
.surveys .accordion-block_item-bottom-text {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #625BA1;
    padding: 6px;
    border-radius: 59px;
    background-color: color-mix(in srgb, var(--main_color) 15%, #fff);
}
.surveys .accordion-block_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -0.3px;
    color: #35324E;
    margin-bottom: 15px;
}
.surveys .accordion-block_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #6C718F;
    margin-bottom: 15px;
}
.surveys .accordion-block_item + .accordion-block_item {
    margin-top: 18px;
}
.surveys .faq_btn {
    padding: 10px 12px;
    background: var(--main_color);    
    border-radius: 59px;
}
.surveys .accordion_item .faq_btn:first-child span {
    color: #fff;
}
.surveys .accordion_item .faq_btn:first-child .faq_btn-icon {
    background: #fff;
}
.surveys .accordion_item .faq_btn:last-child span {
    color: #fff;
}
.surveys .accordion_item .faq_btn:last-child .faq_btn-icon {
    background: #fff;
}


.alternative .uploaded-files_item-bottom::before {
    display: none;
}


.skill-bars .bar {
    margin: 20px 0;
}
.skill-bars .bar:first-child {
    margin-top: 0px;
}
.skill-bars .bar .info {
    margin-bottom: 9px;
    display: flex;
    justify-content: space-between;
}
.skill-bars .bar .info span {
    opacity: 0;
    animation: showText 0.5s 1s linear forwards;
}
.progress-line_text {
    margin-left: auto;
    margin-right: 46px;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #87CC15;
}
@keyframes showText {
100% {
    opacity: 1;
    }
}
.skill-bars .bar .progress-line {
    height: 12px;
    width: 100%;
    background: #F3F2FC;
    position: relative;
    transform: scaleX(0);
    transform-origin: left;
    border-radius: 12px;
    animation: animate 1s cubic-bezier(1, 0, 0.5, 1) forwards;
}
@keyframes animate {
100% {
    transform: scaleX(1);
    }
}
.bar .progress-line span {
    height: 100%;
    position: absolute;
    border-radius: 10px;
    transform: scaleX(0);
    transform-origin: left;
    background: var(--main_color);
    animation: animate 1s 1s cubic-bezier(1, 0, 0.5, 1) forwards;
    width: attr(data-parent);
}
.bar.active .progress-line span {
    background: #87CC15;
}/*
.bar .progress-line.item1 span {
    width: attr(data-parent);
}
.bar .progress-line.item2 span {
    width: attr(data-parent);
}
.bar .progress-line.item3 span {
    width: attr(data-parent);
}*/
.bar .info {
    position: relative;
}
.bar .info .bar_title {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #515780;
}
.bar .info .bar_title b {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #1D1D1D;
}
.bar .info span::after {
    position: absolute;
    top: 0px;
    right: 0;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-align: right;
    letter-spacing: -0.3px;
    color: #1D1D1D;
    opacity: 0;
    animation: showText2 0.5s 1.5s linear forwards;
}
@keyframes showText2 {
100% {
    opacity: 1;
    }
}
.bar .info span::after {
    content: attr(data-procent);
}
.skill-bars_button {
    background: #625BA126;
    padding: 12px 15px;
    border-radius: 55px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #625BA1;
    text-decoration: none;
    display: inline-block;
}
.skill-bars_items {
    position: relative;
}
.skill-bars_items:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    left: -18px;
    bottom: 0;
    height: 1px;
    background: #CACACA;    
}
.skill-bars_items {
    padding-bottom: 28px;
}
.skill-bars_items {
    margin-top: 28px;
}
.skill-bars_items-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 19px;
    line-height: 18px;
    color: #000000; 
}
  

.alternative {
    padding: 18px;
    background: #fff;
    border-radius: 20px;
}
.alternative_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.alternative_title {
    width: calc(100% - 180px);
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -0.3px;
    color: #1D1D1D;
}
.alternative_label {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 0px 8px;
    border-radius: 59px;
    background: #CD3057;
    height: 20px;
    text-align: center;
}
.alternative_text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #515780;
    margin-bottom: 20px;
}
.alternative .uploaded-files_item-top {
    margin-bottom: 0;
}
.alternative.uploaded-files_item-info {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #1D1D1D;
}
.alternative .uploaded-files_item-bottom {
    padding-top: 0;
}
.alternative_images {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
}
.alternative_images img {
    border-radius: 15px;
    width: 200px;
    height: 150px;
    object-fit: cover;
}

.skill-bars {
    padding: 24px 18px;
    background: #fff;
    border-radius: 20px;   
}
.skill-bars_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -0.3px;
    color: #1D1D1D;
    padding-bottom: 20px;
    position: relative;
}
.skill-bars_title:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    left: -18px;
    bottom: 0;
    height: 1px;
    background: #CACACA;
}
.skill-bars_item {
    margin-top: 28px;
}

.voting.comments .comment .data {
    padding: 0;
    border: none;
}

.voter-list {
    margin-top: 16px;
}
.voter-list_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #515780;
    margin-bottom: 10px;
}
.voter-list_items {
    display: flex;
    gap: 10px;
}
.voter-list_items > * {
    display: flex;
    align-items: center;
    gap: 7px;
}
.voter-list_item-photo {
    width: 33px;
    height: 33px;
    flex-shrink: 0;
}
.voter-list_item-photo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.voter-list_item-name {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #1D1D1D;
}
.voter-list_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #515780;
}
.voter-list_desc a {
    padding: 12px 15px;
    background: var(--main_color);
    border-radius: 50px;
    text-decoration: none;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}
.voter-list_desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-voter-list {
    max-width: 397px;
    width: 100%;
    border-radius: 15px;
    background: #fff;
    padding: 20px 15px;
    height: 519px;
    display: none;
}
.modal-voter-list::-webkit-scrollbar {
    width: 10px !important;
    background-color: #f9f9fd;
}
.modal-voter-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #18aaaa;
}
.modal-voter-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    border-radius: 10px;
    background-color: #f9f9fd;
}
.modal-voter_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    padding-bottom: 17px;
    position: relative;
}
.modal-voter_title:before {
    position: absolute;
    content: "";
    width: calc(100% + 30px);
    left: -15px;
    bottom: 0;
    height: 1px;
    background: #CACACA;
}
.modal-list_item-photo {
    width: 44px;
    height: 44px;
}
.modal-list_item-photo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.modal-list_item-name {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
}
.modal-voter-list ul {
    list-style: none;
    overflow-y: scroll;    
    scrollbar-width: thin;
}

.modal-voter-list ul::-webkit-scrollbar {
    width: 10px !important;
    background-color: #f9f9fd;
}
.modal-voter-list ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #18aaaa;
}
.modal-voter-list ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    border-radius: 10px;
    background-color: #f9f9fd;
}

.modal-voter-list ul li {
    display: flex;
    align-items: center;
    padding: 11px;
    background: #F3F2FC;
    gap: 15px;
}
.modal-voter-list ul li {
    margin-top: 7px;
}

.separator{
    background: var(--bg);
    height: 20px;
    width: calc(100% + 44px);
    margin-left: -22px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.passing-head .page_title{
	flex-wrap:nowrap;
}

.content_flex .content .surveys > * + * {
    margin-top: 40px;
}



.note_items {
    display: flex;
    flex-wrap: wrap;
    gap: 29px;
}
.note_items > * {
    padding: 20px 22px 24px;
    border-radius: 15px;
    background: #fff;
    width: calc(100%/3 - 20px);
}
.note_item-top {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 12px;
}
.note_item .icon {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}
.note_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #1D1D1D;   
}
.note_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}
.note_item ul li {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 15px;
    line-height: 17px;
    color: #61648F;
}
.note_item ul {
    margin-left: 25px;
}



.evaluation-simulator {
    padding: 15px 20px 30px;
    border-radius: 15px;
    background: #fff;
}
.evaluation-simulator_item + .evaluation-simulator_item {
    margin-top: 12px;
}
.evaluation-simulator_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #1A1B2F;
    margin-bottom: 4px;
}
.rating-area2 {
	overflow: hidden;
	width: 211px;
}
.rating-area2:not(:checked) > input {
	display: none;
}
.rating-area2:not(:checked) > label {
	float: right;
	width: 42px;
	padding: 0;
	cursor: pointer;
	font-size: 42px;
}
.rating-area2:not(:checked) > label:before {
	content: '★';
}
.rate-area2 > label:active {
	position: relative;
}
.rating-area2:not(:checked) > label:before {
    content: '';
    display: block;
    background: url(../images/star-black2.svg);
    width: 28px;
    height: 27px;
}
.rating-area2 > input:checked ~ label:before {
    background: url(../images/star10.svg);
}
.rating-area2:not(:checked) > label:hover:before,
.rating-area2:not(:checked) > label:hover ~ label:before {
    background: url(../images/star10.svg);
}


.thanks-assessment {
    padding: 40px 30px 60px;
    border-radius: 15px;
    background: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.thanks-assessment_icon {
    width: 161px;
    height: 161px;
    border-radius: 19px;
    border: 1px solid #C7C5F1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.thanks-assessment_icon .icon {
    width: 79px;
    height: 79px;
}
.thanks-assessment_title {
    max-width: 520px;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -1px;
}

.dynamic_item_button{
    padding: 10px 26px;
    background: var(--main_color);
    border-radius: 59px;
    color: #fff;
    margin-bottom: 10px;
}


.trainer_ai_title{
    background: #fff;
    color:var(--main_color);
    margin: 20px 0;
    padding: 15px;
    border-radius: 10px;
}

.trainer_ai_hint_title .icon{
    width: 15px;
    height: 15px;
}

.trainer_ai_text blockquote{
    background: url(../images/ic_quote.svg) no-repeat;
    padding-left: 40px;
    margin: 20px 0;
    background-position: 0px 6px;
    min-height: 30px;
}

.trainer_ai_hint{    
    background: rgba(255, 255, 255, 0.3);
    padding: 10px;
    border-radius: 10px;
    margin: 20px 0;
}

.trainer_ai_hint_title{
    display: flex;
    gap: 10px;
    cursor:pointer;
    align-items: center;
}

.trainer_ai_hint_title .icon{
    width: 25px;
    height: 25px;
}

.trainer_ai_hint_text{
    margin-top: 5px;
    display: none;
}

.trainer_ai_task{
    background: rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 10px;
    margin: 20px 0;   
}

.trainer_ai_task_title{
    display: flex;
    gap: 10px;
    cursor:pointer;
    align-items: center;
}

.trainer_ai_task_title .icon{
    width: 25px;
    height: 25px;
}

.trainer_ai_task_text{
    margin-top: 5px;
}

.trainer_ai_hint_new{
    background: rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    margin: 20px 0;
}

.trainer_ai_hint_new .trainer_ai_hint_title{
    flex-direction: column;
    align-items: center;
    font-weight: bold;
}

.trainer_ai_hint_new .icon{
    width: 57px;
    height: 30px;
}

@media print, (max-width: 1889px){
    .trainer_ai_body_left{
        width: 40%;
    }

    .trainer_ai_body_right{
        font-size: 16px;
        line-height: 20px;
    }
}

.you_boss{
    display: flex;
    gap:15px;
    padding: 15px;
    background: #fff;
    border-radius: 20px;
    align-items: center;
}

.you_boss_icon{
    background: var(--color_light);
    padding: 5px;
    border-radius: 9px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.you_boss_icon .icon{
    width: 30px;
    height: 30px;
}

.you_boss_head{
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.3px;
    color: #212121;
}

.you_boss_footer{
    line-height: 19px; 
    color: #3D3D3D;
    margin-top: 3px;
}

.you_boss button{
    border-radius: 55px;
    background: var(--main_color);
    font-size: 14px;
    color: #FFF;
    font-weight: 500;
    text-decoration: none;
    width: 146px;
    height: 33px;
    display: block;
    text-align: center;
    line-height: 33px;
    flex-shrink: 0;
    margin-left: auto;
}

.knowledgebase_buttons{
    display: flex;
    gap:10px;
}

.knowledgebase_buttons a{
    border-bottom: 1px dashed;
    font-size: 12px;
}

.knowledgebase_buttons a:hover{
    text-decoration: none;
}

.knowledgebase_buttons a.yellow{
    color: #E07800;
}

.knowledgebase_buttons a.green{
    color: #36B11E;
}

.knowledgebase_buttons a.blue{
    color: #007BE0;
    
}

.ii_button{
    padding: 9px 10px;
    background: linear-gradient(67.84deg, #682D8C -1.82%, #EB1E79 106.59%);
    border-radius: 73px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    margin-left: auto;
    font-weight: 500;
    width: 146px;
    flex-shrink: 0;
}

.ii_button .icon{
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.files_upload{
    padding: 15px 20px 30px;
    border-radius: 15px;
    background: #fff;
}

.add_ii{
    padding: 20px 15px 16px;
    max-width: 750px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 15px;
    display: none;
}

.trainer_modal-title:before {
    position: absolute;
    content: "";
    width: calc(100% + 30px);
    height: 1px;
    background: #EBEBEB;
    left: -15px;
    bottom: 0;
}

.add_ii_block{
    border-radius: 9px;
    border:1px solid #DFDFDF;
    padding: 15px;
}

.add_ii_block + .add_ii_block{
    margin-top: 15px;
}

.add_ii_block_head label{
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 119% */
    letter-spacing: -0.375px;
}

.add_ii_block_head{
    display: flex;
    align-items: center;
    gap:15px;
}

.add_ii_block_complete, .add_ii_block_error{
    margin-left: auto;
    background: #1FBB53;
    color: #fff;
    padding: 7px;
    border-radius: 15px;
    font-weight: 500;
    font-size: 12px;
    display: flex;
    gap:5px;
}

.add_ii_block_complete .icon, .add_ii_block_error .icon{
    width: 11px;
    height: 11px;
}

.add_ii_block_error{
    background: #D63242;
}

.add_ii_block_content{
    margin-top: 10px;
}

.add_ii_button{
    border-radius: 55px;
    background: var(--main_color);
    font-size: 14px;
    color: #FFF;
    font-weight: 500;
    text-decoration: none;
    height: 33px;
    display: block;
    text-align: center;
    line-height: 33px;
    flex-shrink: 0;
    padding: 0 15px;
    width: max-content;
    margin-top: 20px;
    margin-left: auto;
    margin-bottom: 10px;
}

.courses_not_complete{
    background: #fff;
    border-radius: 15px;
    padding: 20px;
}

.courses_not_complete_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #1D1D1D;
}

.show_courses_not_complete .icon{
    width: 22px;
    height: 22px;
    transition: 0.3s;
}

.show_courses_not_complete{
    display: flex;
    align-items: center;
    gap:10px;
    cursor: pointer;
}

.show_courses_not_complete.active .icon{
    transform: rotate(90deg);
}

.show_courses_not_complete span{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #312F5A;
}
/*
.courses_not_complete_list{
    display: flex;
    gap:12px;
    flex-wrap: wrap;
    opacity: 0;
    height: 0; 
    transition: all 0.25s;
    transition: all 0.25s allow-discrete;
}

.courses_not_complete_list.active{
    margin-top: 20px;
    opacity: 1;
    height: auto;
    height: calc-size(max-content, size);
}*/

.courses_not_complete_list{
    display: none;
    gap:12px;
    flex-wrap: wrap;
    opacity: 0;
    transition: all 0.5s allow-discrete;
}

.courses_not_complete_list.active{
    margin-top: 20px;
    opacity: 1;
    display: flex;
}
@starting-style {
    .courses_not_complete_list.active {
        opacity: 0;
    }
}

.courses_not_complete_item{
    border: 1px solid #DFDFDF;
    padding: 15px;
    border-radius: 10px;
    width: calc(100% / 4 - 9px);
}

.courses_not_complete_item_title{
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
}

.courses_not_complete_item_desc{
    font-size: 14px;
    line-height: 130%;
    color: #4B4F75;
    margin-bottom: 15px;
}

.courses_not_complete_item_line{
    height: 14px;
    line-height: 14px;
    width: 100%;
    background: #F3F2FC;
    position: relative;
    transform: scaleX(0);
    transform-origin: left;
    border-radius: 12px;
    animation: animate 1s cubic-bezier(1, 0, 0.5, 1) forwards;
    margin-bottom: 15px;
}

.courses_not_complete_item_line span{
    height: 100%;
    position: absolute;
    border-radius: 10px;
    transform: scaleX(0);
    transform-origin: left;
    background: var(--main_color);
    animation: animate 1s cubic-bezier(1, 0, 0.5, 1) forwards;
    color: #fff;
    font-size: 11px;
    padding-left: 10px;
}

.courses_not_complete_item_button:before{
    content: "";
    position: absolute;
    top: 0px;
    width: calc(100% + 30px);
    margin-left: -15px;
    height: 1px;
    background: #DFDFDF;
}

.courses_not_complete_item_button{
    position: relative;
}

.courses_not_complete_item_button button{
    padding: 8px 21px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 55px;
    text-decoration: none;
    text-align: center;
    margin-top: 15px;
}



.chat_head {
    display: flex;
    gap: 10px;
}
.chat_head .icon {
    width: 39px;
    height: 29px;
}
.chat_head .block_title {
    margin-bottom: 5px;
    font-size: 28px;
}

.chat_box {
    padding: 18px;
    border-radius: 15px;
    background: #fff;
}
.chat_box-top {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 18px;
    margin-bottom: 14px;
    position: relative;
}
.chat_box-top:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #DFDFDF;
    bottom: 0;
    left: -18px;
}
.chat_box-icon {
    width: 52px;
    height: 52px;
}
.chat_box-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -1px;
    color: #1D1D1D;
    margin-bottom: 10px;
}
.chat_box-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #4B4F75;
}
.custom-checkbox_title {
    padding: 21px 35px 21px 12px;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.3px;
    color: #1D1D1D;
    width: 100%;
}
.custom-checkbox_text {
    padding: 15px;
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #534F77;
    border-top: 1px solid #DFDFDF;
    width: 100%;
}
.chat_box .line {
    margin-bottom: 20px;
}
.chat_box .line .fields > * {
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-radius: 9px;  
    width: calc(100%/4 - 15px);
}
.chat_box label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    background: #fff;
    border-radius: 9px; 
    justify-content: space-between;
    align-content: flex-start;
    height: 100%;
}
.chat_box .line .fields {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.chat_box .checkbox {
    height: 100%;
}
.chat_box .custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #DFDFDF;
    border-radius: 50%;
    margin-right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    transition: 0.3s;
    position: absolute;
    right: 8px;
    top: 8px;
}
.chat_box input:checked ~ label .custom-checkbox_text {
    color: #fff;
}
.chat_box input:checked ~ label .custom-checkbox_title {
    color: #fff;
}
.chat_box input:checked ~ label {
    background: var(--main_color);
    height: 100%;
}
.chat_box .custom-checkbox:checked+label::before {
    border-color: #fff;
    background-color: var(--main_color);
    background-image: url(../images/icons8.svg);
    width: 20px;
    height: 20px;
    background-size: 100%;
    border: none;
}

.chat_box .custom-checkbox[type="radio"]:checked+label::before{
    background: none;
    border: 3px solid #fff;
    width: 16px;
    height: 16px;
}

.chat_box .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color:  #DFDFDF;
}
.chat_box .custom-checkbox:not(:disabled):active+label::before {
    background-color: var(--main_color);
    border-color: var(--main_color);
    width: 20px;
    height: 20px;
}
.chat_box .label {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #7874A3;
    margin-bottom: 12px;
}
.chat_box .line input {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    padding: 15px 14px;
    background: #FFFFFF;
    border: 1px solid #AEABD1;
    border-radius: 8px;
    width: 100%;
}
.chat_box .line .checkbox input {
    display: none;
}
.chat_box .line textarea {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    padding: 15px 14px;
    background: #FFFFFF;
    border: 1px solid #AEABD1;
    border-radius: 8px;
    width: 100%;
    height: 118px;
}


.chat_box .line-boxs {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.chat_box .line-boxs label {
    color: #4d4f60;
    line-height: 19px;
    position: relative;
    display: flex;
    min-height: 100%;
    padding-left: 28px;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.chat_box .line-boxs label:before {
    position: absolute;
    top: 0px;
    left: 0;
    width: 19px;
    height: 19px;
    content: '';
    border: 1px solid #7874A3;
    border-radius: 50%;
    background: #fff;
}
.chat_box .line-boxs label:after {
    position: absolute;
    z-index: 2;
    top: 2px;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    content: '';
    transition: opacity .2s linear;
    opacity: 0;
    background: url(../images/ic_check_blue.svg) 50%/10px 8px no-repeat;
}
.chat_box .line-boxs input[type=radio] + label:before {
    border-radius: 50%;
}
.chat_box .line-boxs input[type=radio] + label:after {
    top: 3px;
    left: 3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--main_color);
    opacity: 0;
}
.chat_box .line-boxs input[type=radio]:checked + label:after {
    opacity: 1;
}
.chat_box .line-boxs input[type=radio] {
    display: none;
}
.chat_box .line-boxs input:checked ~ label {
    background: none;
}

.chat_box .line-boxs input[type=checkbox] {
    display: none;
}
.chat_box .line-boxs input[type=checkbox] + label {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #26214F;
    line-height: 19px;
    position: relative;
    min-height: 19px;
    padding-left: 28px;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
}
.chat_box .line-boxs input[type=checkbox] + label a {
    text-decoration: none;
    color: var(--main_color);
}
.chat_box .line-boxs input[type=checkbox] + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 19px;
    height: 19px;
    content: '';
    transition: .2s linear;
    border: 1px solid #9490B9;
    border-radius: 4px;
}
.chat_box .line-boxs input[type=checkbox] + label:after {
    position: absolute;
    top: 5px;
    left: 3px;
    display: block;
    width: 14px;
    height: 7px;
    content: '';
    transition: opacity .2s linear;
    opacity: 0;
    border-bottom: 2px solid var(--main_color);
    border-left: 2px solid var(--main_color);
    transform: rotate(-45deg);
    background: none;
}
.chat_box .line-boxs input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.chat_box-btn {
    position: relative;
    padding-top: 19px;
}
.chat_box-btn:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #DFDFDF;
    top: 0;
    left: -18px;
}
.chat_box-btn button {
    margin-left: auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    padding: 12px 20px;
    background: var(--main_color);
    border-radius: 55px;
    display: block;
    position: relative;
}

.chat .uploaded-files_item-info {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
    margin-left: 0;
}
.chat .uploaded-files_item-top {
    display: flex;
    flex-direction: column;
}
.chat .uploaded-files_item-name {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.3px;
    color: #1D1D1D;  
}
.chat .uploaded-files_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.3px;
    color: #534F77;
}




.mission_head .block_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.mission_head .block_title {
    margin-bottom: 0;
}
.mission_head .nice-select {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #0A00C5;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #585683;
    width: 155px;
    height: 35px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 14px;
}
.mission_head .nice-select:after {
    border-bottom: 2px solid #332894;
    border-right: 2px solid #332894;
}
.mission_head .nice-select .option {
    padding-left: 5px;
    padding-right: 5px;
}
.mission_head .nice-select .list {
    padding: 10px;
    top: calc(100% + 5px);
    left: 0;
    border-radius: 8px;
}
.mission_head .select-right {
    display: flex;
    align-items: center;
    margin-left: 22px;
    position: absolute;
    right: 0px;
    top: 0;
}



.mission_top-items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.mission_top-items > * {
    border-radius: 20px;
    padding: 18px;
    width: calc(100%/3 - 18px);
    display: flex;
    align-items: center;
    gap: 18px;
}
.mission_top-item-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;    
}
.mission_top-item-icon .icon {
    width: 34px;
    height: 34px;
}
.mission_top-item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #FFFFFF;
    opacity: 0.8;
}
.mission_top-item-text {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -2.3px;
    color: #FFFFFF;
}
.mission_top-item.red {
    background: #CD2051;
}
.mission_top-item.red .mission_top-item-icon {
    background-color: color-mix(in srgb, #CD2051 50%, #fff);
}
.mission_top-item.blau {
    background: #177CFF;
}
.mission_top-item.blau .mission_top-item-icon {
    background-color: color-mix(in srgb, #177CFF 50%, #fff);
}
.mission_top-item.green {
    background: #419F2E;
}
.mission_top-item.green .mission_top-item-icon {
    background-color: color-mix(in srgb, #419F2E 50%, #fff);
}



.mission {
    padding: 30px 20px 25px;
    background: #FFFFFF;
    border-radius: 20px;
}
.mission_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    color: #1D1D1D;
    margin-bottom: 25px;
}
.mission_items {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
    margin-bottom: 20px;
}
.mission_item {
    width: calc(100%/3 - 16px);
    background: #FFFFFF;
    border: 1px solid #CDC9ED;
    border-radius: 14px;
    padding: 16px;
    height: auto;
    display: flex;
    flex-direction: column;
}
.mission_item-label {
    padding: 6px 6px 6px 16px;
    position: relative;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    border-radius: 59px;
    margin-bottom: 16px;
    display: inline-block;
    width: max-content;
}
.mission_item-label:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}
.mission_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    margin-bottom: 14px;
}
.mission_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #585683;
    margin-bottom: 20px;
}
.mission_item-btn-box {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 18px;
    margin-top: auto;
}
.mission_item-btn {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding: 10px 12px;
    border-radius: 16px;
    background: var(--main_color);
    order: 2;
    text-decoration: none;
}
.mission_item-status {
    display: flex;
    align-items: center;
    gap: 3px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #A71010;
}
.mission_item-status .icon {
    width: 17px;
    height: 17px;
}
.mission_item-bottom {
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
    padding-top: 16px;
}
.mission_item-bottom:before {
    position: absolute;
    content: "";
    width: calc(100% + 32px);
    height: 1px;
    left: -16px;
    top: 0;
    background: #E0DEF4;
}
.mission_item-photo {
    width: 36px;
    height: 36px;
}
.mission_item-name {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #6C6797;
}
.mission_item-name b {
    font-weight: 700;
    color: #000;
}
.mission_item-time {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #6C6797;
}
.mission_item.blau .mission_item-label {
    background: #1B9CEC;
}
.mission_item.green .mission_item-label {
    background: #419F2E;
}
.mission_item.violet .mission_item-label {
    background: #6D17E5;
    display: inline-block;
}
.mission_more-btn {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding: 10px 12px;
    border-radius: 16px;
    background: var(--main_color);
    order: 2;
    text-decoration: none;
    display: inline-block;        
}
.mission_item.hide {
    display: none;
}
.mission_more {
    position: relative;
    padding-top: 20px;
}
.mission_more:before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #E0DEF4;
    left: -20px;
    top: 0;
}


.outcomes_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #000;
    opacity: 0.8;
    margin-bottom: 7px;
}
.outcomes {
    padding: 20px 20px 23px 20px;
    border-radius: 20px;
    background: #fff;
    margin-top: 20px;
    color: #000;
}
.outcomes_text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000;
    margin-bottom: 25px;
}
.outcomes_text p + p {
    margin-top: 20px;
}
.outcomes_items {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.outcomes_items > * {
    width: calc(100%/2 - 10px);
    background: #faf2ff;
    border-radius: 9px;
    padding: 18px;
    position: relative;
}
.outcomes_item-top {
    padding-bottom: 15px;
    position: relative;
    /*width: calc(100% - 60px);*/
}
.outcomes_item-top:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #E0DEF4;
    left: -18px;
    bottom: 0;    
}
.outcomes_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 13px;
}
.outcomes_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #1C2038;
}
.outcomes_item-bottom {
    margin-top: 18px;
}
.outcomes_item-subtitle {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #7178AD;
    margin-bottom: 10px;
}
.outcomes_item-number {
    width: 45px;
    height: 45px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 22px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.3px;
    color: #5EC62D;
    position: absolute;
    right: 18px;
    top: 18px;
    background: rgba(96, 199, 48, 0.15);
}
.outcomes_bottom {
    background: #faf2ff;
    border-radius: 9px;
    padding: 18px;
    position: relative;
}
.outcomes_bottom-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 18px;
    margin-bottom: 23px;
    position: relative;
}
.outcomes_bottom-head:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    left: -18px;
    bottom: 0;
    background: #E0DEF4;  
}
.outcomes_bottom-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 10px;
}
.outcomes_bottom-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #1C2038;
}
.outcomes .mission_item-text {
    margin-bottom: 0;
}
.outcomes_bottom-head a {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    line-height: 14px;
    padding: 10px 12px;
    border-radius: 16px;
    background: var(--main_color);
    order: 2;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}

.event-feed_item-button{
    background: var(--main_color);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px;
    border-radius: 55px;
    transition: all .4s;
    display: inline-block;
    line-height: normal;
    opacity: 1;
    margin-right: 0;
    letter-spacing: inherit;
    margin-top: 15px;
    text-decoration: none;
}

.event-feed_item-images + .files{
	margin-top: 20px;
}

.outcomes_item-balls{
	display: flex;
	gap:15px;
	margin-bottom: 10px;
	font-weight: bold;
}

.outcomes_item-balls-to{
	color:#D04345;
	background: #D0434526;
	padding: 5px;
	border-radius:5px;
}

.outcomes_item-balls-be{
	color:#5EC62D;
	background: #60C73026;
	padding: 5px;
	border-radius:5px;
}



.repair .page_title {
    margin-bottom: 6px;
}
.repair_top {
    margin-top: 25px;
    margin-bottom: 25px; 
}
.repair_top-items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.repair_top-items > * {
    width: calc(100%/3 - 16px);
    gap: 18px;
    display: flex;
    align-items: center;
    padding: 18px;
    background: var(--main_color);
    border-radius: 20px;
}
.repair_top-item-icon {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.repair_top-item-icon svg {
    width: 34px;
    height: 34px;
}
.repair_top-item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #FFFFFF;
    opacity: 0.8;
}
.repair_top-item-text {
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -2.3px;
    color: #FFFFFF;
}


.repair_wrap-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    color: #1D1D1D;
    margin-bottom: 25px;
}
.repair_items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.repair_items > * {
    width: calc(100%/3 - 16px);
    padding: 17px 14px 16px;
    background: #fff;
    border-radius: 15px;
}
.repair_item-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -0.3px;
    color: #020027;
    margin-bottom: 12px;
}
.repair_item-labels {
    display: flex;
    flex-direction: column;
}
.repair_item-label {
    padding: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #655F95;
    background: #FFFFFF;
    border: 1px solid #655F95;
    border-radius: 6px;
    display: inline-block; 
    width: fit-content;
}
.repair_item-label + .repair_item-label {
    margin-top: 9px;
}
.repair_item-link {
    background: var(--main_color);
    border-radius: 55px;
    padding: 9px 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #FFFFFF;  
    display: inline-block;  
    text-decoration: none;
    margin-top: 17px;
}
.repair_item-bottom {
    margin-top: 17px;
    padding-top: 12px;
    display: flex;
    align-items: center;
    gap: 7px;
    position: relative;
}
.repair_item-bottom:before {
    position: absolute;
    content: "";
    background: #E0DEF4;
    width: calc(100% + 28px);
    height: 1px;
    left: -14px;
    top: 0;
}
.repair_item-avatar {
    width: 36px;
    height: 36px;
}
.repair_item-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.repair_item-name {
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #1D1D1D;   
}
.repair_item-post {
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #6C6797;
}




.breadcrumbs {
    margin-left: 50px;
    margin-top: 12px;
}
.breadcrumbs a {
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #4B4F75;
}
.breadcrumbs .current {
    text-decoration: underline;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #4B4F75;
}
.region_top {
    margin-top: 25px;
    margin-bottom: 25px; 
}
.region_top-items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.region_top-items > * {
    width: calc(100%/3 - 16px);
    gap: 18px;
    display: flex;
    align-items: center;
    padding: 18px;
    background: var(--main_color);
    border-radius: 20px;
}
.region_top-item-icon {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.region_top-item-icon svg {
    width: 34px;
    height: 34px;
}
.region_top-item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #FFFFFF;
    opacity: 0.8;
}
.region_top-item-text {
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -2.3px;
    color: #FFFFFF;
}
.region_wrap-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    color: #1D1D1D;
    margin-bottom: 25px;
}
.region_items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.region_items > * {
    width: calc(100%/3 - 16px);
    padding: 17px 14px 16px;
    background: #fff;
    border-radius: 15px;
}
.region_item-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -0.3px;
    color: #020027;
    margin-bottom: 12px;
}
.region_item-labels {
    display: flex;
    gap: 10px;
}
.region_item-label {
    padding: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #655F95;
    background: #FFFFFF;
    border: 1px solid #655F95;
    border-radius: 6px;
    display: inline-block; 
    width: fit-content;
}
.region_item-label + .repair_item-label {
    margin-top: 9px;
}
.region_item-link {
    background: var(--main_color);
    border-radius: 55px;
    padding: 9px 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #FFFFFF;  
    display: inline-block;  
    text-decoration: none;
    margin-top: 17px;
}
.region_item-bottom {
    margin-top: 17px;
    padding-top: 12px;
    display: flex;
    align-items: center;
    gap: 7px;
    position: relative;
}
.region_item-bottom:before {
    position: absolute;
    content: "";
    background: #E0DEF4;
    width: calc(100% + 28px);
    height: 1px;
    left: -14px;
    top: 0;
}
.region_item-avatar {
    width: 36px;
    height: 36px;
}
.region_item-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.region_item-name {
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #1D1D1D;   
}
.region_item-post {
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #6C6797;
}



.machine .page_title {
    margin-bottom: 6px;
}
.machine {
    padding: 23px 20px 29px;
    background: #FFFFFF;
    border-radius: 20px;
    margin-top: 25px;
}
.machine_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    color: #1D1D1D;
    margin-bottom: 25px;
}
.machine_items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.machine_item-img{
    aspect-ratio: 3/2;    
    margin-bottom: 10px;
}
.machine_item img{
    max-width: 100%;
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.machine_items > * {
    width: calc(100%/3 - 16px);
    padding: 22px 15px 26px;
    background: #FFFFFF;
    border: 1px solid #CDC9ED;
    border-radius: 14px;
    background: #fff;
    border-radius: 15px;
}
.machine_item-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -0.3px;
    color: #020027;
    margin-bottom: 12px;
}
.machine_item-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.machine_item-label {
    padding: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #655F95;
    background: #FFFFFF;
    border: 1px solid #655F95;
    border-radius: 6px;
    display: inline-block; 
    width: fit-content;
    white-space: nowrap;
}
.machine_item-label + .repair_item-label {
    margin-top: 9px;
}
.machine_item-link {
    background: var(--main_color);
    border-radius: 55px;
    padding: 9px 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #FFFFFF;  
    display: inline-block;  
    text-decoration: none;
    margin-top: 17px;
}
.machine_item_desc{
    margin-top: 10px;
}

.question-ai {
    padding: 20px;
    background: #FFFFFF;
    border-radius: 20px;
}
.question-ai_top {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}
.question-ai_top:before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #DAD7F2;
    bottom: 0;
    left: -20px;
}
.question-ai_top-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}
.question-ai_top-icon img {
    width: 100%;
    height: 100%;
}
.question-ai_top-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #1D1D1D;
}
.question-ai_top-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #585683;
}
.question-ai .line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.question-ai .line.fdc {
    flex-direction: column;
}
.question-ai .line .field {
    width: calc(100%/2 - 8px);
}
.question-ai .line label {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    margin-bottom: 10px;
    color: #7874A3;    
    display: block;
}
.question-ai .line textarea {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #7874A3;
    opacity: 0.6;
    background: #FFFFFF;
    border: 1px solid #AEABD1;
    border-radius: 8px;
    padding: 17px 14px;
    height: 86px;
    display: block;
    resize: none;
}
.question-ai button {
    background: var(--main_color);
    border-radius: 55px;
    padding: 9px 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #FFFFFF;
    display: inline-block;
    text-decoration: none;
    margin-top: 17px;
    margin-left: auto;
    text-align: end;
}
.question-ai .nice-select {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #585683;
    height: 45px;
    display: flex;
    align-items: center;
    padding: 7px 61px 7px 13px;
    background: #F8F8FF;
    border: 1px solid #DFDBFC;
    border-radius: 8px;
}
.question-ai .nice-select:after {
    border-bottom: 2px solid #0500AF;
    border-right: 2px solid #0500AF;
    margin-top: -6px;
}
.question-ai .nice-select .option {
    padding-left: 5px;
    padding-right: 5px;
}
.question-ai .nice-select .list {
    padding: 10px;
    top: calc(100% + 5px);
    left: 0;
    border-radius: 8px;
    z-index: 10;
}
.question-ai .select-right {
    display: flex;
    align-items: center;
    margin-left: 22px;
}
.question-ai .select-right span {
    margin-right: 14px;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #637191;
}
.question-ai .trainer_ai_loading_text {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #585683;
    text-align: center;
}
.question-ai .trainer_ai_loading i {
    width: 69px;
    height: 69px;
}
.question-ai .trainer_ai_loading i .dot-flashing {
    width: 12px;
    height: 12px;
}
.question-ai .trainer_ai_loading i .dot-flashing::after {
    width: 12px;
    height: 12px;
}
.question-ai .trainer_ai_loading i .dot-flashing::before {
    width: 12px;
    height: 12px;  
}
.form-question-ai_text {
    background: rgba(5, 0, 175, 0.09);
    border: 1px solid #0B00D8;
    border-radius: 15px; 
    padding: 17px 28px 20px 18px;  
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #040246;
}
.form-question-ai_buttons {
    display: flex;
    justify-content: end;
    gap: 14px;
}
.form-question-ai_buttons a {
    background: var(--main_color);
    border-radius: 55px;
    padding: 9px 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #FFFFFF;
    display: inline-block;
    text-decoration: none;
    margin-top: 17px;
}
.form-question-ai_buttons .button {
    background: var(--main_color);
}


.tool {
    padding: 22px 22px;
    background: #FFFFFF;
    border-radius: 20px;
}
.tool_top {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.tool_top:before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #DAD7F2;
    bottom: 0;
    left: -20px;
}
.tool_title {
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    color: #1D1D1D;
    margin-bottom: 10px;
}
.tool_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #585683;
    display: inline-block;
}
.tool_text .tool_more {
    color: #1693E1;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
}
.tool_object {
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}
.tool_object:before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 1px;
    background: #DAD7F2;
    bottom: 0;
    left: -20px;
}
.tool_object-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #1D1D1D;
    margin-bottom: 15px;
}
.tool_object-item {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #413F6F;
}
.tool_object-item + .tool_object-item {
    margin-top: 10px;
}
.tool_object-item span {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 6px;
    background: #655F95;
    border-radius: 6px; 
    display: inline-block;
}
.tool_object-photo {
    display: flex;
    gap: 22px;
}
.tool_object-photo-img {
    width: 109px;
    height: 109px;
}
.tool_object-photo img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    object-fit: cover;
}
.tool_hide {
    display: none;
}
.tool_hide.active {
    display: block;
}

.navigation {
    padding: 20px 20px 25px;
    background: #FFFFFF;
    border-radius: 20px;  
}
.navigation_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #1D1D1D;   
    margin-bottom: 12px;
}
.navigation_link a {
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    color: #1693E1;  
    border-bottom: 1px dashed #1693E1;
    display: inline-block;
}
.navigation_link a + a {
    margin-left: 14px;
}

.board {
    padding: 20px;
    background: #FFFFFF;
    border-radius: 20px;
}
.board_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #1D1D1D;
    margin-bottom: 15px;
}
.board_item {
    padding: 16px 16px 20px 16px;
    background: #FFFFFF;
    border: 1px solid #CDC9ED;
    border-radius: 14px;
    position: relative;
}
.board_item + .board_item {
    margin-top: 20px;
}
.board_item-top {
    gap: 19px; 
    display: flex;
    align-items: center;
    margin-bottom: 19px;
}
.board_item-photo {
    width: 113px;
    height: 113px;
    flex-shrink: 0;
}
.board_item-photo img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    object-fit: cover;
}
.board_item-info {
    width: calc(100% - 400px);
}
.board_item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    color: #1D1D1D;
    margin-bottom: 10px;
}
.board_item-type {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #585683;
    margin-bottom: 10px;
}
.board_item-type span {
    font-weight: 700;
}
.board_item-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #585683; 
    display: flex;
    align-items: center;
    gap: 9px;
}
.board_item-name span {
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
}
.board_item-name span img {
    width: 18px;
    height: 18px;
}
.board_item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #2B2955;
    margin-bottom: 12px;
}
.board_item-text span {
    font-weight: 700;
}
.board_item-remont {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #585683;
    margin-bottom: 13px;
}
.board_item-remont span {
    font-weight: 700;
}
.board_item-btn {
    background: var(--main_color);
    border-radius: 55px;
    padding: 9px 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #FFFFFF;
    display: inline-block;
    text-decoration: none;
    margin-top: 14px;
}
.board_item-labels {
    display: flex;
    gap: 10px;
    position: absolute;
    top: 16px;
    right: 16px;
}
.board_item-time {
    padding: 6px 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #353C76;
    border-radius: 50px;
    background: #EDECFF;
}
.board_item-condition {
    padding: 6px 6px 6px 16px;
    background: #E33333;
    border-radius: 50px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    position: relative;
}
.board_item-condition:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 8px;
    top: 9px;
    background: #fff;
    border-radius: 50%;
}



.bearing-nav {
    padding: 20px 16px 16px 16px;
    background: #FFFFFF;
    border-radius: 15px;
    width: 284px;
    height: fit-content;
}
.bearing-nav_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #060606;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bearing-nav ul {
    list-style: none;
}
.bearing-nav ul li a {
    display: flex;
    gap: 11px;
    align-items: center;
    margin-top: 16px;
    padding-top: 16px;
    position: relative;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
.bearing-nav ul li {
    position: relative;
}
.bearing-nav ul li:before {
    position: absolute;
    content: "";
    width: calc(100% + 32px);
    height: 1px;
    background: #DAD7F2;
    top: 0;
    left: -16px;
}
.bearing .faq_btn span {
    display: none;
}
.bearing_left {
    width: calc(100% - 304px);
}
.bearing_box {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.bearing .accordion_item .head:before {
    display: none;
}
.bearing .accordion_item {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 14px;
}
.bearing .accordion_item .head {
    min-height: 100%;
    justify-content: space-between;
}
.bearing .accordion_item .head .title {
    display: flex;
    align-items: center;
    gap: 9px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    padding-left: 0;
}
.bearing .accordion_item .head .title img {
    width: 24px;
    height: 24px;
}
.faq_btn-icon1 {
    margin-top: 4px;
}
.bearing .accordion2 .data {
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
}
.bearing .accordion2 .data:before {
    position: absolute;
    content: "";
    width: calc(100% + 28px);
    height: 1px;
    background: #DAD7F2;
    top: 0;
    left: -14px;
}
.bearing  .accordion_item .head {    
    padding-top: 0;
    padding-bottom: 0;
}
.bearing .accordion_item.active .head {
    border-bottom: none;
}
.bearing_title {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 8px;
}
.bearing_items {
    margin-bottom: 20px;
}
.bearing_item {
    font-weight: 400;
    line-height: 20px;
    color: #2E2D3C;
}
.bearing_box ul li {
    font-weight: 400;
    line-height: 20px;
    color: #2E2D3C;  
}
.bearing_item span {
    font-weight: 700;
}

.bearing .video_message {
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 160px;
    max-width: calc(100%);
    border-radius: 6px;
    margin-top: 15px;
}
.bearing .video_message .thumb {
    position: relative;
    display: block;
    overflow: hidden;
    width: 200px;
    padding-bottom: 160px;
    background: url(../images/ic_no_video.png) 50% no-repeat #696969;
    border-radius: 10px;
}
.bearing .video_message .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bearing .video_message .thumb .icon {
    color: #fff;
    position: absolute;
    z-index: 3;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
    display: block;
    width: 28px;
    height: 28px;
}
.bearing .message_img{
    margin-top: 10px;
    position: relative;
    max-width: 200px;
}
.bearing .message_img a {
    position: relative;
    height: 200px;
    display: block;
}
.bearing .message_img a:after {
    display: none;
}
.bearing .message_img .icon {
    content:"";
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 3px;
    right: 7px;
}
.bearing .message_img img{
    max-width: 100%;
    border-radius: 6px;
    display: block;  
    height: 100%;  
    object-fit: cover;
}
.bearing_box-text {
    font-weight: 400;
    
    line-height: 18px;
    color: #2E2D3C; 
    margin-top: 13px;   
}
.bearing_box-item {
    position: relative;
    padding-bottom: 20px;
}
.bearing_box-item:before {
    position: absolute;
    content: "";
    width: calc(100% + 32px);
    height: 1px;
    background: #DAD7F2;
    bottom: 0;
    left: -16px;  
}
.bearing_box-item + .bearing_box-item {
    margin-top: 20px;
}
.bearing_box-item:last-child {
    padding-bottom: 0;
}
.bearing_box-item:last-child:before {
    display: none;
}
.bearing .message_img a:before {
    display: none;
}

.diagnostic_items {
    position: relative;
}
.diagnostic_item-btn {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0px;
    right: 0px;
}
.diagnostic_item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 10px;
}
.diagnostic_item-subtitle {
    font-weight: 400;

    line-height: 20px;
    color: #2E2D3C;
}
.diagnostic_item ul,
.diagnostic_item ol {
    margin-left: 20px;
}
.diagnostic_item + .diagnostic_item {
    margin-top: 20px;
}
.diagnostic_item ul.mb30 {
    margin-bottom: 30px;
}

.remont_items {
    counter-reset: section111; 
    display: flex;
    flex-direction: column;  
}
.remont_item + .remont_item {
    margin-top: 10px;
}
.remont_item span::before {
    counter-increment: section111; 
    content: "1." counter(section111);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px;
    gap: 10px;
    width: 28px;
    height: 18px;
    background: #C9C9E0;
    border-radius: 4px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #363356;
    flex-shrink: 0;
}
.remont_item-box {
    display: flex;
    gap:6px;
    flex-wrap: wrap;
}
.bearing .remont_item-box .message_img {
    max-width: 128px;
    margin-top: 0;
    height: 116px;
}
.bearing .remont_item-box .message_img a {
    height: 100%;
}
.bearing .remont_item-box .message_img img {
    height: 100%;
    object-fit: cover;
}
.bearing .remont_item-box .video_message {
    position: relative;
    overflow: hidden;
    width: 184px;
    height: 116px;
    max-width: calc(100%);
    border-radius: 6px;
    margin-top: 0px;
}
.bearing .remont_item-box .video_message .thumb {
    width: 184px;
    padding-bottom: 116px;
}

.remont_item {
    flex-direction: column;
}
.remont_item span {
    display: flex;
    align-items: center;
    gap: 6px;
}
.remont_wrap-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 15px;
}
.remont_wrap-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #2E2D3C;
    margin-bottom: 15px;
}
.remont_item {
    background: #E7E7FA;
    border-radius: 8px;
    padding: 6px;
    display: inline-flex;
    width: fit-content;
    gap: 6px;
}
.remont_wrap.bfr {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.remont_wrap.bfr:before {
    position: absolute;
    content: "";
    width: calc(100% + 32px);
    height: 1px;
    background: #DAD7F2;
    bottom: 0;
    left: -16px;
}

.bearing .tabs_container {
    padding: 0px;
    background: #FFFFFF;
    border-radius: 0px;
    margin-top: 0px;
    margin: 0;
    position: relative;
}
.bearing .tabs_container .tabs {
    margin-bottom: 0px;
    margin-left: auto;
    background: #E7E5F4;
    border-radius: 55px;
    white-space: nowrap;
    height: 23px;
}
.bearing .tabs_container .tabs button {
    font-weight: 500;
    font-size: 10px;
    line-height: 11px;
    color: #585683;
    padding: 4px 8px;
    margin-right: 0;
    height: 100%;
    color: #585683;
    letter-spacing: 0;
    opacity: 1;
}
.bearing .tabs_container .tabs button.active {
    color: #fff;
    background: var(--main_color);
    border-radius: 50px;
    height: 100%;
}
.bearings_box ul {
    margin-left: 20px;
}


.bearing-nav_title-btn {
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #7674A9;
    margin-left: 12px;
}
.bearing-nav_title-btn .icon {
    width: 20px;
    height: 20px;
    display: block;
    margin-left: 7px;
}
.adding-question_hide {
    display: none;
}
.bearing-nav_title-btn .icon {
    transform: rotate(0deg);
}
.bearing-nav_title-btn.active .icon {
    display: block;
    transform: rotate(90deg);
}
.bearing-nav_title-btn {
    display: none;
}

.outcomes_item-balls-item{    
    padding: 5px;
    border-radius:5px;
}

.outcomes_item-balls-item.red{
    color:#D04345;
    background: #D0434526;
}

.outcomes_item-balls-item.green{
    color:#5EC62D;
    background: #60C73026;
}
.shop-warning{
    padding: 19px 15px;
    border-radius: 15px;
    background: #fff;
    display: flex;
    align-items: center;
    gap:10px;
}

.shop-warning img{
    width: 29px;
    height: 29px;
}

.shop-warning-text{
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    margin-right: 12px;
}

.mission_item_fix{
    color: #000;
    width: 100%;
    margin: 20px 0;
}

.mission_item_fix .mission_item-btn-box{
    margin-bottom: 0;
}

aside .menu .item .icon141 > * {
    height: 24px;
    width: 24px;
}

.trainer_ai-task_item{
    display: flex;
    align-items: center;
    gap:15px;
    font-weight: bold;
}

.trainer_ai-task_item svg{
    width: 31px;
    height: 31px;
}

.rating_qoute{
    display: flex;
    align-items: center;
    gap:15px;
    padding: 14px;
    background: #FFFFFF;
    border-radius: 15px;
    font-size: 16px;
    color:#555EA4;
}

.rating_qoute svg{
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.accordion_sort .accordion_item{
    position: relative;

}

.accordion_sort .accordion_item > .icon{
    flex-shrink: 0;
    left: 19px;
    position: absolute;
    top: 3px;
    cursor: pointer;
    z-index: 100;
    width: 26px;
    height: 40px;
}

.accordion_sort .accordion_item .head{
    padding-left: 25px;
}

.modal_loading_ai {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* затемнение */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0; /* Начальное состояние прозрачности */
    visibility: hidden; /* Начальное состояние видимости */
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; /* Анимация появления */
}

.modal_content {
    background: #fff;
    padding: 50px 20px;
    border-radius: 8px;
    text-align: center;
    transform: scale(0.8); /* Начальный размер меньше */
    opacity: 0; /* Начальная прозрачность */
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Анимация контента */
    max-width: 90%;
    width: 472px;
}

/* Класс для активного состояния */
.modal_loading_ai.active {
    opacity: 1;
    visibility: visible;
}

.modal_loading_ai.active .modal_content {
    transform: scale(1); /* Возвращаем к нормальному размеру */
    opacity: 1; /* Делаем полностью видимым */
}

.modal_loading_ai_title{
    margin-top: 20px;   
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
}

.modal_loading_ai_desc{
    margin-top: 14px;   
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #787878;
}

.wrapper_head_page_title{
    margin-top: 0;
}

.wrapper_head_page_title .nice-select{
    width: 300px;
}

.wrapper_head_page_title .nice-select .list{
    width: calc(100% + 2px);
    border-color: #999 !important;
}
.wrapper_head_page_title .nice-select .list .option
{
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis; 
}
.wrapper_head_page_title{
    gap:20px;
}

.end_trainer{
    background: #fff;
    border-radius: 55px;
    width: 152px;
    height: 54px;
    color: var(--main_color);
    margin-top: 20px;
}

.span_flex{
    display: flex;
}

.pinning{
    margin-top: 20px;
}



.job-description .page_title {
    margin-bottom: 20px;
}
.job-description_box + .job-description_box {
    margin-top: 25px;
}
.job-description_box_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
    margin-bottom: 12px;
    color: #000;
    opacity: 0.8;
}
.job-description_items {
    padding: 33px 20px 28px;
    background: #FFFFFF;
    border-radius: 20px;
    display: flex;
    column-gap: 23px;
    row-gap: 30px;
    flex-wrap: wrap;
}
.job-description_items > * {
    background: #FFFFFF;
    border: 1px solid #CDC9ED;
    border-radius: 14px;
    width: calc(100%/3 - 16px);
    padding: 22px 16px 17px;
    display: flex;
    flex-direction: column;
}
.job-description_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    color: #1D1D1D;
    margin-bottom: 10px;
}
.job-description-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #585683;
    margin-bottom: 10px;
}
.job-description_item-btn {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9px 12px;
    background: #0601B7;
    border-radius: 55px;
    text-decoration: none;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    margin-bottom: 16px;
}
.job-description_item-bottom {
    margin-top: auto;
    padding-top: 12px;
    position: relative;
}
.job-description_item-bottom:before {
    position: absolute;
    content: "";
    background: #E0DEF4;
    width: calc(100% + 32px);
    height: 1px;
    left: -16px;
    top: 0;
}
.job-description_item-date {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #6C6797;
}



.production-planning {
    padding: 17px 23px 26px 18px;
    background: #FFFFFF;
    border-radius: 20px;
}
.production-planning_item + .production-planning_item {
    margin-top: 15px;
}
.production-planning_label {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #EDECFF;
    border-radius: 59px;
    padding: 6px 8px;
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #353C76;
    margin-bottom: 12px;
}
.production-planning_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.5px;
    color: #121213;
    margin-bottom: 12px;
}
.production-planning_text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #3F4572;
    margin-bottom: 15px;
}



.denied_title {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 43px;
    line-height: 1;
    letter-spacing: -0.3px;
}
.denied {
    display: flex;
    width: 1448px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    flex: 1 0 auto;
    justify-content: space-between;
    align-items: center;
}
.denied_info {
    width: 702px;
    max-width: 100%;
}
.denied_desc {
    font-weight: 400;
    font-size: 26px;
    line-height: 1;
    color: #505261;
    opacity: 0.8;
    margin-bottom: 25px;
}
.denied .link {
    color: #fff;
    display: inline-block;
    margin-top: 45px;
    padding: 22px 20px;
    vertical-align: top;
    text-decoration: none;
    border-radius: 55px;
    background: var(--main_color);
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
}
.denied_contact-items {
    display: flex;
    gap: 37px;
}
.denied_contact-title {
    font-weight: 700;
    font-size: 26px;
    line-height: 1;
    color: #000000;
    opacity: 0.8; 
    margin-bottom: 15px;
}
.denied_contact-phone {
    font-weight: 400;
    font-size: 26px;
    line-height: 1;
    color: #555555;
    opacity: 0.8;
    text-decoration: none;
}
.denied_contact-mail {
    font-weight: 400;
    font-size: 26px;
    line-height: 1;
    color: #4193FD;
    opacity: 0.8;
    text-decoration: none;
}
.denied_title {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 43px;
    line-height: 1;
    letter-spacing: -0.3px;
}

.video_upload {
    padding: 15px 20px 15px;
    border-radius: 15px;
    background: #fff;
}

.momentous_text b{
    color:#fff;
}

.momentous_text li{
	color:#fff !important;
}

.text_block blockquote .icon{
	    width: 42px;
    height: 42px;
    position: absolute;
    top: 6px;
    right: 11px;
}

.text_block blockquote:has(.icon){
	padding: 14px 60px 14px 16px !important;
	position: relative;
}


/* mentor  */

.mentor_item + .mentor_item {
    margin-top: 23px;
}
.mentor_item {
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 14px;
}
.mentor_item-top {
    padding-bottom: 19px;
    position: relative;
}
.mentor_item-top:before {
    position: absolute;
    content: "";
    width: calc(100% + 48px);
    height: 1px;
    background: #DAD7F2;
    bottom: 0;
    left: -24px;  
}
.mentor_item-author {
    display: flex;
    gap: 11px;
    align-items: center;
    margin-bottom: 12px;
}
.mentor_item-avatar {
    width: 58px;
    height: 58px;
}
.mentor_item-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.mentor_item-name {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #1D1D1D;
    margin-bottom: 4px;
}
.mentor_item-time {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #3D3C53;
}
.mentor_item-contacts {
    display: flex;
    gap: 17px;
}
.mentor_item-contact {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #3D3C53;
    text-decoration: none;
    white-space: nowrap;
}
.mentor_item-contact .icon {
    width: 24px;
    height: 24px;
}
.mentor_bottom {
    margin-top: 24px;
    display: flex;
    gap: 19px;
    flex-wrap: wrap;
}
.mentor_bottom > * {
    width: calc(100%/2 - 10px);
    padding: 22px;
    background: #EAEAEA;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.mentor_bottom-item_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #1D1D1D;
    margin-bottom: 4px;
}
    .mentor_bottom-item_time {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #3D3C53;
}
.mentor_bottom-item_btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    padding: 8px 20px;
    background: var(--main_color);
    border-radius: 55px;
}



.your-mentor {
    padding: 24px;
    background: #FFFFFF;
    border-radius: 14px;
    position: relative;
    margin-bottom: 40px;
}
.your-mentor_author {
    display: flex;
    align-items: center;
    gap: 11px;
    width: calc(100% - 140px);
}
.your-mentor_avatar {
    width: 58px;
    height: 58px;
    flex-shrink: 0;
}
.your-mentor_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.your-mentor_name {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #1D1D1D;
    margin-bottom: 4px;
}
.your-mentor_contacts {
    display: flex;
    gap: 17px;
}
.your-mentor_contact {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #3D3C53;
    white-space: nowrap;
}
.your-mentor_contact:nth-child(1) {
    text-decoration: none;
}
.your-mentor_contact:nth-child(2) {
    text-decoration: underline;
}
.your-mentor .icon {
    width: 24px;
    height: 24px;
}
.your-mentor_label {
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    padding: 4px 10px;
    background: var(--main_color);
    border-radius: 55px;
    display: inline-block;
    position: absolute;
    top: 24px;
    right: 24px;
}



.trainer_ai_body_left .video-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.trainer_ai_body_left .video-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  color: #fff;
  z-index: 10;
}

.trainer_ai_body_left video {
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
}

.trainer_ai_body_left video.loaded {
  opacity: 1;
}

.trainer_ai_body_left .spinner {
    width: 40px;
    height: 40px;
     border: 4px solid rgb(18 18 18 / 30%);
    border-radius: 50%;
    border-top: 4px solid var(--main_color);
    animation: spin 1s linear infinite;
     left: calc(50% - 20px);
    top: calc(50% - 20px);
    position: absolute;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.popular_template{
    margin-top: 20px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 90%;
    align-items: center;
}

.popular_template span{
    cursor: pointer;  
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 10px;
    gap: 10px;
    background: #FFFFFF;
    border: 1.5px solid var(--main_color);
    border-radius: 90px;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: var(--main_color);
}

.comments .comment.comment_open_ai .data{
    background: var(--main_color);
    border-top-left-radius: 0px;
}

.comments .comment.comment_open_ai .name{
    color:#fff;
    opacity: 0.5;
}

.comments .comment.comment_open_ai .icon{
    width: 24px;
    height: 24px;
}

.comments .comment.comment_open_ai .text{
    display: flex;
    gap:10px;
    align-items: center;
    color:#fff;
    font-weight: bold;
    margin-top: 10px;
}

.apen_ai_process{
    margin-top: 15px;
    display: flex;
    gap:10px;
    font-weight: bold;
    align-items: center;
    background: #fff;
    color:var(--main_color);
    padding: 10px;
    border-radius: 10px;
}

.apen_ai_process .loader {
    width: 30px;
    aspect-ratio: 1;
    --c: no-repeat radial-gradient(farthest-side, var(--main_color) 92%, #0000);
    background: var(--c) 50% 0, var(--c) 50% 100%, var(--c) 100% 50%, var(--c) 0 50%;
    background-size: 6px 6px;
    animation: l18 1s infinite;
    position: relative;
}
.apen_ai_process .loader::before {    
    content:"";
    position: absolute;
    inset:0;
    margin: 3px;
    background: repeating-conic-gradient(#0000 0 35deg,var(--main_color) 0 90deg);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);
    border-radius: 50%;
}
@keyframes l18 { 
    100%{
        transform: rotate(.5turn)
    }
}




.passing_items.two .passing_item {
    padding: 16px 18px 24px;
    border-radius: 9px;
    background: #fff;
    width: calc(100% / 2 - 11px);    
}
.passing_items.two {
    gap: 21px;
}
.passing_item-button {
    background: var(--main_color);
    padding: 9px 12px;
    border-radius: 40px;
    margin-right: auto;
    display: block;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    position: relative;
}
.passing_item .audio_media {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.passing_item .audio_media:before {
    position: absolute;
    content: "";
    width: calc(100% + 36px);
    height: 1px;
    background: #E0DEF4;
    bottom: 0;
    left: -18px;
}
.passing_item .audio_media .media-toolbar {
    padding: 9px 17px;
    background: #EEEDF8;
    border-radius: 70px;
}



.call-analysis .passing-head {
    margin-bottom: 25px;
}
.call-analysis_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 20px;
}
.call-analysis_item {
    padding: 24px 16px 24px 24px;
    background: #FFFFFF;
    border-radius: 14px;
    position: relative;
}
.call-analysis_item + .call-analysis_item {
    margin-top: 20px;
}
.call-analysis_item-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px; 
    gap: 20px;
}
.call-analysis_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 19px;
    color: #1D1D1D;
}
.call-analysis_item-label {
    padding: 6px 8px;
    background: #EDECFF;
    border-radius: 59px;
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #353C76;
    display: inline-block;
}
.call-analysis_item-desc {
    max-width: 460px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.call-analysis_item-info {
    width: calc(100% - 120px);
}
.call-analysis_item-text {
    padding: 6px;
    background: #FFFFFF;
    border: 1px solid #655F95;
    border-radius: 6px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #655F95;
    display: inline-block;
}
.call-analysis_button {
    background: var(--main_color);
    padding: 9px 12px;
    border-radius: 40px;
    margin-right: auto;
    display: block;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    position: absolute;
    right: 16px;
    bottom: 24px;
    margin-left: 20px;
    text-decoration: none;
}




.knowledge-catalog_item-info {
    width: calc(100% - 60px);
}
.knowledge-catalog_items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.knowledge-catalog_items> * {
    padding: 15px 16px 18px;
    background: #FFFFFF;
    border-radius: 15px;
    position: relative;
    width: calc(100%/3 - 16px);
}
.knowledge-catalog_item-label {
    background: #FFFFFF;
    border: 1px solid #655F95;
    border-radius: 6px;
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #655F95;
    margin-bottom: 10px;
    display: inline-block;
    padding: 6px;
}
.knowledge-catalog_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.3px;
    color: #020027;
    margin-bottom: 10px;
}
.knowledge-catalog_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #585683;
}
.knowledge-catalog_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: var(--main_color);
    position: absolute;
    right: 16px;
    bottom: 18px;
}
.knowledge-catalog_button .icon {
    width: 18px;
    height: 13px;
}



.test-folder_head {
    margin-bottom: 25px;
}
.test-folder_title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -1px;
    margin-bottom: 20px;
}
.test-folder_items {
    display: flex;
    flex-wrap: wrap;
    gap: 21px;
}
.test-folder_items > * {
    padding: 16px 14px 19px;
    background: #FFFFFF;
    border-radius: 15px;  
    width: calc(100%/2 - 11px);
    display: flex;
    flex-direction: column;
}
.test-folder_item-desc {
    margin-top: auto;
}
.test-folder_item-top-box {
    width: calc(100% - 45px);    
    display: flex;
    align-items: center;
    gap: 14px;
}
.test-folder_item-top {
    position: relative;    
    padding-bottom: 16px;
    margin-bottom: 14px;    
}
.test-folder_item-top:before {
    position: absolute;
    content: "";
    width: calc(100% + 28px);
    height: 1px;
    background: #E0DEF4;
    bottom: 0;
    left: -14px;
}
.test-folder_item-avatar {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}
.test-folder_item-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.test-folder_item-name {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: -0.3px;
    color: #020027; 
    display: inline-flex;
    align-items: center;
}
.test-folder_item-name img {
    margin-left: 4px;
}
.test-folder_item-name span {
    margin-top: -5px;
}
.test-folder_item-date {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #585683;
    margin-top: 4px;
}
.test-folder_item-setting {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 24px;
    height: 24px;
}
.test-folder_item-setting .icon {
    width: 100%;
    height: 100%;
}
.test-folder_item-title {
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: -0.3px;
    color: #020027;
    margin-bottom: 12px;
}
.test-folder_item-text {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #585683;
    margin-bottom: 10px;
}
.test-folder_item-labels {
    display: flex;
    gap: 7px;
    position: relative;
    margin-top: auto;
}
.test-folder_item-label {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3px 5px;
    background: #FFFFFF;
    border: 1px solid var(--main_color);
    border-radius: 5px;  
    text-decoration: none;
    font-weight: 500;
    font-size: 9px;
    line-height: 10px;
    color: var(--main_color);
}
.test-folder_item-links {
    display: flex;
    gap: 9px;    
    position: relative;
    padding-top: 12px;
    margin-top: 13px;
}
.test-folder_item-link {
    padding: 7px 8px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #EDEBFB;
    border-radius: 55px;
    font-weight: 500;
    font-size: 10px;
    line-height: 11px;
    color: #3A3379;
    text-decoration: none;
    transition: all 0.4s;
}
.test-folder_item-links:before {
    position: absolute;
    content: "";
    width: calc(100% + 28px);
    height: 1px;
    background: #E0DEF4;
    top: 0;
    left: -14px;
}
.test-folder_item-link.active {
    color: #fff;
    background: var(--main_color);
}
.test-folder_item-link:hover {
    color: #fff;
    background: var(--main_color);
}



.job-head_items {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}
.job-head_items > * {
    padding: 18px;
    gap: 18px;
    border-radius: 20px;
    background: #fff;
    width: calc(100%/3 - 16px);
    display: flex;
    align-items: center;
}
.job-head_item-icon {
    border-radius: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.job-head_item.red .job-head_item-icon {
    background: rgba(205, 32, 81, 0.2);
}
.job-head_item.blau .job-head_item-icon {
     background: rgba(23, 124, 255, 0.2);
}
.job-head_item.green .job-head_item-icon {
    background: rgba(65, 159, 46, 0.2);
}
.job-head_item-icon svg {
    width: 34px;
    height: 34px;
}
.job-head_item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #585683;
    opacity: 0.8;
    margin-bottom: 5px;
}
.job-head_item-text {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -2.3px;
    color: #1D1D1D;
}


.schedule .select-right {
    display: flex;
    align-items: center;
    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #585683;
}
.schedule .nice-select {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #0A00C5;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    min-width: 194px;
    height: 35px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 33px;
    color: #484848;
}
.schedule .nice-select:after {
    border-bottom: 2px solid #0500AF;
    border-right: 2px solid #0500AF;
}
.schedule_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 17px;
    gap: 20px;
}
.schedule_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #1D1D1D;
}
.schedule_items {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
}
.schedule_items > * {
    padding: 16px;
    background: #FFFFFF;
    border-radius: 14px;
    width: calc(100%/2 - 14px);
    display: flex;
    flex-direction: column;
}
.schedule_item-labels {
    display: flex;
    gap: 10px;
    margin-bottom: 18px; 
}
.schedule_item-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 3px 6px;
    border-radius: 59px;
}
.schedule_item-label.blau {
    background: #1B9CEC;
}
.schedule_item-label.green {
    background: #419F2E;
}
.schedule_item-label.violet {
    background: #6D17E5;
}
.schedule_item-info {
    margin-bottom: 16px;
}
.schedule_item-date {
    display: block;
    position: relative;
    padding: 3px 6px 3px 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #CA162E;
    border-radius: 59px;
    text-wrap: nowrap;
    background: rgba(202, 22, 46, 0.2);
}
.schedule_item-date:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 7px;
    top: calc(50% - 3px);
    background: #CA162E;
}
.schedule_item-status {
    display: flex;
    align-items: center;
    gap: 3px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #A71010;
}
.schedule_item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    color: #1D1D1D;
    margin-bottom: 12px;
}
.schedule_item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #585683;
    margin-bottom: 16px;
}
.schedule_item-btn {
    padding: 10px 12px;
    background: var(--main_color);
    border-radius: 40px;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}
.schedule_item-bottom {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    position: relative;
    padding-top: 20px;
}
.schedule_item-bottom:before {
    position: absolute;
    content: "";
    width: calc(100% + 32px);
    left: -16px;
    top: 0;
    height: 1px;
    background: #CACACA;   
}
.schedule_item-bottom_img {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}
.schedule_item-bottom_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.schedule_item-bottom_title {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #1D1D1D;
}



.executed-task_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #1D1D1D;
    margin-bottom: 20px;
}
.executed-task_items > * {
    padding: 16px;
    border-radius: 16px;
    background: #fff;
}
.executed-task_item + .executed-task_item {
    margin-top: 20px;
}
.executed-task_item-labels {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.executed-task_item-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 3px 6px;
    border-radius: 59px;
    background: #1B9CEC;
}
.executed-task_item-status {
    display: flex;
    align-items: center;
    gap: 3px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #419F2E;
}
.executed-task_item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    color: #1D1D1D;
}


.coach {
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 14px;
}
.coach-head {
    position: relative;
    padding-bottom: 19px;
    margin-bottom: 24px;
}
.coach-head:before {
    position: absolute;
    content: "";
    width: calc(100% + 48px);
    left: -24px;
    bottom: 0;
    height: 1px;
    background: #CACACA;
}
.coach-head_top {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 15px;
}
.coach-head_avatar {
    width: 58px;
    height: 58px;
}
.coach-head_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.coach-head_name {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #1D1D1D;
    margin-bottom: 5px;
}
.coach-head_time {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #3D3C53;
}
.coach-head_contact {
    display: flex;
}
.coach-head_contact-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #3D3C53;
    margin-right: 17px;
    text-decoration: none;
    white-space: nowrap;
}
.coach-head_contact-item svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.coach_items {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
}
.coach_items > * {
    width: calc(100%/2 - 11px);
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 16px;
    padding: 16px 16px 22px 16px;
    position: relative;
}
.coach_item-label {
    position: absolute;
    top: 12px;
    right: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 3px 6px 3px 16px;
    border-radius: 59px;
}
.coach_item-label.green {
    background: #43A72F;
}
.coach_item-label.yellow {
    background: #D29600;
}
.coach_item-label:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 7px;
    top: calc(50% - 3px);
    background: #fff;
}
.coach_item-head {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
    color: #1D1D1D;
    margin-bottom: 16px;
    max-width: calc(100% - 100px);
}
.coach_item-icon {
    width: 44px;
    height: 44px;
    background: rgba(11, 0, 216, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    flex-shrink: 0;
    fill: var(--main_color);
    color: var(--main_color);
}
.coach_item .coach_item-icon .icon {
    display: block;
    width: 28px;
    max-height: 28px;
    color: var(--main_color);
}
.coach_item-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #535358;
    margin-bottom: 15px;
}
.coach_item-btn {
    padding: 10px 20px;
    background: var(--main_color);
    border-radius: 40px;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}
.coach_item-btn.disabled {
    opacity: 0.2;
    pointer-events: none;
    cursor: default;
}
.coach_item-status {
    display: flex;
    gap: 26px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}
.coach_item-status-item {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #2F2F2F;
}
.coach_item-status-item span {
    font-weight: 700;
    font-size: 26px;
}
.coach_item-status:before {
    position: absolute;
    content: "";
    width: calc(100% + 32px);
    left: -16px;
    bottom: 0;
    height: 1px;
    background: #CACACA;
}





.attestation-active .bar .info span {
    opacity: 0;
    animation: showText 0.5s 1s linear forwards;
}
.attestation-active .bar .info span::after {
    display: none;
}
@keyframes showText {
100% {
    opacity: 1;
    }
}
.attestation-active .bar .progress-line {
    height: 12px;
    width: 100%;
    background: #F3F2FC;
    position: relative;
    transform: scaleX(0);
    transform-origin: left;
    border-radius: 12px;
    animation: animate 1s cubic-bezier(1, 0, 0.5, 1) forwards;
}
@keyframes animate {
100% {
    transform: scaleX(1);
    }
}
.attestation-active .bar .progress-line span {
    height: 100%;
    position: absolute;
    border-radius: 10px;
    transform: scaleX(0);
    transform-origin: left;
    animation: animate 1s 1s cubic-bezier(1, 0, 0.5, 1) forwards;
}
.attestation-active .bar.active .progress-line span {
    background: #87CC15;
}
.attestation-active .attestation-active_item.green .bar .progress-line span {
    background: #43A72F;
}
.attestation-active .attestation-active_item.yellow .bar .progress-line span {
    background: #FEAF05;
}
.attestation-active .attestation-active_item.red .bar .progress-line span {
    background: #E83D2D;
}
.attestation-active .bar .progress-line {
    height: 12px;
    width: 100%;
    background: #D9D9D9;
    position: relative;
    transform: scaleX(0);
    transform-origin: left;
    border-radius: 12px;
    animation: animate 1s cubic-bezier(1, 0, 0.5, 1) forwards;
}

.attestation-active_title {
    font-weight: 700;
    font-size: 23px;
    line-height: 1;
    color: #1D1D1D;
    margin-bottom: 20px;
}
.attestation-active_item {
    padding: 20px 20px 20px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 14px;
}
.attestation-active_item + .attestation-active_item {
    margin-top: 25px;
}
.attestation-active_item-title {
    font-weight: 700;
    font-size: 23px;
    line-height: 1;
    color: #1D1D1D;
    margin-bottom: 10px;
}
.attestation-active_item-subtitle {
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    color: #535358;
    margin-bottom: 10px;
}
.attestation-active_item-subtitle span {
    color: var(--main_color);
}
.attestation-active_item-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #585683;
    margin-bottom: 25px;
}
.attestation-active .bar_title {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    margin-top: 15px;
}
.attestation-active .bar_title.green {
    color: #43A72F;
}
.attestation-active .bar_title.yellow {
    color: #FEAF05;
}
.attestation-active .bar_title.red {
    color: #E83D2D;
}
.attestation-active_item-btns {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: -19px;
}
.attestation-active_item-btn {
    padding: 10px 20px;
    background: var(--main_color);
    border-radius: 40px;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}
.attestation-active_item-labels {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 12px;
    gap: 20px;
}
.attestation-active_item-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 3px 6px 3px 16px;
    border-radius: 59px; 
    white-space: nowrap;   
}
.attestation-active_item-label.blau {
    background: #1B9CEC;
    position: relative;
}
.attestation-active_item-label.blau:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 7px;
    top: calc(50% - 3px);
    background: #fff;
}
.attestation-active_item-label.red {
    background: #E83D2D;
    padding: 3px 6px;
}


.attestation-archival_title {
    font-weight: 700;
    font-size: 23px;
    line-height: 1;
    color: #1D1D1D;
    margin-bottom: 20px;
}
.attestation-archival_item {
    padding: 20px 20px 27px;
    background: #FFFFFF;
    border-radius: 14px;
}
.attestation-archival_item + .attestation-archival_item {
    margin-top: 23px;
}
.attestation-archival_item-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    position: relative;
    padding: 3px 6px 3px 16px;
    border-radius: 59px;
    display: inline-block;
    margin-bottom: 15px;
}
.attestation-archival_item-label:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 7px;
    top: calc(50% - 3px);
    background: #fff;
}
.attestation-archival_item-label.green {
    background: #43A72F;
}
.attestation-archival_item-label.red {
    background: #E83D2D;
}
.attestation-archival_item-title {
    font-weight: 700;
    font-size: 23px;
    line-height: 1;
    color: #1D1D1D;
    margin-bottom: 15px;
}
.attestation-archival_item-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 15px;
    color: #585683;
}
.attestation-archival_item-btn {
    padding: 10px 20px;
    background: var(--main_color);
    border-radius: 40px;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

  




.attestation-head_items {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.attestation-head_items > * {
    padding: 18px;
    gap: 18px;
    border-radius: 20px;
    background: #fff;
    width: calc(100%/4 - 8px);
    display: flex;
    align-items: center;
}
.attestation-head_item-icon {
    border-radius: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.attestation-head_item.blau .attestation-head_item-icon {
    background: rgba(11, 0, 216, 0.2);
}
.attestation-head_item.green .attestation-head_item-icon {
    background: rgba(67, 167, 47, 0.2);
}
.attestation-head_item.violet .attestation-head_item-icon {
    background: rgba(75, 0, 224, 0.2);
}
.attestation-head_item.red .attestation-head_item-icon {
    background: rgba(217, 6, 6, 0.2);
}
.attestation-head_item-icon svg {
    width: 34px;
    max-height: 34px;
}
.attestation-head_item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #585683;
    opacity: 0.8;
    margin-bottom: 2px;
}
.attestation-head_item-text {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -2.3px;
    color: #1D1D1D;
}


.attestation-active_title {
    display: flex;
    justify-content: space-between;
}
.attestation-active_btns {
    display: flex;
    gap: 10px;
}
.attestation-active_btn {
    padding: 6px 20px;
    background: #F3F2FC;
    border: 2px solid var(--main_color);
    border-radius: 55px;
    text-decoration: none; 
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: var(--main_color);
    transition: all .4s;
    white-space: nowrap;
}
.attestation-active_btn.active {
    background: var(--main_color);
    color: #fff;
}
.attestation-active_btn:hover {
    background: var(--main_color);
    color: #fff;
}
.attestation-active_item-btns.two {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    margin-top: 15px;
}
.attestation-active_item-btn.disabled {
    background: #C4C3E5;
    pointer-events: none;
    cursor: default;
    color: #524C8B;
}
.attestation-archival_item.disabled .attestation-archival_item-label,
.attestation-archival_item.disabled .attestation-archival_item-title,
.attestation-archival_item.disabled .attestation-archival_item-text {
    opacity: 0.5;
}


#comment-button {
    position: absolute; /* Ключевое свойство для позиционирования */
    display: none; /* Изначально кнопка скрыта */
    width: 44px;
    height: 44px;
    background-color: #2c3e50; /* Темный цвет, как в референсе */
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    
    /* Центрирование иконки внутри */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Плавное появление */
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 1000;
}

#comment-button.visible {
    display: flex;
    opacity: 1;
    transform: translateY(0);
}

#comment-button svg {
    width: 22px;
    height: 22px;
    fill: #fff;
}





.knowledge_wrap {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    padding: 24px;
}
.knowledge_wrap-top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.knowledge_wrap-desc {
    display: flex;
    align-items: center;
    gap: 16px;
}
.knowledge_wrap-logo .icon {
    width: 56px;
    height: 56px;
    border-radius: 9px;  
}
.knowledge_wrap-title {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
}
.knowledge_wrap-label {
    padding: 5px 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: rgba(120, 116, 163, 0.1);
    border-radius: 80px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #7874A3;
    width: fit-content;
}
.knowledge_wrap-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #7874A3;
}
.knowledge_items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.knowledge_items > * {
    width: calc(100%/2 - 12px);
    background: #F3F3FF;
    border-radius: 8px;
    padding: 16px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    transition: all 0.4s;
}
.knowledge_item-title {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: #020027;
}
.knowledge_item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #7874A3;
}
.knowledge_item-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    opacity: 0;
}
.knowledge_item-icon .icon {
    width: 20px;
    height: 20px;
}
.knowledge_item:hover .knowledge_item-icon {
    opacity: 1;
}
.knowledge_item:hover {
    background: var(--main_color);
}
.knowledge_item:hover .knowledge_item-title {
    color: #fff;
}
.knowledge_item:hover .knowledge_item-text {
    color: #fff;    
}
.knowledge-base > * {
    margin-top: 24px;
}


.supervisor-panel {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    padding: 24px;
}    
.supervisor-panel_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    /*margin-bottom: 24px;*/
}
.supervisor-panel_desc {
    display: flex;
    align-items: center;
    gap: 16px;
}
.supervisor-panel_logo .icon {
    width: 56px;
    height: 56px;
    border-radius: 9px;
}
.supervisor-panel_title {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
}
.supervisor-panel_text {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #7874A3;
}
.supervisor-panel_btn {
    text-decoration: none;
    display: block;
    padding: 16px 24px;
    background: var(--main_color);
    border-radius: 80px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: center;
}
.supervisor-panel_warning {
    padding: 8px 16px 16px 8px;
    background: rgba(213, 56, 56, 0.1);
    box-shadow: 0px 1px 2px rgba(10, 13, 18, 0.05);
    border-radius: 12px;
    gap: 8px;
    display: flex;
}
.supervisor-panel_warning .icon {
    width: 35px;
    height: 35px;
}
.supervisor-panel_info {
    /*margin-top: 8px;*/
}
.supervisor-panel_info-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #020027;
    margin-top: 4px;
}
.supervisor-panel_info-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #020027;
    opacity: 0.6;
}



.proposal_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;   
    width: 100%;
}
.proposal_desc {
    display: flex;
    align-items: center;
    gap: 16px;
}
.proposal_logo-icon {
    width: 56px;
    height: 56px;
    border-radius: 9px;
}
.proposal_box-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 4px;
}
.proposal_box-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #7874A3;
}
.proposal_accordion .accordion_item .head:before {
    display: none;
}
.proposal_accordion .accordion_item {
    padding: 24px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.06);
    border-radius: 16px;   
}
.proposal_accordion .accordion_item .head {
    padding: 0;
}
.proposal_right {
    display: flex;
    align-items: center;
    gap: 16px;
}
.proposal_right-label {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;    
    padding: 5px 8px;    
    border-radius: 80px;
    white-space: nowrap;
}
.proposal_right-label.yellow {
    background: rgba(232, 175, 25, 0.1);
    color: #E8AF19; 
}
.proposal_right-label.green {
    background: rgba(173, 206, 24, 0.1);
    color: #ADCE18; 
}
.proposal_right button {
    width: 36px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(120, 116, 163, 0.1);
    border-radius: 90px;
}
.proposal_right-icon {
    width: 20px;
    height: 20px;
}
.proposal_accordion .accordion_item.active .proposal_right-icon {
    transform: rotate(180deg);
}
.proposal_accordion .accordion_item.active .head {
    border-bottom: none;
}
.proposal_info {
    padding: 16px;    
    border-radius: 8px;  
}
.proposal_info.blau {
    background: #F3F3FF;
}
.proposal_info.green {
    background: rgba(173, 206, 24, 0.1);
}
.proposal_info-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #020027;
    margin-bottom: 4px;
}
.proposal_info-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #7874A3;
}
.proposal_info + .proposal_info {
    margin-top: 24px;
}
.proposal_btns {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}
.proposal_btns a {
    padding: 11px 24px;
    border-radius: 80px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.proposal_btns a.green {
    background: var(--main_color);
    color: #FFFFFF;
}
.proposal_btns a.white {
    color: var(--main_color);
    background: #fff;
    border: 1px solid var(--main_color);
}
.proposal_btns a.red {
    color: #D53838;
    background: rgba(213, 56, 56, 0.1);
}
.proposal_info-items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.proposal_info-items > * {
    width: calc(100%/2 - 12px);
    padding: 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
.proposal_info-item_icon .icon {
    width: 32px;
    height: 32px;    
}
.proposal_info-item_title {
    margin-top: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #020027;
}
.proposal_info-item_text {
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #7874A3;
}
.proposal_info-item .proposal_info-item_icon .icon{
    width: 32px;
    height: 32px;
}
.proposal_accordion .accordion_item .data > * {
    margin-top: 24px;
}