/* Start:/local/templates/ru/assets/css/settings/main.css?17580674721005*/
/* ==========================================================================
   MAIN STYLESHEET
   ========================================================================== */

/* Import base styles */
@import url('/local/templates/ru/assets/css/settings/base.css');
@import url('/local/templates/ru/assets/css/settings/typography.css');

/* Import components */
@import url('/local/templates/ru/assets/css/settings/../components/button.css');
@import url('/local/templates/ru/assets/css/settings/../components/header.css');
@import url('/local/templates/ru/assets/css/settings/../components/footer.css');
@import url('/local/templates/ru/assets/css/settings/../components/yandex.css');
@import url('/local/templates/ru/assets/css/settings/../components/common.css');
@import url('/local/templates/ru/assets/css/settings/../components/horizontal-slider.css');
@import url('/local/templates/ru/assets/css/settings/../components/breadcrums.css');
@import url('/local/templates/ru/assets/css/settings/../components/drop-down-list.css');
@import url('/local/templates/ru/assets/css/settings/../components/menu.css');
@import url('/local/templates/ru/assets/css/settings/../components/gallery.css');
@import url('/local/templates/ru/assets/css/settings/../components/pagination.css');
@import url('/local/templates/ru/assets/css/settings/../components/project.css');
@import url('/local/templates/ru/assets/css/settings/../components/carousel.css');
@import url('/local/templates/ru/assets/css/settings/../components/pagination-page.css');
@import url('/local/templates/ru/assets/css/settings/../components/tags.css');
@import url('/local/templates/ru/assets/css/settings/../components/auto-slider.css');
/* End */


/* Start:/local/templates/ru/assets/css/pages/training/training.css?17592042099703*/
.training {
    padding: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem) clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
}

.training__content {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}


/*Шапка*/
.training__wrapper-title {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
    margin-bottom: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
    height: clamp(18.75rem, 18.3252rem + 1.8123vw, 20.5rem);
}

.wrapper-titile__description {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

.training__wrapper-titile__description {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: flex-end;

}

.training__tittle-description {
    width: clamp(15.563rem, 11.4257rem + 17.6526vw, 27.313rem);
}

.training__wrapper-titile__description img {
    height: clamp(16.375rem, 14.2359rem + 9.1267vw, 25.188rem);
}



/*Наши преимущества*/
.training__advantages {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

.training__cards {
    display: grid;
    gap: clamp(0.938rem, 0.7863rem + 0.6472vw, 1.563rem);
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));

}

.training__card {
    padding: clamp(0.875rem, 0.5413rem + 1.4239vw, 2.25rem) clamp(0.875rem, 0.3896rem + 2.0712vw, 2.875rem);
    border-radius: 18px 0 18px 18px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    clip-path: polygon(100% 69.521%, 100% 69.521%, 99.989% 70.069%, 99.955% 70.609%, 99.899% 71.141%, 99.821% 71.66%, 99.723% 72.166%, 99.603% 72.656%, 99.464% 73.127%, 99.306% 73.578%, 99.128% 74.005%, 98.932% 74.407%, 86.48% 97.989%, 86.48% 97.989%, 86.269% 98.358%, 86.045% 98.693%, 85.808% 98.992%, 85.561% 99.253%, 85.304% 99.478%, 85.039% 99.663%, 84.767% 99.809%, 84.489% 99.915%, 84.206% 99.978%, 83.919% 100%, 3.628% 100%, 3.628% 100%, 3.04% 99.91%, 2.481% 99.648%, 1.961% 99.23%, 1.485% 98.669%, 1.063% 97.98%, 0.7% 97.177%, 0.405% 96.273%, 0.185% 95.283%, 0.047% 94.222%, 0% 93.103%, 0% 6.897%, 0% 6.897%, 0.047% 5.778%, 0.185% 4.717%, 0.405% 3.727%, 0.7% 2.824%, 1.063% 2.02%, 1.485% 1.331%, 1.961% 0.77%, 2.481% 0.352%, 3.04% 0.09%, 3.628% 0%, 96.372% 0%, 96.372% 0%, 96.96% 0.09%, 97.519% 0.352%, 98.039% 0.77%, 98.515% 1.331%, 98.937% 2.02%, 99.3% 2.824%, 99.595% 3.727%, 99.815% 4.717%, 99.953% 5.778%, 100% 6.897%, 100% 69.521%);
    min-height: 64px;
}

.training__card--lightblue {
    display: flex;
    flex-wrap: wrap;
    padding: clamp(0.875rem, 0.5413rem + 1.4239vw, 2.25rem) clamp(0.875rem, 0.3896rem + 2.0712vw, 2.875rem);
    background: #d6f1ff;
    flex-direction: row;
    /* align-items: center; */
    min-height: 164px;
    clip-path: polygon(0 0, 85% 0, 100% 25%, 100% 100%, 0 100%);
}

.training__card--grey {
    background: #f7f8fa;
}


.training__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(100% 69.521%, 100% 69.521%, 99.989% 70.069%, 99.955% 70.609%, 99.899% 71.141%, 99.821% 71.66%, 99.723% 72.166%, 99.603% 72.656%, 99.464% 73.127%, 99.306% 73.578%, 99.128% 74.005%, 98.932% 74.407%, 86.48% 97.989%, 86.48% 97.989%, 86.269% 98.358%, 86.045% 98.693%, 85.808% 98.992%, 85.561% 99.253%, 85.304% 99.478%, 85.039% 99.663%, 84.767% 99.809%, 84.489% 99.915%, 84.206% 99.978%, 83.919% 100%, 3.628% 100%, 3.628% 100%, 3.04% 99.91%, 2.481% 99.648%, 1.961% 99.23%, 1.485% 98.669%, 1.063% 97.98%, 0.7% 97.177%, 0.405% 96.273%, 0.185% 95.283%, 0.047% 94.222%, 0% 93.103%, 0% 6.897%, 0% 6.897%, 0.047% 5.778%, 0.185% 4.717%, 0.405% 3.727%, 0.7% 2.824%, 1.063% 2.02%, 1.485% 1.331%, 1.961% 0.77%, 2.481% 0.352%, 3.04% 0.09%, 3.628% 0%, 96.372% 0%, 96.372% 0%, 96.96% 0.09%, 97.519% 0.352%, 98.039% 0.77%, 98.515% 1.331%, 98.937% 2.02%, 99.3% 2.824%, 99.595% 3.727%, 99.815% 4.717%, 99.953% 5.778%, 100% 6.897%, 100% 69.521%);
}

.training__content-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.training__content-card__wrapper-text--row {
    display: flex;
    align-items: end;
    gap: clamp(0.625rem, 0.5340rem + 0.3883vw, 1rem);
}


/* Стили для секции программ обучения */
.training-program {
    background: var(--color-white);
    position: relative;
    width: 100%;
}

.training-program__container {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

.training-program__cards {
    display: grid;
    gap: clamp(0.938rem, 0.7863rem + 0.6472vw, 1.563rem);
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
}

.training-program__card {
    position: relative;
    background: transparent;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 16px 0 rgba(0, 80, 78, 0.08);
    outline: none;
    cursor: pointer;
    transition: background 0.2s, box-shadow 0.2s;
    flex: 1 1 auto;
    height: clamp(15.125rem, 8.9507rem + 26.3436vw, 40.563rem);
}

.training-program__card--upper-left-bevel {
    clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%, 0 10%);
}

.training-program__card--lower-right-bevel {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 84% 100%, 0 100%);
}


.training-program__card__content-wrapper {
    position: relative;
    display: grid;
    grid-template-rows: 1fr 1fr;
    border-radius: 25px;
    padding: clamp(1.625rem, 1.5340rem + 0.3883vw, 2rem) clamp(1rem, 0.7573rem + 1.0356vw, 2rem);
    background: linear-gradient(180deg, rgba(0, 80, 78, 0.00) 21.24%, #00504E 65.71%);
    transition: background var(--transition-normal) ease-out;
    height: 100%;
}

.training-program__card__content {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.7876rem + 0.9061vw, 1.875rem);
    width: inherit;
}

.training-program__image {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    object-fit: cover;
}


.training-program__card:focus .training-program__card__content-wrapper,
.training-program__card:hover .training-program__card__content-wrapper {
    background: linear-gradient(180deg, rgba(0, 80, 78, 0.00) 21.24%, #0E7F7C 65.71%);
    box-shadow: 0px 3px 15px 0px #ACFFE1;
}

.training-program__card__title {
    font-weight: 500;
    color: var(--color-white);
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    word-break: break-word;
}

.training-program__card__desc {
    color: var(--color-white);
    max-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/*Стили для маленьких карточек программ обучения*/
.training-program__mini-cards {
    display: grid;
    gap: clamp(0.938rem, 0.7863rem + 0.6472vw, 1.563rem);
    grid-template-columns: repeat(auto-fit, minmax(clamp(10.313rem, 6.2628rem + 17.2810vw, 27rem), 1fr))
}

.training-program__mini-card {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
    padding: clamp(0.875rem, -0.0049rem + 3.7540vw, 4.5rem) clamp(0.875rem, 0.6019rem + 1.1650vw, 2rem);
    transition: all var(--transition-normal) ease-out;
    cursor: pointer;
    background-clip: padding-box;
    min-height: 373px;
    max-height: 373px;

}

.training-program__mini-card--right-bottom-bevel {
    border-image: url('/local/templates/ru/assets/css/pages/training/../../../img/training/main-page-mini-card-border-right.png') 0 fill stretch;
}

.training-program__mini-card--right-bottom-bevel:hover {
    border-image: url('/local/templates/ru/assets/css/pages/training/../../../img/training/main-page-mini-card-border-right--fill.png') 0 fill stretch;
}

.training-program__mini-card--left-bottom-bevel:hover {
    border-image: url('/local/templates/ru/assets/css/pages/training/../../../img/training/main-page-mini-card-border-left--fill.png') 0 fill stretch;
}

.training-program__mini-card--left-bottom-bevel {
    border-image: url('/local/templates/ru/assets/css/pages/training/../../../img/training/main-page-mini-card-border-left.png') 0 fill stretch;
}

.training-program__mini-card__status--show {
    width: min-content;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 5px;
    color: var(--color-white);
    background-color: var(--color-orange);
}

.training-program__mini-card__status--hidden {
    width: min-content;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 5px;
    color: var(--color-white);
    background-color: var(--color-orange);
}

/*Консультация*/
.training-program__consultation {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}



@media (max-width:800px) {
    .training__wrapper-title {
        flex-direction: column;
    }

    .training__wrapper-titile__description {
        left: 0;
        right: -150px;
    }

    .training-program__card__desc {
        display: none;
    }

    .training-program__mini-card__description {
        display: none;
    }

    .training-program__mini-card {
        min-height: 200px;
    }
}
/* End */
/* /local/templates/ru/assets/css/settings/main.css?17580674721005 */
/* /local/templates/ru/assets/css/pages/training/training.css?17592042099703 */