/* Start:/local/templates/tehstd/components/bitrix/catalog/ts/style.min.css?1793719673959*/
.grid .bx_content_section{margin-bottom:15px}.grid .bx_sidebar{margin-bottom:15px}.grid2x1 .bx_content_section{float:left;width:66%;margin-bottom:15px}.grid2x1 .bx_sidebar{float:right;width:33%;margin-bottom:15px;padding-left:5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media(max-width:960px){.grid2x1 .bx_sidebar{padding-left:4%}}@media(max-width:640px){.grid2x1 .bx_content_section,.grid2x1 .bx_sidebar{width:100%;float:none}.grid2x1 .bx_sidebar{padding-left:3%}}@media(max-width:479px){.grid2x1 .bx_sidebar{padding-left:1%}}.catalog-block-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 15px;border-bottom:2px solid #d9dee6;color:#000}body.bx-theme-blue .catalog-block-header{border-color:#006cc0}body.bx-theme-green .catalog-block-header{border-color:#63aa28}body.bx-theme-red .catalog-block-header{border-color:#da3737}body.bx-theme-yellow .catalog-block-header{border-color:#f4b236}
/* End */


/* Start:/local/templates/tehstd/components/bitrix/catalog/ts/bitrix/catalog.element/v2.0/style.css?179371967560807*/


.professional_development_banners{
    display: flex;
    gap: 1vw;
    margin-bottom: 3vh;
    z-index: 0;
    position: relative;
}
.professional_development_information p{
    margin-bottom: 1vw;
}
.professional_development_information .program_question h2 {
    display: inline;
    font-weight: 600;
    font-size: 1vw;
}
.course_ol {
    counter-reset: li;
    list-style: none;
    padding: 0;
    width: 98%;
    margin-left: 2%;
}
.discount-label {
    position: absolute;
    z-index: 2;
    bottom: 2rem;
    left: 0;
    width: 40rem;
    padding: 16px 20px;
}

.discount-label::before {
    content: '';
    position: absolute;
    width: 40rem;
    inset: 0;
    background: #FFE600;
    clip-path: polygon(0 0, calc(100% - 75px) 0, 100% 68px, 100% 100%, 0 100%);
    z-index: -1;
}
.page__heading{
    font-size: 2.2vw;
    font-weight: 600;
    line-height: 2.6vw;
    text-align: left;
    margin-bottom: 1.1vw;
}
.professional_development_information ol {
    counter-reset: li;
    margin-bottom: 1vw;
}
.job_professional_development_banners_content a:hover {
    background: #018370;

}
.professional_development_information p a {
    cursor: pointer;
    padding-bottom: .1vw;
    border-bottom: .1vw solid;
}
.professional_development_information p a:hover {
    color: black;
    font-weight: 600;
    border-bottom: none;
}
.ol_number {
    position: relative;
    display: block;
    padding: .4vw .4vw .4vw 2vw;
    background: #b994b9;
    text-decoration: none;
    border-radius: .3em;
    transition: .3s ease-out;
    margin-bottom: 1vw;
    font-size: 1.1vw;
    font-weight: 700;
}
.ol_number ul li {
    font-weight: 300;
}
ol .ol_number p:first-child:before {
    display: none;
}

.ol_number:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -2vw;
    top: 50%;
    margin-top: -1.7vw;
    background: #854385;
    height: 2.5vw;
    width: 2.5vw;
    border: 0.2vw solid white;
    text-align: center;
    display: flex;
    font-weight: bold;
    border-radius: 2vw;
    transition: all .3s ease-out;
    align-items: center;
    justify-content: center;
    color: white;
}

.ol_number ul {
    margin-top: 2vh;
}
.job {
    margin-bottom: 3vh;
}
.professional_development_banner_standart, .job_professional_development_banner_standart{
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 1vw;
    align-items: center;
    padding: 2vh 1vw 2vh 2vw;
    box-sizing: border-box;
    border: 0.1vw solid #d9d9d9;
    border-radius: 0.3vw;
    /* White */
    background: #ffffff;
}
.professional_development_banners_content h4{
    margin-top: 0.5vh;
    color: #000000;
    font-size: 1vw;
    font-weight: 700;
    text-align: left;
}
.professional_development_banners_content p, .job_professional_development_banners_content p{
    color: #000000;
    font-size: 1vw;
    font-weight: 600;
    text-align: left;
}
.job_professional_development_banners_content p {
    max-width: 70%;
}
.professional_development_banner_circle_standart{
    border-radius: 50%  ;
    position: absolute;
    filter: blur(2vw);
    width: 10vw;
    height: 10vw;
    top: -8vh;
    left: -3vw;
    z-index: 1;
    background: #854385;
}

.yellow_circle{
    background: #ffe600;
}
.professional_development_banner_standart img, .job_professional_development_banner_standart img{
    z-index: 2;
    width: 4vw;
}
.professional_development_banner_wrap{
    flex: 1 1 1vw;
    align-content: center;
    align-items: center;
}
.professional_development_banners_content a, .job_professional_development_banners_content a{
    display: block;
    margin-left: auto;
    color: white;
    font-size: 0.9vw;
    font-weight: 500;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0.3vw;
    /* Yellow */
    background: #6E7082;
    padding: 0.7vh 0;
    max-width: 15vw;
}
.professional_development_banners_content, .job_professional_development_banners_content{
    z-index: 10;
    flex: 1 1 3vw;
    margin: auto 0;
}
.professional_development_time{
    display: flex;
    align-items:  flex-start;
    gap: 0.6vw;
    margin-bottom: 1vw;
}
.professional_development_time img{
    width: 1.3vw;
}
.professional_development_time p{
    color: #000000;
    font-size: 1vw;
    font-weight: 600;
    line-height: 2.7vh;
    text-align: left;
}
.professional_development_information{
    margin: 3vh 0;
}


.professional_development_information h3{
    color: #000000;
    font-size: 1.2vw;
    font-weight: 600;
    line-height: 2.7vh;
    text-align: left;
    margin: 1vw 0;
}

.professional_development_information .program_question span{
    display: inline-block;
    line-height: 2vw;
    box-sizing: border-box;
    border: 0.1vw solid #43455D;
    padding: 0.2vh 0.7vw;
    border-radius: 0.3vw;
    font-weight: 700;
    margin: 0.5vw 0;
}
.professional_development_information .program_question span:hover {
    transform: scale(1.05);
}
.professional_development_information .program_question span a:hover {
    color: #000;

}
.professional_development_links{
    display: flex;
    flex-wrap: wrap;
    gap: 0.7vw 0.5vw;
    padding-bottom: 0;
}
.professional_development_link{
    position: relative;
}
.professional_development_link a{
    color: #854385;
    padding: 0.5vh 0.5vw;
    font-size: 0.9vw;
    font-weight: 600;
    line-height: 2.4vh;
    text-align: left;
    box-sizing: border-box;
    border: 0.1vw solid #854385;
    border-radius: 0.3vw;
    /* White */
    background: #ffffff;
    transition: transform 0.3s ease;
    display: inline-block;
}
.professional_development_link p{
    display: none;
    position: absolute;
    bottom: 5vh;
    padding: 1vh 1vw;
    border-radius: 0.3vw;
    background-color: var(--main-color);
    z-index: 1;
    max-width: 20vw;
    min-width: 20vw;
    opacity: 0;
    transition: opacity 0.5s ease;
}


.triangle {
    opacity: 0;
    transition: opacity 0.5s ease;
    display: none;
    content: "";
    position: absolute;
    bottom: 4.05vh; /* Сдвигаем треугольник ниже блока */
    left: var(--triangle-left-offset, 50%); /* Выравниваем треугольник по центру */
    transform: translateX(-50%); /* Центрирование по оси X */
    border-width: 1vh 0.7vw 0 0.7vw; /* Задаем размеры треугольника */
    border-style: solid;
    border-color: var(--main-color) transparent transparent transparent; /* Цвет треугольника */
}

.professional_development_link_active{
    opacity: 1 !important;
    display: block !important;

}
.professional_development_links a:hover, .professional_development_information .professional_development:hover {
    color: #854385;
    transform: scale(1.03);
}
/*pipipupu*/
.section_professional_development_helper{
    /* Yellow */
    background: #ffe600;
}
#video span, #top span, #online span, #vebinar span {
    color: white;
}
.professional_development_helper_wrap{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3vw;
    align-items: center;
}
.professional_development_helper_info p{
    flex: 1 1 10vw;
    color: #000000;
    font-size: 1vw;
    font-weight: 400;
    line-height: 2.4vh;
    text-align: left;
    margin-bottom: 2vh;
}
.professional_development_helper_wrap img{
    flex: 1 1 10vw;
    width: 100%;
}
/*.professional_development_helper_wrap a{*/
/*    display: block;*/
/*    color: #000000;*/
/*    font-size: 1vw;*/
/*    font-weight: 700;*/
/*    line-height: 2vh;*/
/*    text-align: center;*/
/*    box-sizing: border-box;*/
/*    border: 0.1vw solid #000000;*/
/*    border-radius: 0.3vw;*/
/*    padding: 0.6vh 0;*/
/*    margin: 2vh 0;*/
/*    overflow: hidden;*/
/*    transition: transform 0.5s ease;*/
/*}*/

/*.professional_development_helper_wrap a:hover{*/
/*    transform: scale(1.1);*/
/*    color: #000;*/
/*}*/

.professional_development_informations_ul_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1vw;
}
.professional_development_informations_ul_wrap ul{
    box-sizing: border-box;
    border: 0.1vw solid #d9d9d9;
    border-radius: 0.3vw;
    padding: 2vh 1.5vw;
    background: #ffffff;
}
.professional_development_informations_ul_wrap ul p{
    color: #000000;
    font-size: 1.3vw;
    font-weight: 600;
    text-align: left;
    margin-bottom: 2vh;
}
.professional_development_informations_ul_wrap ul li{
    position: relative;
    color: #000000;
    font-size: 1vw;
    font-weight: 500;
    text-align: left;
    padding-left: 1.5vw;
}
.professional_development_informations_ul_wrap ul li::before{
    content: ''; /* Обязательное свойство для псевдоэлемента */
    position: absolute; /* Абсолютное позиционирование относительно родителя */
    left: 0; /* Выравнивание слева */
    top: 1vh; /* Выравнивание по вертикали (по центру) */
    transform: translateY(-50%); /* Коррекция для выравнивания по центру */
    width: 0.9vw; /* Ширина изображения */
    height: 1.2vw; /* Высота изображения */
    background: url(/images/marker.svg) left center no-repeat; /* Устанавливаем фоновое изображение */
    background-size: contain
}

.professional_development_courses_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1vw;
}
.professional_development_courses{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2vh 1.5vw;
    box-sizing: border-box;
    border: 0.1vw solid #d9d9d9;
    border-radius: 0.3vw;
    background: #ffffff;
    transition: transform 1s ease;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.professional_development_courses:hover{
    transform: scale(1.03);
}
.professional_development_courses h4, .professional_development_courses h3 {
    color: #000000;
    font-size: 1vw;
    font-weight: 600;
    line-height: 2.4vh;
    text-align: left;
    margin-bottom: 3vh;
    z-index: 1;
}
.professional_development_course_content {
    z-index: 1;
}
.professional_development_course_content ul{
    margin-bottom: 1.5vh;
}
.professional_development_course_content ul li{
    display: flex;
    gap: 0.6vw;
    align-items: flex-start;
    color: #000000;
    font-size: 0.9vw;
    font-weight: 500;
    line-height: 2.4vh;
    text-align: left;
    margin-bottom: .5em;
}
.professional_development_course_content img{
    width: 1vw;
}
.professional_development_course_content img:first-child{
    margin-top: 0.5vh;
}
.professional_development_course_content button{
    display: block;
    margin-left: auto;
    width: 12vw;
    color: #fff;
    font-size: 0.8vw;
    font-weight: 500;
    line-height: 2vh;
    text-align: center;
    padding: 1vh 0;
    border-radius: 0.3vw;
    /* Yellow */
    background: #854385;
}
.professional_development_course_content button:hover{
    background: #018370;
}
/*
163OnMyNeck
*/

.section_professional_development h2 {
    line-height: normal;
    text-transform: unset}

.section_professional_development {
    padding: 0 0 3vh;
}
.professional_development_course_content svg {
    fill: #854385;
    width: 100%;
}
.professional_development_recommend_red_circle {
    position: absolute;
    width: 8vw;
    height: 8vw;
    top: -9vh;
    left: -1.5vw;
    border-radius: 50%;
    filter: blur(3vw);
    background: #D9D9D9;
    z-index: 0;
}
/* Основные стили для контейнера секции */
.section_training_detail .container{
    overflow: hidden;
    position: relative;
}

.training_detail_wrap {
    margin: 4vh -1vw;
    position: relative;
    display: flex;
    transition: transform 0.5s ease-in-out;
    perspective: 100vw; /* Добавляет перспективу для 3D эффекта */
}

.training_detail {
    flex: 0 0 auto;
    max-width: calc(100% / 3 - 2em); /* Adjust based on the number of visible slides */
    box-sizing: border-box;
    margin: 0 1vw; /* Adjust margins to ensure proper spacing */
    transition: margin-top 1s ease, transform 1s ease;

}

.training_detail.center {
    margin: 0 1vw; /* Remove side margins for the centered slide */
    transform: scaleX(1.1);
}
.section_training_detail{
    padding: 2em 0;
}

.training_detail.first {
    margin-top: 6vh;
    transform: rotateY(-10deg); /* Поворачивает первый видимый элемент */
    transition: margin-top 1s ease, transform 1s ease;

}

.training_detail.last {
    margin-top: 6vh;
    transition: margin-top 1s ease, transform 1s ease;
    transform: rotateY(10deg); /* Поворачивает последний видимый элемент */
}

.training_detail{
    overflow: hidden;
    padding: 1vh 1vw;
    box-sizing: border-box;
    border: 0.1vw solid rgb(217, 217, 217);
    border-radius: 0.3vw;

    /* White */
    background: rgb(255, 255, 255);
    z-index: -2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}



.video_comp_arrow_left{
    position: absolute;
    top: 50%;
    left: 0;
}

#video svg, #top svg, #online svg, #vebinar svg {
    width: 2.5vw;
}
.video_comp_arrow_right{
    position: absolute;
    top: 50%;
    right: 0;
}


.training_detail_title_wrap{
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.5em;
    margin-bottom: 2.5vh;
}

.training_detail_yellow_circle{
    position: absolute;
    width: 12em;
    height: 12em;
    top: -4em;
    left: -4vw;
    border-radius: 50%;
    filter: blur(2em);
    background: rgb(255, 230, 0);
    z-index: -1;
}

.training_detail_title_wrap p{
    color: rgb(0, 0, 0);
    font-size: 1vw;
    font-weight: 600;
    line-height: 2.7vh;
    text-align: left;
    max-width: 70%;
}

.training_detail_title_wrap img{
    width: 5.5vw;
}

.training_detail_price_wrap{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 2vh;
}

.training_detail_price{
    margin-left: auto;

    padding: 0.5vh 1.5vw;
    align-self: flex-end;
    border-radius: 1.2vw;
    background: rgb(244, 244, 244);

    color: rgb(0, 0, 0);
    font-size: 1.1vw;
    font-weight: 600;
    line-height: 2vh;
    text-align: left;
}

.training_detail_info{
    color: rgb(0, 0, 0);
    font-size: 1vw;
    font-weight: 600;
    line-height: 2.3vh;
    text-align: left;
    margin-bottom: 1.5vh;
}

.training_detail_start_price{
    text-decoration: line-through; /* Устанавливаем зачеркивание */
    margin-left: 0.5vw;
    color: rgb(110, 112, 130);
    font-size: 1.1vw;
    font-weight: 600;
    line-height: 2vh;
    text-align: left;
}

.training_detail_ul{
    margin-bottom: 2vh;
    line-height: 1.1;
}
.training_detail_ul p {
    margin: 1em 0;
    font-weight: 700;
}
.training_detail_ul span{
    color: rgb(0, 0, 0);
    font-size: 1em;
    font-weight: 600;
    line-height: 2.7vh;
    text-align: left;
    margin-bottom: 1.5vh;
    display: block;
}

.training_detail_ul li{
    position: relative;
    color: rgb(0, 0, 0);
    font-size: 1vw;
    font-weight: 400;
    line-height: 1vw;
    text-align: left;
    padding-left: 1.2vw;
    margin-bottom: .5em;
}
.training_detail_ul em {
    line-height: 1;
    font-size: .85em;
}

.training_detail_ul li:last-child{
    margin-bottom: 0;
}

.training_detail_ul li::before{
    content: ''; /* Обязательное свойство для псевдоэлемента */
    position: absolute; /* Абсолютное позиционирование относительно родителя */
    left: 0; /* Выравнивание слева */
    top: 1vh; /* Выравнивание по вертикали (по центру) */
    transform: translateY(-50%); /* Коррекция для выравнивания по центру */
    width: 0.7vw; /* Ширина изображения */
    height: 1.2vw; /* Высота изображения */
    background: url('/images/marker.svg') left center no-repeat; /* Устанавливаем фоновое изображение */
    background-size: contain
}

.training_detail_btns a{
    display: block;
    text-align: center;
    padding: 1vh 0;
    border-radius: 0.3vw;
    font-size: 1vw;
    font-weight: 500;
    line-height: 2.3vh;
}

.training_detail_purple_btn{
    color: rgb(255, 255, 255);

    background: rgb(133, 67, 133);
    margin-bottom: 1vh;
}

.training_detail_yellow_btn{
    background: rgb(255, 230, 0);
    color: rgb(0, 0, 0);
}
.training_detail_yellow_btn:hover, .training_detail_purple_btn:hover {
    background: rgb(0, 0, 0);
}
.professional_development_contact p span a:hover {
    color: rgb(133, 67, 133);
    transform: scale(1.03);
}
.professional_development_contact p span:hover{
    transform: scale(1.03);
}
.professional_development_information h2{
    color: #000000;
    font-size: 1.3vw;
    font-weight: 600;
    line-height: 1.4vw;
    text-align: left;
    margin: 1vw 0;
    text-transform: none;
}

.professional_development_information ul li, .doc li {
    position: relative;
    color: #000000;
    font-size: 1vw;
    text-align: left;
    padding-left: 1.5vw;
    margin-bottom: 1em;
    line-height: 1.2;
}
.professional_development_information ul li::before, .doc li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .6em;
    transform: translateY(-50%);
    width: 0.9vw;
    height: 1.2vw;
    background: url(/images/marker.svg) left center no-repeat;
    background-size: contain;
}
.professional_development_information .note ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.25vw;
    width: 0.5vw;
    height: 0.5vw;
    border: 0.1vw solid black;
    border-radius: 50%;
    vertical-align: 1vw;
    transform: none;
    background: none;
}

.questions_wrap{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: .3vw;
    background: #f4f4f4;
}
.question_block{
    cursor: pointer;
    border-bottom: 0.1vw solid #d9d9d9;
    width: 100%;
    padding: 2vh 0;

    transition: opacity .1s ease-in-out, margin-top .1s ease-in-out, max-height .1s ease-in-out;

}
.question_block:last-child{
    border-bottom: none;
}
.question_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2em;
}
.question_btn{
    flex: 0 0 1.3em
}
.question_btn img{
    width: 100%;
}
.question_wrap svg {
    width: 1vh;
}
.question{
    padding: 0 2.5vw;
}
.question_text{
    color: #000000;
    font-size: 1vw;
    font-weight: 600;
    line-height: 2vh;
    text-align: left;
}
.question_text:hover {
    color: #018370;
}
.question_btn_img{
    width: 1.2vw;
    transform: rotate(0deg);
    transition: transform 1s ease;
}
.question_open{
    color: #6e7082;
}
.question_open li {
    position: relative;
    font-size: 1vw;
    font-weight: 400;
    line-height: 1vw;
    text-align: left;
    padding-left: 1.2vw;
    margin-bottom: 1vw;
}

.question_open li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1vh;
    transform: translateY(-50%);
    width: 0.9vw;
    height: 1.2vw;
    background: url(/images/marker.svg) left center no-repeat;
    background-size: contain;
}
.question_open ul {
    margin-top: 1vw;
}
.question_answer{
    max-height: 0; /* Начальная высота блока, чтобы он был скрыт */
    overflow: hidden; /* Скрытие содержимого, выходящего за пределы максимальной высоты */
    opacity: 0; /* Начальная прозрачность блока */
    margin-top: 0;
    transition: max-height  .1s ease-in-out, opacity  .1s ease-in-out, margin-top  .1s ease-in-out;
    width: 90%;
}
.question_answer p{
    color: #6e7082;
    font-size: 1vw;
    font-weight: 400;
    line-height: 3.5vh;
    text-align: left;
}
.question_open{
    max-height: max-content; /* Устанавливаем максимальную высоту для плавного раскрытия */
    opacity: 1;
    transition: opacity .1s ease-in-out, margin-top .1s ease-in-out, max-height  .1s ease-in-out;
    margin-top: 2.5vh;
}
.question_img_rotate{
    transform: rotate(45deg);
    transition: transform 1s ease;
}
.professional_development_information ul {
    margin: 1vw 0;
}


.course-key-info__item-desc p span {
    line-height: 0;
    box-sizing: border-box;
    border: none;
    padding: 0;
    border-radius: 0;

}
.course-key-info  {
    display: none;
}
.sponsors {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sponsors_img {
    max-width: 100%;
    flex: 0 0 33%;
    padding: 1vh;

    display: flex;
    justify-content: center;
}
.section_sponsor {
    background: #f4f4f4;
    margin-top: 3vh;
}
.sponsor {
    width: 70%;
    margin: 3vh auto 0;
    padding: 3vh 0;
}
.section_sponsor h3 {
    font-size: 1.6vw;
    color: rgb(0, 0, 0);
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 3vh;
}
.professional_development_information p img {
    float: left;
    margin-right: 1vh;
}

.section_professional_development th svg{
    width: 2.3vh;
    margin: 1vh;
    fill: #6E7082;
}
th, td {
    padding: 0.75rem 1rem; /* Отступы внутри ячеек */
    text-align: left;
    border: 1px solid #ccc; /* Внутренние линии */
}

th {
    font-weight: bold;
    font-size: 1.1em; /* Размер заголовков */
}


/* Убираем границы у первой колонки */
th:first-child,
td:first-child {
    border-left: none; /* Убираем левую границу */
}

/* Убираем границы у последней колонки */
th:last-child,
td:last-child {
    border-right: none; /* Убираем правую границу */
}

/* Убираем верхнюю границу у заголовков */
thead th {
    border-top: none; /* Убираем верхнюю границу */
}

/* Убираем нижнюю границу у последней строки */
tbody tr:last-child td {
    border-bottom: none; /* Убираем нижнюю границу */
}
tr th {
    border-top: none;
    background-color: #f4f4f4;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
}
tr th:last-child {
    border-top-right-radius: .3em;
}
tr th:first-child {
    border-top-left-radius: .3em;
}


table {
    width: 100%; /* Таблица занимает всю доступную ширину */
    border-collapse: collapse;

    margin: 1rem auto; /* Отступы сверху и снизу */
    border-radius: 0.5rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    overflow-x: auto; /* Добавляем горизонтальную прокрутку */

}

.categories-list {
    display: grid;
    grid-template-columns: 40% 40%;
    gap: 0 5%;
    margin: 1em 0;
}

.dot {
    display: inline-block;
    width: 0.7vw;
    height: 0.7vw;
    margin: 0 0.5vw;
    border-radius: 50%;
    border: 0.1vw solid black;
    cursor: pointer;
}
.dot.active,
.dot:hover{
    transition: background-color 1s ease;
    background-color: black;
}
.slider-dots{
    margin-top: 1vh;
    text-align: center;
}


._banners_image, .job_banners_image {
    z-index: 2;
    margin-right: 2vw;
}
.red_circle {
    background: #F6785C;
}
.desktop {
    margin-bottom: 3vh;
    aspect-ratio: 3 / 1;
    overflow: hidden;
    border-radius: .3vw;
    padding-top: 1vw;
    padding-left: 1vw;
    position: relative;
}
.desktop img {
    margin: 0 auto;
}
.b24-form-click-btn-wrapper.--b24-mod-center>button {
    display: flex!important;
    text-align: center!important;
    padding: 1vh 0!important;
    border-radius: 0.3vw!important;
    font-size: 1vw!important;
    font-weight: 500!important;
    line-height: 2.3vh!important;
    background: rgb(255, 230, 0)!important;
    color: rgb(0, 0, 0)!important;
    font-family:  "Times New Roman", sans-serif!important;
    width: 100%!important;
    margin: auto!important;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: auto!important;
}
.b24-form-click-btn-wrapper.--b24-mod-center>button:hover {
    background: rgb(0, 0, 0)!important;
}
.professional_development_information img {
    max-width: 20vw;
    float: left;
    margin-right: 0.5vw;
}
.professional_development_information .professional_development_time img {
    margin-right: 0;
}
.sponsors_img img {
    max-width: 15vw;
}
.sponsors_img{
    position: relative;
}
.sponsors_img p{
    display: none;
    position: absolute;
    bottom: 4vh;
    padding: 1vh 1vw;
    border-radius: 0.3vw;
    border: 0.15vw solid yellow;
    background: white;
    z-index: 1;
    max-width: 50vw;
    min-width: 50vw;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.doc .note {
    margin: 1.5vw 0 0 0;
}




:root {
    --anime-time: 8s;
    --clip-distance: 0.05;
    --path-width: 0.2em;
    --main-color: #69ca62;
    --btn-border-radius: 0.3em;
}

.courses__btn {
    display: block;
    font-size: 1em;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    box-sizing: border-box;
    border-radius: var(--btn-border-radius);
    padding: 2em;
    margin: 2em 0;
    position: relative; /* Устанавливаем контекст для z-index */
    background: transparent;
    overflow: hidden;
    z-index: 1; /* Текст остаётся выше фона */
    color: black;
}
.courses__btn:hover{
    color: black;
}

.courses__btn::before,
.courses__btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: var(--path-width) solid #854385;
    border-radius: 0.3vw;
    box-sizing: border-box;
    animation: clipMe var(--anime-time) linear infinite;
    z-index: -1; /* Псевдоэлементы позади текста */
    pointer-events: none; /* Чтобы они не перекрывали события */
}



.courses__btn::after {
    bottom: 0;
    right: 0;
}

.courses__btn::before {
    animation-delay: calc(var(--anime-time) * -0.5);
}

@keyframes clipMe {
    0% {
        clip-path: inset(0 0 calc(100% - var(--path-width)) 0);
    }
    25% {
        clip-path: inset(0 calc(100% - var(--path-width)) 0 0);
    }
    50% {
        clip-path: inset(calc(100% - var(--path-width)) 0 0 0);
    }
    75% {
        clip-path: inset(0 0 0 calc(100% - var(--path-width)));
    }
    100% {
        clip-path: inset(0 0 calc(100% - var(--path-width)) 0);
    }
}
.courses__btn:hover::before,
.courses__btn:hover::after {
    background-color: #b994b9; /* Debug hover background */
    z-index: -1;
}
.course {
    padding: 0;
}
.course_title {
    color: #43455D;
    font-weight: 800;
}

.picture img {
    max-width: 5vw;
}
.picture {
    display: flex;
}
.study_comp_wrap {
    position: relative;
    overflow: hidden; /* Ensure content doesn't overflow */
}
.study_images {
    display: flex; /* Ensure images are in a row */
    transition: transform 0.5s ease; /* Smooth sliding animation */
    gap: 1vw;
    align-items: center;
}
.study_images img {
    padding: 0;
    flex: 0 0 auto; /* Ensure images maintain their size */
    width: 100%;
    height: auto;
    max-width: max-content;
}
.study_comp_arrow {
    position: absolute;
    top: 50%; /* Center vertically */
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    opacity: 1; /* Initially fully visible */
}
.study_comp_arrow:disabled {
    opacity: 0.5; /* Dimmed when disabled */
    pointer-events: none; /* Disable clicking when disabled */
}
.study_comp_arrow_left {
    left: 0;
    z-index: 1;
}
.study_comp_arrow_right {
    right: 0;
    z-index: 1;
}
.study_btn_img{
    width: 3vw;
}

.study_images a.licence-link:after {
    content: " ";
    color: #363636;
    position: sticky;
    bottom: 35%;
    flex: 0 0 25%;
    padding: 1.7vw;
    opacity: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' enable-background='new 0 0 66 66' viewBox='0 0 66 66'%3e%3cg fill='rgb(255,230,0)'%3e%3cpath d='m63.61 47.99-4.04-11.92c-.56-1.65-2.36-2.56-4.04-2.03l-1.14.41c-.03.01-.07.02-.1.03l-7.02 2.52c-.83.26-1.51.84-1.9 1.62-.13.25-.22.52-.28.79l-4.18-.97c-1.24-.29-2.65-.61-4.06-.4-1.43.21-2.68.93-3.78 1.71-.17-.01-.35 0-.52.03-.32-.66-.6-1.27-.87-1.86-.01-.03-.03-.06-.04-.09 2.14-1.41 4-3.23 5.4-5.38 4.39-6.77 3.9-16.21-1.17-22.44-5.04-6.19-14.39-8.57-21.73-5.54-8.94 3.7-12.4 12.55-11.87 19.69.62 8.24 5.91 14.58 13.82 16.53 1.44.36 2.92.53 4.4.53 2.15 0 4.29-.37 6.33-1.05.02.05.05.1.07.14.24.53.49 1.06.77 1.64-.54.56-.74 1.41-.42 2.18l.08.19c-1.02.54-1.86 1.62-1.69 2.88.12.93.79 1.77 1.74 2.17.11.05.23.09.34.12-.32 1.04-.04 2.29.81 3.16.18.18.38.35.6.49-.21 1.01.1 2.13.87 2.91.15.15.31.28.48.41-.37 1.01-.13 2.26.69 3.1.71.73 1.78 1.14 2.92 1.16.54.84 1.34 1.49 2.28 1.84.51.19 1.05.28 1.59.28.73 0 1.46-.17 2.13-.52 1.39-.72 2.3-2.08 2.46-3.62 2.8-.91 5.42-2.37 7.66-4.3.58.49 1.33.78 2.11.78.32 0 .65-.05.98-.15l1.18-.42c.02-.01.04-.01.05-.01l7.02-2.52c.83-.26 1.51-.84 1.9-1.61.38-.78.45-1.66.17-2.48zm-30.45-2.36c.13-.02.25-.04.37-.07.02 0 .03-.01.05-.01.15-.03.29-.06.43-.09l.43-.1.81-.19 1.1 2.29c-.23-.11-.47-.2-.71-.25-.95-.21-1.91-.05-2.73.13.2-.56.21-1.15.04-1.68.03 0 .06-.01.09-.01.04-.01.08-.01.12-.02zm4.61 4.82.26.53c-.13-.08-.27-.15-.41-.2.06-.11.11-.22.15-.33zm-9.11-6.55-.12-.3c-.13-.31.02-.67.34-.81l1.49-.62c-.03.06-.06.12-.09.18-.01.03-.03.05-.04.08-.03.06-.05.12-.07.18-.02.04-.03.08-.05.12-.02.05-.03.1-.04.15s-.03.1-.04.15c-.01.04-.01.09-.02.13-.01.06-.02.12-.02.17v.13.17c0 .06.01.12.02.18v.03c-.44-.02-.9-.01-1.36.06zm-12.23-4.58c-8.71-2.15-12.3-9.3-12.75-15.27-.61-8.09 3.7-15.26 10.98-18.27 6.79-2.81 15.44-.61 20.1 5.12 4.7 5.77 5.15 14.51 1.08 20.78-4.02 6.21-12.19 9.42-19.41 7.64zm13.99-.75c.25.54.51 1.1.8 1.71l-2.33.98c-.26-.54-.49-1.04-.72-1.54-.01-.02-.01-.03-.02-.05.78-.32 1.54-.69 2.27-1.1zm-3.4 8.45c-.09-.68.55-1.33 1.22-1.58.42-.15.9-.2 1.37-.2s.94.05 1.38.09h.07c.03.02.06.03.09.05.02.01.03.02.05.03.04.11.09.22.19.31.34.31.36 1 .03 1.48-.22.32-.54.54-.86.69-.02.01-.04.02-.06.03-.31.14-.62.22-.85.27-.17.03-.34.05-.5.07-.18-.08-.39-.09-.57-.01-.24-.02-.47-.07-.67-.16-.48-.22-.84-.64-.89-1.07zm2.14 2.63c.25-.01.5-.04.76-.09.35-.07.74-.18 1.14-.36l1.8-.41c.79-.18 1.68-.39 2.46-.21.59.13 1.21.62 1.18 1.13-.02.5-.6.98-1.04 1.29-1.14.82-2.11 1.28-3.06 1.44-1.13.18-2.24-.11-2.89-.77-.53-.55-.66-1.43-.35-2.02zm1.3 4.09c.41.11.85.17 1.3.17.29 0 .58-.02.88-.07 1.18-.19 2.34-.73 3.66-1.68.08-.06.17-.13.26-.2.08.01.16.01.23.03.59.13 1.2.62 1.18 1.13-.02.38-.35.79-1.04 1.29-1.14.82-2.11 1.28-3.06 1.44-1.11.18-2.25-.12-2.89-.78-.34-.35-.52-.85-.52-1.33zm1.27 3.35c.47.15.98.23 1.5.23.29 0 .58-.02.87-.07 1.04-.17 2.08-.62 3.22-1.38.02 0 .04 0 .06.01.58.13 1.05.57 1.03.97-.02.32-.32.69-.92 1.13-1.03.75-1.91 1.16-2.76 1.3-1 .16-2.01-.11-2.57-.69-.4-.42-.56-1.02-.43-1.5zm9.42 1.13c0 1.2-.66 2.3-1.73 2.85-.81.42-1.73.48-2.58.16-.44-.16-.83-.42-1.15-.74.84-.25 1.69-.7 2.63-1.38.62-.45 1.46-1.17 1.5-2.21.04-.89-.52-1.62-1.24-2.05.32-.33.59-.73.72-1.21l1.53 3.19c.18.38.28.78.31 1.19 0 .04.01.08.01.11zm-4.5-13.37.96-.22c.38-.09.62-.47.53-.85s-.47-.62-.85-.53l-2.81.65-.82.19c-.24.06-.48.11-.71.15-.04.01-.08.01-.12.01-.07.01-.15.02-.22.02-.01 0-.03 0-.04 0-.1 0-.19 0-.29-.01-.19-.02-.36-.07-.5-.15s-.25-.18-.31-.29c-.13-.24-.07-.63.14-.96.11-.18.26-.34.42-.5.2-.19.42-.37.64-.54.32-.26.66-.52 1-.77 0 0 .01-.01.01-.01 1.02-.75 2.14-1.43 3.37-1.61 1.16-.17 2.37.11 3.54.38l4.53 1.05c.02.08.04.16.07.24l4.04 11.92c.03.09.07.17.11.26-2.02 1.76-4.37 3.1-6.89 3.97-.07-.35-.19-.69-.34-1.02zm25.52 4.99c-.22.44-.6.76-1.09.92l-7.02 2.52c-.93.29-1.94-.22-2.26-1.14l-3.88-11.45c.02-.19-.05-.38-.17-.52-.14-.45-.1-.92.11-1.35.22-.44.6-.76 1.09-.92l7.02-2.52c.18-.06.36-.08.54-.08.76 0 1.47.48 1.72 1.23l4.04 11.92c.16.45.12.95-.1 1.39z'/%3e%3cpath d='m53.45 51c.51.64 1.55.77 2.21.27.66-.49.82-1.53.35-2.2-1.26-1.78-3.93.24-2.56 1.93z'/%3e%3cpath d='m35.3 21.72c.12-3.43-.93-6.9-3.11-9.58-3.79-4.65-10.81-6.44-16.32-4.16-6.45 2.67-9.09 8.93-8.92 14.17-.02.52-.01 1.03.02 1.52.46 6.19 4.44 10.95 10.38 12.41 1.08.27 2.19.4 3.3.4 4.88 0 9.76-2.49 12.41-6.58 1.59-2.43 2.31-5.32 2.24-8.18zm-17.61 13c-6.37-1.57-8.98-6.79-9.31-11.15-.44-5.92 2.71-11.16 8.03-13.36 4.97-2.05 11.28-.44 14.69 3.74 3.43 4.22 3.76 10.6.79 15.19-2.95 4.53-8.92 6.88-14.2 5.58z'/%3e%3cpath d='m58.99 45.95-3.25-8.34c-.12-.3-.46-.45-.76-.33s-.45.46-.33.76l3.25 8.34c.09.23.31.37.55.37.07 0 .14-.01.21-.04.3-.12.45-.46.33-.76z'/%3e%3cpath d='m59.87 48.03c-.15-.29-.5-.41-.79-.26s-.41.5-.26.79l.16.32c.1.21.31.33.53.33.09 0 .18-.02.26-.06.29-.15.41-.5.26-.79z'/%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    transition: all 400ms ease;
    margin-left: calc(50% - 1vw);

    aspect-ratio: 1 / 1;
}
.study_images a.licence-link:hover:after, .study_images a.licence-link:hover:before {
    opacity: 1;
    transition: all 400ms ease;
}


a.licence-link {
    flex: 0 0 25%;
    align-content: center;
    width: auto;
    height: 22em;
    background-size: cover;
    overflow: hidden;
}

.professional_development_links {
    max-height: 9vh; /* Оставляем только 2 строки */
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.professional_development_links.expanded {
    max-height: none; /* При разворачивании показываем всё */
}
.pt-5 {
    margin-top: 2em;
}
.toggle-button {
    display: inline-block;
    text-align: center;
    background-color: #854385;
    padding: 0.4em 1em;
    cursor: pointer;
    margin-top: 1em;
    border-radius: 0.3em;
    font-weight: bold;
    margin-bottom: 1em;
    color: white;
    width: 12vw;
}

nav .training_detail_btns{
    width: 25%;
}

thead {
    background-color: #f4f4f4;
}
.link {
    cursor: pointer;
    padding-bottom: .1vw;
    border-bottom: .1vw solid;}
.link:hover {
    color: #854385;
}
.professional_development_information .professional_development {
    color: #854385;
    padding: 0.5vh 0.5vw;
    font-weight: 600;
    text-align: left;
    box-sizing: border-box;
    border: 0.1vw solid #854385;
    border-radius: 0.3em;
    background: #ffffff;
    transition: transform 0.3s ease;
    display: inline-block;
    margin-top: 0.3em;
}
.for_who_course__img_block_img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.for_who_course__wrap {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
    align-items: center;
}
.for_who_course__img_block_img_right {
    width: 100%;
    height: 30rem;
    border-radius: 0 10rem;
    overflow: hidden;
}
#yellow {
    background: #fffce5
}
.detail_text_ochno {
    padding: 6em 0;
}
.detail_text_ochno h2 {
    color: #854385;
}
.detail_text_ochno ul li p {
    padding: 1.5rem 1rem;
    border-radius: .3em;
    border: 0.0625rem solid #854385;
    gap: 1em;
}
.detail_text_ochno ul li {
    padding-bottom: 1em;
}
.for_who_course__img_block {
    flex: 0 0 50%;
}
.for_who_course__img_block_img {
    width: 100%;
    height: 30rem;
    border-radius: 10rem 0;
    overflow: hidden;
}
.professional_development_time p {
    max-width: 50%;
}
@media screen and (orientation: portrait){
    .professional_development_banners {
        flex-direction: column;
        gap: 2vw;
        margin-bottom: 3vw;
    }
    .detail_text_ochno .left {
        flex-direction: column;
    }
    .for_who_course__wrap {
        flex-direction: column;
    }
    .detail_text_ochno {
        padding: 2em 0;
    }
    .detail_text_ochno .right {
        flex-direction: column-reverse;
    }
    .for_who_course__img_block_img  {
        height: 20rem;
        border-radius: 5rem 0;
    }
    .for_who_course__img_block_img_right {
        height: 20rem;
        border-radius: 0 5rem;
    }
    .for_who_course__img_block_img img {
        height: auto;
    }
    .professional_development_time p {
        max-width: 100%;
    }
    .section_professional_development .desktop {
        margin: 2vw 0;
        aspect-ratio: 1;
        background-position: center;
        padding: 3vw;
        border-radius: 1.3vw;
        display: flex;
        flex-direction: column;
    }
    .page__heading {
        font-size: 6.4vw;
        margin-bottom: 5vw;
        line-height: 8vw;
    }
    #video svg, #top svg, #online svg, #vebinar svg {
        width: 2.5rem;
    }
    #video span, #top span, #online span, #vebinar span {
        font-size: 5vw;
    }
    #video, #top, #online, #vebinar {
        width: 50vw;
        display: flex;
        align-content: center;
        align-items: center;
        padding: 2.5vw 5vw;
        border-radius: 10vw;
        height: 9vw;
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: 3.5vw;
        margin-bottom: 2vw;
    }
    .section_professional_development .mobile img {
        border-radius: 1.3vw;
        max-width: 100%;
        aspect-ratio: 1;
        object-fit: cover;
    }
    .professional_development_information h2, .professional_development_information .program_question span {
        margin: 3vw 0;
        line-height: 7vw;
        font-size: 5.5vw;
    }


    .little .program_question h2, .little .program_question span  {
        font-size: 4.5vw;
    }
    .professional_development_information .program_question span {
        border-radius: 1.3vw;
        padding: 1vw;
    }
    .course_ol {
        width: 96%;
        margin-left: 4%;
    }
    ol .ol_number p {
        margin-left: 5vw;
    }
    .ol_number {
        position: relative;
        display: block;
        padding: 3vw 3vw 3vw 3.5vw;
        border-radius: .3em;
        margin-bottom: 4vw;
        font-size: 5vw;
        font-weight: 700;
    }
    .ol_number ul {
        margin: 0 0 0 5vw;
    }
    .ol_number:before {
        left: -5vw;
        top: 50%;
        margin-top: -7vw;
        height: 10vw;
        width: 10vw;
        border: .5vw solid white;
        border-radius: 50%;
        font-size: 8.5vw;
    }

    .professional_development_information .note ul li::before {
        top: 0.9vw;
        height: 3vw;
        width: 3vw;}
    .professional_development_banner_standart, .job_professional_development_banner_standart {
        gap: 3vw;
        padding: 3vw 4vw;
        border: 0.4vw solid #d9d9d9;
        border-radius: 1.3vw;
    }
    .professional_development_banner_standart img {
        width: 15vw;
    }
    .job_professional_development_banner_standart img {
        width: 20vw;
    }
    .job_professional_development_banners_content a {
        max-width: 100%;
        font-size: 4.5vw;
        margin: 0 auto;
        padding: 1.5vw 3vw;
        border-radius: 1.3vw;

    }
    .job_professional_development_banners_content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3vw;
        align-items: flex-start;
    }
    .job_professional_development_banners_content p {
        width: 100%;
        max-width: 100%;
    }
    .professional_development_banners_content p, .job_professional_development_banner_standart p {
        font-size: 4.5vw;
        line-height: normal;
    }
    .professional_development_banners_content h4 {
        margin-top: 0.5vw;
        font-size: 4.5vw;
        line-height: normal;
        margin-bottom: 2vw;
    }
    .professional_development_banners_content a {
        display: none;
    }
    .professional_development_banners_content {
        margin-left: 7vw;
    }
    .job_professional_development_banners_content {
        margin-left: 2vw;
    }
    .question_open{
        color: #6e7082;
    }
    .question_open li {
        padding-left: 5vw;
        margin-bottom: 2vw;
        font-size: 4.5vw;
        line-height: normal;
    }

    .question_open li::before {
        top: 2.5vw;
        width: 3.9vw;
        height: 4.2vw;
    }
    .question_open ul {
        margin-top: 2vw;
    }
    .professional_development_banner_circle_standart {
        filter: blur(8vw);
        width: 30vw;
        height: 30vw;
        top: -2vh;
        left: -10vw;
    }
    ._banners_image{
        display: flex;
        height: 12vw;
        flex-direction: column;
        justify-content: center;
    }
    .professional_development_time {
        gap: 2.6vw;
    }
    .professional_development_time p {
        font-size: 4.5vw;
        line-height: normal;
        margin-left: 10vw;
    }
    .professional_development_time img {
        width: 5vw;
        position: absolute;
    }
    .professional_development_information {
        margin: 3vw 0;
    }
    .professional_development_information p {
        font-size: 4.5vw;
        line-height: 6vw;
        margin-bottom: 2vw;
    }
    .professional_development_helper_wrap {
        display: block;
    }
    .professional_development_helper_info p {
        font-size: 4.5vw;
        line-height: normal;
        margin-bottom: 2vw;
    }
    /*.professional_development_helper_wrap a {*/
    /*	font-size: 4.5vw;*/
    /*	line-height: normal;*/
    /*	border-radius: 1.3vw;*/
    /*	padding: 1vw 0;*/
    /*	margin: 2vw 0;*/
    /*}*/
    .professional_development_informations_ul_wrap {
        grid-template-columns: 1fr;
        gap: 2vw;
    }
    .professional_development_informations_ul_wrap ul {
        border-radius: 1.3vw;
        padding: 3vw 2.5vw;
    }
    .professional_development_informations_ul_wrap ul p {
        font-size: 4.4vw;
        line-height: normal;
        margin-bottom: 2vw;
    }
    .professional_development_informations_ul_wrap ul li::before {
        top: 2.5vw;
        width: 3.9vw;
        height: 4.2vw;
    }
    .professional_development_informations_ul_wrap ul li {
        font-size: 4.5vw;
        line-height: normal;
        padding-left: 5.5vw;
        margin-bottom: 2vw;
    }
    .professional_development_contact {
        padding: 4vw 3vw;
        border-radius: 1.3vw;
    }
    .professional_development_contact p {
        font-size: 4.5vw;
        line-height: normal;
        margin-bottom: 2vw;
    }
    .professional_development_courses_wrap {
        grid-template-columns: 1fr;
        gap: 2em;
    }
    .professional_development_courses h4, .professional_development_courses h3 {
        font-size: 4.4vw;
        line-height: normal;
        margin-bottom: 3vw;
        z-index: 1;
    }
    .professional_development_courses {
        padding: 4vw 3.5vw;
        border-radius: 1.3vw;
    }
    .professional_development_course_content ul li {
        gap: 2.6vw;
        font-size: 4.5vw;
        line-height: normal;
        margin-bottom: 2vw;
    }
    .professional_development_course_content button {
        width: 100%;
        font-size: 4.5vw;
        line-height: normal;
        padding: 1.7vw 0;
        border-radius: 1.3vw;
    }
    .study_images img {
        padding: 0 4vw;
    }
    .study_btn_img {
        width: 9vw;
    }
    a.licence-link {
        flex: 0 0 50%;
        height: 10em;
    }
    .study_images a.licence-link:before {
        margin-left: 20%;
        padding: 6.5vw;
    }
    .study_images a.licence-link:after {
        margin-left: 22%;
        padding: 5vw;
    }

    .professional_development_links {
        max-height: 10vh;
    }
    .toggle-button {
        width: 100%;
    }
    nav .training_detail_btns{
        width: 100%;
    }

    .training_detail_yellow_circle{
        left: -4em;
        top: -4em;
        width: 12em;
        height: 12em;
        filter: blur(3em);
    }
    table {

        display: block;
    }
    .professional_development_information .professional_development {
        padding: 1.5vw 1.5vw;
        font-size: 4.5vw;
        line-height: normal;
        border-radius: 1vw;
    }
    .categories-list {
        display: flex;
        flex-direction: column;
    }
    .discount-label {
        width: 20rem;
    }

    .discount-label::before {
        width: 23rem;
        clip-path: polygon(0 0, calc(100% - 75px) 0, 100% 90px, 100% 100%, 0 100%);
    }
}

@media screen and (min-width: 2500px) {
    .study_images a.licence-link:before {
        margin-left: calc(50% - 1vw);

    }
    .study_images a.licence-link:after {
        margin-left: calc(50% - 1vw);

    }

}




/* Course hero, redesign 2026 */
.section_professional_development .container > .ts-course-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
    height: calc(100svh - clamp(7rem, 14vh, 10rem));
    max-height: 52rem;
    background: #fff;
    color: #202020;
    overflow: hidden;
}
.section_professional_development .container > .ts-course-hero {
    font-size: 16px;
}
@media (max-width: 950px) {
    .section_professional_development .container > .ts-course-hero  { font-size: 16px;
    }
}
@media (min-width: 951px) {
    .section_professional_development .container > .ts-course-hero {
        font-size: clamp(16px, calc(13px + 0.35vw), 30px);
    }
}
.ts-course-hero * { box-sizing: border-box; }

.ts-course-hero__info {
    display: flex;
    flex-direction: column;
    gap: clamp(.45rem, 1.4vh, 1.25rem);
    min-width: 0;
    padding: clamp(1rem, 3vh, 3rem) clamp(1rem, 1.7vw, 1.625rem);
    overflow-x: hidden;
    overflow-y: auto;
}

.ts-course-hero__type { color: #6e7082; font-size: 1em; }

.ts-course-hero .ts-course-hero__title {
    margin: 0 !important;
    color: #202020 !important;
    font-size: 1.9375em !important;
    line-height: 1.05 !important;
    text-align: left !important;
}
.ts-course-hero .ts-course-hero__labels .course-status {
    background: none;
}
.ts-course-hero__labels { display: flex; flex-wrap: wrap; gap: .5rem; }
.ts-course-hero__labels span {
    padding: .3125rem .6875rem;
    border: .09375rem solid #049783;
    border-radius: .375rem;
    color: #049783;
    font-size: .875em;
    font-weight: 600;
    line-height: 1;
}

.ts-course-hero__main-offer {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    min-height: clamp(5rem, 11vh, 7rem);
    border-radius: .75rem;
    overflow: hidden;
    background: linear-gradient(100deg, #008c7b, #98cc65 51%, #008d7d);
    color: #fff;
}
.ts-course-hero__main-offer > div { display: flex; align-items: center; gap: clamp(.625rem, 1vw, 1rem); min-width: 0; padding: clamp(.625rem, 1.5vh, 1.0625rem); z-index: 2 }
.ts-course-hero__main-offer img { width: clamp(4rem, 6vw, 6.5625rem); max-height: 5rem; object-fit: contain; }
.ts-course-hero__main-offer > div:nth-child(2) img { width: clamp(4rem, 5vw, 5.5rem); flex: none; }
.ts-course-hero__main-offer p { min-width: 0; margin: 0; }
.ts-course-hero__main-offer strong,
.ts-course-hero__main-offer small { display: block; }
.ts-course-hero__main-offer small { margin-top: .5rem; font-size: .875em; }
.ts-course-hero__certificate { color: #fff3ca; font-size: clamp(2.25rem, 3vw, 3.25rem); }

.ts-course-hero__facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: .875rem; }
.ts-course-hero__facts div {
    min-height: clamp(4.5rem, 9vh, 6rem);
    padding: clamp(.625rem, 1.5vh, 1.125rem) .75rem;
    border: .0625rem solid #d8d8d8;
    border-radius: .6875rem;
    text-align: center;
}
.ts-course-hero__facts strong,
.ts-course-hero__facts span { display: block; }
.ts-course-hero__facts strong { font-size: 1em; }
.ts-course-hero__facts span { margin-top: .375rem; color: #7d7d8c; font-size: .8125em; }

.ts-course-hero__promos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(.4rem, 2rem, 1.25rem) 1.5rem;
    min-height: 0;
    line-height: 1;
}
.ts-course-hero__main-offer{
    line-height: 1;

}
.ts-course-hero__promos > :not(.ts-course-hero__promo),
.ts-course-hero__info input[value*="Добавить ЭЛЕМЕНТ"],
.ts-course-hero__info [title*="Добавить ЭЛЕМЕНТ"] { display: none !important; }
.ts-course-hero__promo { display: flex; align-items: center; gap: .75rem; min-height: 0; font-size: .875em; font-weight: 600; }
.ts-course-hero__promo img { width: clamp(4.5rem, 5.5vw, 6.75rem); height: clamp(4.5rem, 6vh, 6rem); flex: none; object-fit: contain; }
.ts-course-hero__promo p { margin: .1875rem 0; }
.ts-course-hero__promo strong,
.ts-course-hero__promo small { display: block; }
.ts-course-hero__promo small { margin-top: .375rem; color: #858596; font-size: .9286em; font-weight: 400; }
.ts-course-hero__promo a { color: #858596; font-weight: 400; text-decoration: none; }

.ts-course-hero__visual {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 0;
    padding: clamp(1.25rem, 3vh, 2.625rem) clamp(1rem, 1.6vw, 1.5rem) clamp(1.5rem, 5vh, 4.75rem);
    overflow: auto;
    color: #fff;
    background-image: linear-gradient(to bottom, rgba(0,0,0,.03) 25%, rgba(0,0,0,.78) 100%), var(--ts-hero-image);
    background-position: center;
    background-size: cover;
}

.ts-course-hero__visual--video::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,.03) 25%, rgba(0,0,0,.78) 100%);
    content: "";
    pointer-events: none;
}
.ts-course-hero__video {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ts-course-hero__form { position: relative; z-index: 2; font-size: .875em; }
.ts-course-hero__form form { display: block !important; margin: 0 !important; }
.ts-form-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: end; gap: .625rem; }
.ts-form-field { display: block; margin: 0; color: #fff; }
.ts-form-field > span { display: block; margin: 0 0 .5rem; font-size: 1.0714em; }
.ts-form-field input,
.ts-form-field textarea {
    display: block !important;
    width: 100% !important;
    height: 2.6875rem !important;
    margin: 0 !important;
    padding: 0 .8125rem !important;
    border: 0 !important;
    border-radius: .375rem !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #222 !important;
    font-size: 1em !important;
}
.ts-form-fields button { height: 2.6875rem; padding: 0 1.1875rem; border: 0; border-radius: .375rem; background: #ffe600; color: #171717;  white-space: nowrap; cursor: pointer; }
.ts-form-error { grid-column: 1 / -1; margin-bottom: .625rem; color: #ffd9d9; }
.ts-form-success { padding: 1.125rem; border-radius: .5rem; background: rgba(0,151,131,.9); color: #fff; font-size: 1em; }
.ts-course-hero__policy { display: flex; align-items: flex-start; gap: .5rem; margin-top: .8125rem; color: #ddd; font-size: .9286em; }
.ts-course-hero__policy input { accent-color: #ffe600; }
.ts-course-hero__policy a { color: #fff; text-decoration: underline; }

.ts-course-hero__about { position: relative; z-index: 2; margin-top: clamp(1rem, 2.5vh, 1.875rem); padding-top: clamp(.75rem, 2vh, 1.25rem); border-top: .0625rem solid rgba(255,255,255,.3); font-size: .875em; line-height: 1.35; }
.ts-course-hero__about > strong { display: block; margin-bottom: .75rem; font-size: 1.2143em; line-height: 1.3; }
.ts-course-hero__about p { margin: 0; }
.ts-course-hero__about h1,
.ts-course-hero__about h2,
.ts-course-hero__about h3 { margin: .5rem 0; font-size: 1.1429em; }

@media (max-width: 68.75rem) {
    .section_professional_development .container > .ts-course-hero { grid-template-columns: 1fr; height: auto; max-height: none; font-size: 1rem; }
    .ts-course-hero__info { overflow: visible; }
    .ts-course-hero__visual { min-height: 37.5rem; overflow: visible; background-image: linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,.82)), var(--ts-hero-mobile); }
}

@media (max-width: 43.75rem) {
    .ts-course-hero__info { padding: 1.75rem 1rem; }
    .ts-course-hero .ts-course-hero__title { font-size: 1.5625em !important; }
    .ts-course-hero__main-offer,
    .ts-course-hero__facts,
    .ts-course-hero__promos,
    .ts-form-fields { grid-template-columns: 1fr; }
    .ts-course-hero__main-offer > div { min-height: 5.9375rem; }
    .ts-course-hero__visual { min-height: 0; padding: 2rem 1rem; }
    .ts-form-fields button { width: 100%; }
    .ts-course-hero__facts { gap: .625rem; }
    .ts-course-hero__facts div { min-height: auto; }
}
.ts-course-hero__info {
    background: #F4F4F4;
    border-radius: .3em 0 0 .3em;
    position: relative;
}
.ts-course-hero__visual {
    border-radius: 0 .3em .3em 0;
}
.ts-course-hero__facts > div {
    background: #FFFFFF;
}
.ts-course-hero__main-offer {
    position: relative;
}

.ts-course-hero__main-offer::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/local/templates/tehstd/components/bitrix/catalog/ts/bitrix/catalog.element/v2.0/images/122.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .055;
    z-index: 1;
}

.ts-course-hero__info {
    background: #F4F4F4;
    border-radius: .3em 0 0 .3em;
}
.ts-course-hero__visual {
    border-radius: 0 .3em .3em 0;
}
.ts-course-hero__facts > div {
    background: #FFFFFF;
}

/* Дополнение: метки курса и плашка скидки */
.ts-course-hero__badges {
    position: absolute;
    z-index: 2;
    top: 1.5rem;
    left: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    pointer-events: none;
}

.ts-course-hero__badges #video,
.ts-course-hero__badges #top,
.ts-course-hero__badges #online,
.ts-course-hero__badges #vebinar {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem;
    width: 12rem;
    height: 2.75rem;
    margin: 0;
    padding: .375rem 0;
    border-radius: 2rem;
}

.ts-course-hero__badges #video span,
.ts-course-hero__badges #top span,
.ts-course-hero__badges #online span,
.ts-course-hero__badges #vebinar span {
    color: #fff;
    font-size: 1em;
}



.ts-course-hero__discount {
    position: absolute;
    z-index: 2;
    right: 3rem;
    bottom: .5rem;
    left: 0;
    width: fit-content;
    max-width: calc(100% - 3rem);
    padding: .875rem 4rem .875rem 1.5rem;
    background: #ffe600;
    clip-path: polygon(0 0, calc(100% - 3rem) 0, 100% 100%, 0 100%);
    color: #171717;
    font-size: 1em;
    line-height: 1.2;
}/*
.ts-course-hero__discount {
    position: static;
    z-index: 2;
    right: 3rem;
    bottom: .5rem;
    left: 0;
    width: fit-content;
    max-width: calc(100% - 3rem);
    padding: .875rem 4rem .875rem 1.5rem;
    background: #ffe600;
    clip-path: polygon(0 0, calc(100% - 3rem) 0, 100% 100%, 0 100%);
    color: #171717;
    font-size: 1em;
    line-height: 1.2;
    margin: clamp(-3rem, -3vh, -1rem) clamp(-1.625rem, -1.7vw, -1rem);
    display: block;
}*/

@media (max-width: 43.75rem) {
    .ts-course-hero__badges {
        top: 1rem;
        left: 1rem;
    }
    .ts-form-fields button {
        margin: 2rem 0 1rem;
    }
    .ts-course-hero__badges #video,
    .ts-course-hero__badges #top,
    .ts-course-hero__badges #online,
    .ts-course-hero__badges #vebinar {
        width: 10rem;
        height: 2.5rem;
    }

    .ts-course-hero__discount {
        right: 1rem;
        bottom: 1rem;
        max-width: calc(100% - 1rem);
        padding: .75rem 3rem .75rem 1rem;
        margin: 1rem 0 -1.75rem -1rem;
        position: relative;
    }
    .ts-course-hero__info {
        border-radius: 1.5em 1.5em 0 0 ;
    }
    .ts-course-hero__visual {
        border-radius: 0 0 1.5em 1.5em;
    }
    .ts-course-hero__badges {
        position: static;
        flex-direction: row;
        margin-bottom: 1rem;
    }
    .ts-course-hero__about {
        font-size: 1rem;
    }
    .ts-form-field > span {
        font-size: 1.1rem;
    }
    .section_professional_development .container > .ts-course-hero {
        width: 100vw;
        margin: 0 -3vw;
    }
    .ts-course-hero__promo small {

        font-size: .9286rem;
    }
}
/* До 2500 px */
@media (max-width: 170.25rem) {
    .section_professional_development .container > .ts-course-hero {
        height: auto;
        min-height: calc(100svh - clamp(3em, 30vh, 24em));
        max-height: none;
        overflow: visible;
    }
}
@media (max-width: 140.25rem) {
    .section_professional_development .container > .ts-course-hero {
        height: auto;
        min-height: calc(100svh - clamp(3em, 20vh, 22em));
        max-height: none;
        overflow: visible;
    }
}
/* До 1800 px — это правило должно находиться ниже */
@media (max-width: 112.5rem) {
    .section_professional_development .container > .ts-course-hero {
        min-height: calc(100svh - clamp(5em, 8vh, 17em));
    }
}
.u-rait {
    display: flex;
    margin-top: 2rem;
    align-items: center;
    justify-content: center;
    gap: 2em;
}
.u-rait img {    width: clamp(4.5rem, 5.5vw, 6.75rem);
    height: clamp(4.5rem, 6vh, 6rem);
    flex: none;
    object-fit: contain;

}
.ts-course-hero__form .call-back-modal__title {
    color: black;
}
.ts-course-hero__event {
    margin: 1.25rem 0;
    padding: 1.125rem;
    background: #fff;
    border: 0.0625rem solid #e4e7eb;
    border-radius: 0.75rem;
}

.ts-course-hero__event-title {
    margin-bottom: 0.875rem;
    font-weight: 700;
    color: #1f2937;
}

.ts-course-hero__event-grid {
    display: grid;
    grid-template-columns: 1.3fr 1.4fr 1fr;
    gap: 0.75rem;
}

.ts-course-hero__event-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.875rem 1rem;
    background: #f7f8fa;
    border: 0.0625rem solid #eceff2;
    border-radius: 0.625rem;
}

.ts-course-hero__event-item > span {
    color: #7b8190;
}
.ts-course-hero__event-item--seats > span {
    color: white;
}

.ts-course-hero__event-item > strong {
    font-weight: 700;
    color: #1d2433;
}

.ts-course-hero__event-item > small {
    margin-top: 0.0625rem;
    color: #6f7582;
}

.ts-course-hero__event-item--seats {
    background: #6E7082;
}

.ts-course-hero__event-item--seats > strong {
    color: white;
}

.ts-course-hero__event-prices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.ts-course-hero__event-price {
    display: flex;
    flex-direction: column;
    padding: 0.9375rem 1rem;
    background: #f7f8fa;
    border: 0.0625rem solid #eceff2;
    border-radius: 0.625rem;
}

.ts-course-hero__event-price > span:first-child {
    margin-bottom: 0.3125rem;
    color: #737986;
}
/*
.ts-course-hero__event-price--offline {
    background: linear-gradient(
            135deg,
            #edf9f5 0%,
            #f7fcfa 100%
    );
    border-color: #bde6d7;
}

.ts-course-hero__event-price--offline > span:first-child {
    color: #317c69;
}
.ts-course-hero__price-values strong {
    font-weight: 800;
    color: #168b72;
}
.ts-course-hero__event-price small {
    display: block;
    margin-top: 0.3125rem;
    color: #68716f;
}
.ts-course-hero__price-values del {
    color: #969ba5;
    text-decoration-color: #c34848;
    text-decoration-thickness: 0.09375rem;
}
*/
.ts-course-hero__event-price--offline {
    background: #6E7082;
}
.ts-course-hero__event-price--offline > span:first-child {
    color: white;
}
.ts-course-hero__price-values {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
}
.ts-course-hero__price-values strong {
    font-weight: 800;
    color: white;
}


.ts-course-hero__price-values del {
    color: #969ba5;

}
.ts-course-hero__price-values del:after {
    content: "";
    transform: rotate(30deg);
}
.ts-course-hero__price-date {
    display: block;
    margin-top: 0.3125rem;
    color: #68716f;
}

.ts-course-hero__event-price small {
    display: block;
    margin-top: 0.3125rem;
    color: white;
}

@media (max-width: 68.75rem) {
    .ts-course-hero__event-grid {
        grid-template-columns: 1fr 1fr;
    }

    .ts-course-hero__event-item--seats {
        grid-column: 1 / -1;
    }
}

@media (max-width: 47.9375rem) {
    .ts-course-hero__event {
        margin: 1rem 0;
        padding: 0.875rem;
    }

    .ts-course-hero__event-grid {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .ts-course-hero__event-item--seats {
        grid-column: auto;
    }

    .ts-course-hero__event-prices {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .ts-course-hero__event-item,
    .ts-course-hero__event-price {
        padding: 0.75rem 0.875rem;
    }
}
/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?179371559451*/
font.errortext{color:red}font.notetext{color:green}
/* End */


/* Start:/local/templates/tehstd/components/bitrix/news.list/slaider_skillbox/style.css?17937196414590*/
.slider_wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    margin: 1em 0;
}

.slider_skillbox {
    display: flex;
    width: 100%;
    transition: transform 0.5s ease-in-out;
}

.slider_skillbox_slide {
    flex: 0 0 100%;
    overflow: hidden;
}


.slider_skillbox img {
    width: 100%;
    height: auto;
}

.dots {
    position: absolute;
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.4em;
}

.dot_s {
    width: 0.6em;
    height: 0.6em;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    transition: width 0.5s ease-in-out, border-radius 0.5s ease-in-out;
}

.dot_s .progress-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: white;
}

/* Анимация увеличения новой активной точки (овальная форма) */
.dot_s.expanding {
    width: 4em;
    border-radius: 0.5em;
    transition: width 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

/* Когда точка активная, она остаётся овальной */
.dot_s.active.keep-oval {
    width: 4em;
    border-radius: 0.5em;
}

/* Анимация заполнения прогресс-бара */
.dot_s.active .progress-line {
    animation: fillProgress 6s linear forwards;
}

/* Анимация уменьшения старой активной точки (обратно в круг) */
.dot_s.closing {
    width: 1em !important;
    border-radius: 50% !important;
    transition: width 0.5s ease-in-out, border-radius 0.5s ease-in-out;
}

@keyframes fillProgress {
    from { width: 0; }
    to { width: 100%; }
}
.slider_skillbox_slide{
    position: relative;
}
.slider_skillbox__content_circle{
    position: absolute;
    background: #ffffff4a;
    z-index: 10;
    top: -5em;
    left: -5em;
    height: 31.375em;
    width: 31.375em;
    border-radius: 50%;
}


.slider_skillbox__content{
    position: absolute;
    top: 0;
    left: 0;
    width: 31.375em;
    height: 100%;
    border-radius: 50%;
}

.slider_skillbox__content_block{
    position: absolute;
    z-index: 20;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 2em;
    width: 26.5em;
}


.slider_skillbox__content_block_title{
    font-size: 1.375em;
    font-weight: 700;
    margin-bottom: 1em;
    display: block;

}
.slider_skillbox__content_block_title_anons{
    margin-bottom: 1.5em;
    display: block;
    color: #6E7082;
    filter: saturate(0);
}

.slider_skillbox__content_block_title_link{
    display: inline-block;
    font-weight: 500;
    text-align: center;
    box-sizing: border-box;
    background: #854385;
    padding: .3em;
    border-radius: 0.3em;
    color: #ffffff;
    width: 13.75em;
    transition: all 0.3s ease;
}

.slider_skillbox__content_block_title_link:hover{
    background: #ffe600;
    color: #000;
}
.slider_skillbox_slide_mobile{
    display: none;
}

@media screen and (orientation: portrait) {
    .slider_skillbox__content_circle{
        display: none;
    }
    .slider_skillbox__content_block_title_anons{
        display: none;
    }
    .slider_skillbox__content_block{
        padding: 2em 0 3em;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .slider_skillbox__content_block_title_link{
        display: block;
        width: calc(100% - 4em);
        margin: 0 auto;
    }
    .yellow-banner {
        display: inline-block;
        background-color: #ffe600;
        position: relative;
        width: 85%;
        padding: .2em 0 .2em 1em;
        opacity: .8;
    }

    .yellow-banner::after {
        content: "";
        position: absolute;
        top: 0;
        right: -2em;
        width: 4em;
        height: 100%;
        background-color: #ffe600;
        transform: skewX(30deg);
    }
    .yellow-banner p{
        max-width: 85%;
    }
    .slider_skillbox__content_block_title{
        margin-bottom: 0;
        font-size: 1.2em;
    }
    .slider_skillbox__content{
        width: 100%;
    }
    .slider_skillbox__content_block{
        width: 100%;
    }
    .slider_skillbox_slide_mobile{
        display: block;
    }
    .slider_skillbox_slide_pk{
        display: none;
    }
}
/* End */


/* Start:/local/templates/tehstd/components/bitrix/news.list/diplom/style.css?17937196442727*/
.diplom {
    color: black;

   
}
.diplom  {
    margin: 0;
    padding: 0;
}
.diplom span {
    font-size: 2vw;
    color: rgb(0, 0, 0);
    font-weight: 600;
    line-height: 1;
    text-align: left;
    margin-bottom: 3vh;
}
.diplom__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10vh;
    width: 100%;
    margin-top: 3vw;
}
.diplom_img {
    max-width: 50vh;
}
.diplom__list__item__right span, .diplom diplom__list__item__title span {
    font-size: 1.2vw;
    font-weight: 400;
    margin-bottom: 2vh;
}
.diplom__list__item {
    cursor: pointer;
    border-top: 1px solid #ededed;
    padding: 2vh 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2vh;
}
.diplom__list__item > img {
    max-width: 6vh;
}
.diplom__list__item__right {
    width: 100%;
}
.diplom__list__item__title {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 2vh;
    justify-content: space-between;
}
.diplom__list__item__text {
    margin-top: 1vh;
    max-height: 0; /* Начальная высота блока, чтобы он был скрыт */
    overflow: hidden; /* Скрытие содержимого, выходящего за пределы максимальной высоты */
    opacity: 0; /* Начальная прозрачность блока */
    margin-top: 0;

    transition: max-height 1s ease, opacity 1s ease, margin-top 1s ease;


}
.diplom__list {
    width: 100%;
}
.diplom__list__item__arrow {
    width: 3vh;
    transition: 0.3s;

}

.diplom_open{
	max-height: 100vh; /* Устанавливаем максимальную высоту для плавного раскрытия */
    opacity: 1;
    transition: opacity 1s ease, margin-top 1s ease, max-height 2s ease;
    margin-top: 2.5vh;
}

.diplom__btn{
    transform: rotate(0deg);
    transition: transform 0.5s ease;
}

.diplom_btn_rotate{
    transform: rotate(180deg);
    transition: transform 0.7s ease;
}
.diplom__list__item__title svg {
fill: #6E7082;}


@media screen and (orientation: portrait) {
    .diplom__wrapper {
        flex-direction: column;
        gap: 10vw;
        margin-top: 6vw;
    }

    .diplom_img {
        max-inline-size: 80%;
        block-size: auto;
    }

    .diplom__list__item > img {
        max-width: 10vw;
    }

    .diplom span {
        font-size: 6.4vw;
    }
    .diplom__list__title {
        font-size:6.4vw;
    }

    .diplom span {
        text-transform: unset;
    }
    .diplom__list__item__right span, .diplom diplom__list__item__title span {
        font-size: 4.5vw;
        font-weight: 400;
    }
    .diplom__list__item {
        align-items: center;
    }
}
/* End */


/* Start:/local/templates/tehstd/components/bitrix/news.list/courses_v2/style.css?17937196449996*/
.professional_development_courses_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1vw;
}
.professional_development_courses{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2vh 1.5vw;
    box-sizing: border-box;
    border: 0.1vw solid #d9d9d9;
    border-radius: 0.3vw;
    background: #ffffff;
    transition: transform 1s ease;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.professional_development_courses p {
    font-size: .9em;
}

.professional_development_courses:hover{
    transform: scale(1.03);
}
.professional_development_courses h4, .professional_development_courses h3 {
    color: #000000;
    font-size: 1vw;
    font-weight: 600;
    line-height: 2.4vh;
    text-align: left;
    margin-bottom: 3vh;
    z-index: 1;
}
.professional_development_course_content {
    z-index: 1;
}
.professional_development_course_content ul{
    margin-bottom: 1.5vh;
}
.professional_development_course_content ul li{
    display: flex;
    gap: 0.6vw;
    align-items: center;
    color: #000000;
    font-size: 0.9vw;
    font-weight: 500;
    line-height: 2.4vh;
    text-align: left;
    margin-bottom: .5em;
}
.professional_development_course_content img{
    width: 1vw;
}
.professional_development_course_content img:first-child{
    margin-top: 0.5vh;
}


.item_svg {
    min-width: 1.5em;
    max-width: 1.5em;
}
.professional_development_course_content .professional_development_course_content_btn:hover{
    background: #018370;
}
.courses__show-all{
    margin-top: 1em;

}

#show-all{
    background: #fccdc3;
    margin-left: auto;
    width: 12vw;
    color: #000000;
    font-size: 1vw;
    font-weight: 500;
    line-height: 2vh;
    text-align: center;
    padding: 1vh 0;
    border-radius: 0.3vw;
}
#show-all:hover {
    background: #f6785c;
    transform: scale(1.05);
    transition: all 350ms;

}
.title_h2 {
    font-size: 2vw;
    color: rgb(0, 0, 0);
    font-weight: 600;
    line-height: 2.2vw;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 3vh;
}

.professional_development_course_content svg {
    fill: #854385;
    width: 100%;
}

.professional_development_course_content .professional_development_course_content_btn {
    display: block;
    margin-left: auto;
    width: 12vw;
    color: #fff;
    font-size: 1vw;
    font-weight: 500;
    line-height: 2vh;
    text-align: center;
    padding: 1vh 0;
    border-radius: 0.3vw;
    background: #6E7082;
}

.professional_development_course_content .professional_development_course_content_btn:before {
    content: "Подробнее";
}
.professional_development_courses .title_h4 {
    color: #000000;
    font-size: 1vw;
    font-weight: 600;
    line-height: 1;
    text-align: left;
    margin-bottom: 1rem;
    z-index: 1;
}
@media screen and (orientation: portrait){
    .title_h2 {
        font-size: 6.4vw;
        margin-bottom: 3vw;
    }
    .professional_development_courses .title_h4 {
        font-size: 4.4vw;
        line-height: normal;
        margin-bottom: 3vw;
        z-index: 1;
    }

    .professional_development_courses_wrap {
        grid-template-columns: 1fr;
        gap: 2em;
    }
    .professional_development_courses h4, .professional_development_courses h3 {
        font-size: 4.4vw;
        line-height: normal;
        margin-bottom: 3vw;
        z-index: 1;
    }
    .professional_development_courses {
        padding: 4vw 3.5vw;
        border-radius: 1.3vw;
    }
    .professional_development_course_content ul li {
        gap: 2.6vw;
        font-size: 4.5vw;
        line-height: normal;
        margin-bottom: 2vw;
    }
    .professional_development_course_content .professional_development_course_content_btn {
        width: 100%;
        font-size: 4.5vw;
        line-height: normal;
        padding: 1.7vw 0;
        border-radius: 1.3vw;
    }
    .professional_development_recommend_red_circle {
        width: 20vw;
        height: 20vw;
        top: 0vh;
        left: -1.5vw;
        filter: blur(8vw);
    }
    .professional_development_link a {
        padding: 1.5vw 1.5vw;
        font-size: 4.5vw;
        line-height: normal;
        border-radius: 1vw;
    }
    .professional_development_links {
        gap: 4.2vw 2.5vw;
        padding-bottom: 3vw;
        font-size: 3.8vw;
    }
    .training_detail_wrap {
        margin: 0;
        perspective: 1;
        flex-direction: column;
    }
    .training_detail.first {
        margin-top: 0;
        transform: rotateY(0);
    }
    .training_detail {
        max-width: 100%;
        padding: 4vw 3vw;
        border-radius: 1.3vw;
        margin-bottom: 3vw;
    }
    .training_detail_title_wrap {
        gap: 6vw;
        margin-bottom: 2vw;
    }
    .training_detail_title_wrap img {
        width: 20vw;
    }
    .training_detail_title_wrap p {
        font-size: 6vw;
        line-height: normal;
        max-width: 100%;
    }
    .training_detail_price {
        padding: 1vw 4.5vw;
        border-radius: 3.2vw;
        font-size: 4.5vw;
        line-height: normal;
    }
    .training_detail_price_wrap {
        margin-bottom: 2vw;
    }
    .training_detail_ul h4 {
        font-size: 6vw;
        line-height: normal;
        margin-bottom: 2vw;
    }
    .training_detail_ul li {
        font-size: 4.5vw;
        line-height: normal;
        padding-left: 5.2vw;
        margin-bottom: 2vw;
    }
    .training_detail_ul li::before {
        top: 2.5vw;
        width: 3.9vw;
        height: 4.2vw;

    }
    .training_detail_btns a {
        padding: 1.5vw 0;
        border-radius: 1vw;
        font-size: 4.5vw;
        line-height: normal;
    }
    .training_detail.center {
        margin: 0;
        transform: scaleX(1);
    }
    .training_detail.last {
        margin: 0;
        transform: rotateY(0);
    }
    .training_detail_info {
        font-size: 4.5vw;
        line-height: normal;
        margin-bottom: 2vw;
    }
    .training_detail_start_price {
        margin-left: 0.5vw;
        font-size: 4.5vw;
        line-height: normal;
    }
    .slider-dots,
    .video_comp_arrow_right,
    .video_comp_arrow_left {
        display: none;
    }
    .professional_development_information h3 {
        font-size: 5vw;
        line-height: normal;
        margin-bottom: 2vw;
    }

    .professional_development_information ul li, .doc li {
        position: relative;
        color: #000000;
        font-size: 4.5vw;
        font-weight: 500;
        line-height: 5vw;
        text-align: left;
        padding-left: 5vw;
        margin-bottom: 1.5vw;
    }
    .professional_development_information ul li::before {
        top: 2.5vw;
        width: 3.9vw;
        height: 4.2vw;
    }



    .questions_wrap {
        border-radius: 1.3vw;
    }
    .question_block {
        padding: 3vw 0;
    }
    .question_text {
        font-size: 4.5vw;
        line-height: normal;
    }
    .question_text h3 {
        font-size: 5vw;
    }
    .question_btn_img {
        width: 3.8vw;
    }
    .question_open {
        margin-top: 2vw;
    }
    .question_answer p {
        font-size: 4.5vw;
        line-height: 5vw;
    }
    .sponsors_img {
        flex: 0 0 50%;
        padding: 5vw;
    }
    .desktop {
        display: none;

    }
    .mobile {
        margin: 2vw;
    }
    .professional_development_information img {
        max-width: 40vw;

    }
    .sponsors_img img {
        max-width: 30vw;
    }
    .b24-form-click-btn-wrapper.--b24-mod-center>button {

        padding: 1.5vw 0!important;
        border-radius: 1vw!important;
        font-size: 4.5vw!important;
        line-height: normal !important;
    }
    .table{
        display: none;
    }
    .table_mobile{
        display: block;
    }
    .prepod-block {
        display: block;
    }
    .prepod h1 {
        font-size: 6vw;
    }
    .prepod{
        position: relative;
    }
    .prepod .card {
        flex: 0 0 100%;
        width: 100%;
        margin: 0 0 3vw;
    }
    .card__image {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 3vw;
        aspect-ratio: 1 / 1;
        overflow: hidden;
    }
    .card__image img {
        width: 90%;
        border-radius: 1vw;
    }
    .card__title {
        font-size: 4.5vw;
    }
    .card__text {
        margin: 3vw 0;
    }
    .card li {
        padding-left: 5vw;
        margin-bottom: 2vw;
        font-size: 4.5vw;
        line-height: normal;
    }
    .card li::before {
        top: 2.5vw;
        width: 3.9vw;
        height: 4.2vw;
    }
    .prepod .card__content {
        max-height: 100%;
    }
    .card_img{
        display: none;
    }
    .card_arrow_left{
        display: block;
        position: absolute;
        left: -1vw;
        top: 35vw;
    }
    .card_arrow_right{
        display: block;
        position: absolute;
        right: -1vw;
        top: 35vw;
    }
    .card_orient_none{
        opacity: 0;
        display: none;
        transition: opacity 0.3s ease;
    }
    .card_orient_block{
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .card_orient_block.visible{
        opacity: 1;
    }

    .professional_development_link h3 {
        font-size: 3.5vw;
        bottom: 4vh;
        border-radius: 1.3vw;
        min-width: 50vw;
        padding: 1vh 2.5vw;
    }
    .triangle {
        bottom: 5vh;
        border-width: 1.4vh 2vw 0 2vw;
    }


    .professional_development_information .note ul li::before {
        top: 0.9vw;
        height: 3vw;
        width: 3vw;}
    .doc .note {
        margin: 3vw 0
    }
    .professional_development_link p {
        min-width: 70vw;
        border-radius: 1.3vw;
    }
    #show-all {
        width: 100%;
        font-size: 4.5vw;
        line-height: normal;
        padding: 1.7vw 0;
        border-radius: 1.3vw;
    }
    .item_svg {
        min-width: 2em;
        max-width: 2em;
    }
}
/* End */


/* Start:/local/templates/tehstd/components/bitrix/news.list/new_study/style.css?17937196423404*/
.start {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2vw;
}
.step-education-title {
    display: flex;
    max-height: 5vw;
    min-height: 5vw;
    align-items: center;
    margin-bottom: 1vw;
}
.step-education-title span{
    font-weight: 600;
    width: 60%;
}
.step-education-title img {
    max-height: 3vw;
    margin-right: 2vw;
}

.step-education__item {
    overflow: hidden;
    position: relative;
    padding: 1vh 1vw 1vh 1vw;
    border: 0.1vw solid #D9D9D9;
    border-radius: 0.3vw;
    z-index: 1;
    display: flex;
    flex-direction: column;
    transition-duration: 0.7s;
    transition: all 350ms;
}
.step-education-number {
    position: absolute;
    right: 0;
    top: -0.5vw;
    margin: 0 0.5vw 0.5vw 0;
    font-size: 3vw;
    font-weight: 600;
    color: #D9D9D9;
    z-index: -5;
}
.step-education__item li a {
    font-weight: 600;
}
.direction_circle {
    position: absolute;
    left: -1vw;
    top: -2vh;
    border-radius: 50%;
    width: 7vw;
    height: 7vw;
    filter: blur(1vw);
    background: #f6785c;
    z-index: -1;
}
.step-education__item:hover .direction_circle{
    background-color: #fccdc3;
}
.item-order-01, .item-order-02, .item-order-03, .item-order-04, .item-order-05, .item-order-06 {
    background: linear-gradient(to left, #ffffff 50%, #f6785c 50%) right;
    background-size: 200%;
    background-repeat: no-repeat;
}
.step-education__item:hover {
    transform: scale(1.04);
    background-position: left;
    opacity: 1;
}
.btn_section a {
    display: inline-block;
    margin: 0.3vw;
    padding: 0.3em 1em;
    background: #f6785c;
    border-radius: 0.3em;
}
.step-education__item:hover .btn_section a {
    border: solid 0.05vw black;
}
.btn_section a:hover {
    background: #fccdc3;
    color: black;
}
.btn_section {
    margin: auto;
}
.new_study h2 {
    margin-bottom: 0;
}
.new_study {
    padding: 0;
}


@media screen and (orientation: portrait){
    .documents-section {
        padding-top: 0;
        margin: 0;
        gap: 2vw;
    }
    .icon-doc img {
        width: 15vw;
        top: 2vw;
    }
    .single-document {
        flex: 1 1 100%;
        min-height: 25vw;
        border-radius: 1.3vw;
    }
    .single-document-link {
        display: block;
        padding: 5vw;
        align-content: start;
    }
    .single-document-name {
        padding-bottom: 3vw;
        font-size: 4.5vw;
        font-weight: 600;
        line-height: normal;
    }
    .text-pdf a {
        position: absolute;
        bottom: 2vw;
        right: 0;
        font-size: 4.5vw;
        font-weight: 600;
        line-height: normal;
        color: black;
    }
    .single-document:hover {
        transform: scale(1);
    }
    .start {
        display: flex;
gap: 1em;
        flex-direction: column;
    }
    .step-education-title {
        max-height: 40vw;
        align-items: flex-start;
    }
    .step-education-title img {
        max-height: 18vw;
        margin-bottom: 3vw;
        margin-right: 5vw;
    }
    .step-education__item {
        padding: 3vw;
        border-radius: 1.3vw;
    }
    .step-education-title span {
        width: 65%;
    }
    .step-education-number {
        font-size: 10vw;
        right: 2vw;
        top: 0;
    }
    .direction_circle {
        left: -3vw;
        top: -3vh;
        width: 30vw;
        height: 30vw;
        filter: blur(6vw);
    }
}
/* End */


/* Start:/local/templates/tehstd/components/bitrix/news.list/zachislenie/style.css?17937196403407*/
.documents-section {
    display: flex;
    flex-wrap: wrap;
    padding-top: 3vh;
    gap: 1vw;
}
.single-document {
	min-height: 10vw;
    display: flex;
    align-items: center;
    flex: 1 0 49%;
    max-width: 100%;
    position: relative;
    /*background-color: #fccdc3;*/
    border: 1px solid #d9d9d9;
    z-index: 1;
    transition-duration: 0.4s;
    transition: all 350ms;
    border-radius: 0.3vw;
    padding: 1vw 0;

    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #ffffff 50%, #f6785c 50%) right;
    background-size: 200%;
    transition: .7s ease-out;
}
.single-document:hover {

    transform: scale(1.04);
    background-position: left;
}
.single-document-link{
    display: flex;
    text-decoration: none;
    padding: 2vh 1vh;
    padding: 3vh;
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    -ms-transition: color 350ms;
    -o-transition: color 350ms;
    transition: color 350ms;
    color: #333;
    width: 100%;
    height: 100%;
    align-content: center;
    align-items: center;
}
.single-document:hover .single-document-link {
    color: #333;

}

.single-document-name {
	font-size: 1vw;
	font-weight: 600;
    line-height: 1.2vw;
    width: 70%
}
.doc a {
    font-weight: 600;
}
.doc a:hover {
    color: #f6785c;
}
.single-document a:hover {
    color: #fff;
}
.text-pdf a {
    position: absolute;
    bottom: 1vw;
    right: 0;
    font-size: 1.2vw;
    font-weight: 600;
    line-height: 3vh;
    color: #43455D;
    text-transform: uppercase;
    opacity: 0.4;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;	
    -webkit-transition: color 350ms;
    -moz-transition: color 350ms;
    -ms-transition: color 350ms;
    -o-transition: color 350ms;
    transition: color 350ms;
    z-index: 100;
    /*padding: 0 20px 10px 20px;*/
    padding-right: 2vh;
}
.single-document:hover .text-pdf a {
    opacity: 1;
}
.doc {
    padding: 5vh 0 0 0;
}
.icon-doc img {
    position: absolute;
    top: 1vw;
    right: 0;
    padding-right: 2vh;
    width: 5vw;
}
@media (max-width: 768px){
.licenses-content {
	padding: 0;
}	
.licenses-content .ubtn{
    display: flex;
}
.single-document {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}


@media screen and (orientation: portrait){
    .documents-section {
        padding-top: 0;
        margin: 0;
        gap: 1em;
    }
    .icon-doc img {
        width: 15vw;
        top: 2vw;
    }
    .single-document {
        flex: 1 1 100%;
        min-height: 25vw;
        border-radius: 1.3vw;
    }
    .single-document-link {
        display: block;
        padding: 5vw;
        align-content: start;
    }
    .single-document-name {
        padding-bottom: 3vw;
        font-size: 4.5vw;
        font-weight: 600;
        line-height: normal;
    }
    .text-pdf a {
        position: absolute;
        bottom: 2vw;
        right: 0;
        font-size: 4.5vw;
        font-weight: 600;
        line-height: normal;
        color: black;
    }
    .single-document:hover {
        transform: scale(1);
    }
}
/* End */
/* /local/templates/tehstd/components/bitrix/catalog/ts/style.min.css?1793719673959 */
/* /local/templates/tehstd/components/bitrix/catalog/ts/bitrix/catalog.element/v2.0/style.css?179371967560807 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?179371559451 */
/* /local/templates/tehstd/components/bitrix/news.list/slaider_skillbox/style.css?17937196414590 */
/* /local/templates/tehstd/components/bitrix/news.list/diplom/style.css?17937196442727 */
/* /local/templates/tehstd/components/bitrix/news.list/courses_v2/style.css?17937196449996 */
/* /local/templates/tehstd/components/bitrix/news.list/new_study/style.css?17937196423404 */
/* /local/templates/tehstd/components/bitrix/news.list/zachislenie/style.css?17937196403407 */