.title-for-direction {
    text-align: center;
    margin-bottom: 40px;
}

.title-for-direction h1 {
    font-size: 36px;
    color: #fff;
    margin: 20px;
}

.training-section {
    margin: 20px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.training-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    width: 90%;
    margin-bottom: 5px;
    position: relative;
    z-index: 5;
    column-gap: 100px;
}

.image-wrapper {
    position: relative;
    z-index: 5;
}




.training-item:nth-child(odd) .training-image {
    transform: translateX(70px);
}

.training-image {
    width: 400px;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
    z-index: 5;
}

.text-content-for-direction {
    text-align: left;
    position: relative;
    z-index: 5;
    color: #fff;
}

/* Добавление отступа для текста во второй карточке */
.training-item:nth-child(even) .training-image {
    transform: translateX(70px); /* Сдвиг изображения вправо */
}

.text-content-for-direction p {
    font-size: 0.8em;
    margin-bottom: 20px;
}

@media (max-width: 1068px) {
    .training-item {

        display: flex;
        flex-direction: column; /* Вертикальное расположение */
        align-items: center; /* Горизонтальная центровка */
        justify-content: center; /* Вертикальная центровка */
        width: 100%; /* Занимает всю ширину контейнера */
        padding: 10px; /* Отступы внутри контейнера */
        margin-bottom: 15px; /* Отступ между элементами */
        box-sizing: border-box; /* Включение отступов в общую ширину и высоту */
    }
    .image-wrapper {
    position: relative;
    z-index: 5;
    order: 1;
}
    .training-image {

        width: 95%; /* Относительная ширина для адаптивности */
        max-width: 600px; /* Максимальная ширина для больших экранов */
        height: auto; /* Автоматическая высота для сохранения пропорций */
        margin: 0  10px auto; /* Автоматические горизонтальные отступы для центровки */
    }


    .text-content-for-direction {
        text-align: left; /* Выровнять текст по левому краю */
        margin-bottom: 15px; /* Отступ между текстом и кнопками */
        width: 90%; /* Занять большую часть ширины контейнера */
        order: 2;
    }


    .training-item:nth-child(even) .training-image {
    transform: translateX(0px); /* Сдвиг изображения вправо */
}
.training-item:nth-child(odd) .training-image {
    transform: translateX(0px); /* Сдвиг изображения вправо */
}
}

@media (min-width: 2500px) {
.training-section {
    margin: 50px 300px;
}
.training-image {
    width: 700px;
    height: 400px;
    border-radius: 20px;
}
}

@media (min-width: 4000px) {
.title-for-direction {
    margin-bottom: 80px;
}

.title-for-direction h1 {
    font-size: 72px;
}

.training-item {
    padding: 40px;
    border-radius: 20px;
    margin-bottom: 10px;
    column-gap: 100px;
}


/* Перемещение изображения ближе к тексту в первой карточке */
.training-item:nth-child(odd) .training-image {
    transform: translateX(140px); /* Сдвиг изображения вправо */
}

.training-image {
    width: 900px;
    height: 500px;
    border-radius: 20px;
}


/* Добавление отступа для текста во второй карточке */
.training-item:nth-child(even) .training-image {
    transform: translateX(140px); /* Сдвиг изображения вправо */
}

.text-content-for-direction p {
    margin-bottom: 40px;
}

}