.lessons_academy_block {
    background-color: #001c47;
    padding-top: calc(100vw * 100 / 1920);
    padding-bottom: calc(100vw * 100 / 1920)
}

.lesson_tittle {
    color: #fff;
    text-align: center
}

.lab_info {
    display: flex;
    gap: calc(100vw * 100 / 1920);
    margin-top: calc(100vw * 48 / 1920)
}

.lab_info_list {
    display: flex;
    flex-direction: column;
    color: #fff
}

.lab_info_el {
    justify-content: space-between;
    padding: calc(100vw * 32 / 1920) 0;
    display: flex;
    gap: calc(100vw * 32 / 1920);
    border-bottom: calc(100vw * 1 / 1920) solid #fffFFF40
}

.info_text {
    font-size: calc(100vw * 20 / 1920);
    font-weight: 400
}

.info_desc {
    line-height: calc(100% * 25 / 20)
}

.info_author {
    margin-top: calc(100vw * 32 / 1920);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 400
}

.lesson_button {
    font-size: calc(100vw * 14 / 1920);
    line-height: calc(100% * 21 / 14);
    min-width: calc(100vw * 336 / 1920);
    width: calc(100vw * 336 / 1920);
    height: calc(100vw * 60 / 1920);
    border-radius: calc(100vw * 2 / 1920);
    border: solid calc(100vw * 1 / 1920) #fff;
    background-color: #001c47;
    font-weight: 400
}

.lesson_button:hover {
    background-color: #fff;
    color: var(--c-primary)
}

.lab_info_video {
    position: sticky;
    top: calc(100vw * 200 / 1920);
    overflow: hidden;
    min-width: calc(100vw * 500 / 1920);
    width: calc(100vw * 500 / 1920);
    height: calc(100vw * 500 / 1920)
}

.lab_info_video_tag {
    object-fit: cover;
    transform: scale(1.07);
    width: 100%;
    /*filter: grayscale(.46) hue-rotate(-30deg);*/
    height: 100%
}
.lab_info_video_logo{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    right:0;
    bottom:0;
    z-index: 2;
}

@media (max-width: 768px) {
    .lessons_academy_block {
        padding-top: calc(100vw * 64 / 375);
        padding-bottom: calc(100vw * 64 / 375)
    }

    .lab_info {
        flex-direction: column;
        gap: calc(100vw * 32 / 375);
        margin-top: calc(100vw * 48 / 375)
    }

    .lab_info_list {
        display: flex;
        flex-direction: column
    }

    .lab_info_el {
        justify-content: unset;
        flex-direction: column;
        padding: calc(100vw * 32 / 375) 0;
        gap: calc(100vw * 32 / 375);
        border-bottom: calc(100vw * 1 / 375) solid #fffFFF40
    }

    .info_text {
        font-size: calc(100vw * 20 / 375)
    }

    .info_desc {
        line-height: calc(100% * 25 / 20)
    }

    .info_author {
        margin-top: calc(100vw * 32 / 375)
    }

    .lesson_button {
        font-size: calc(100vw * 14 / 375);
        min-width: unset;
        width: 100%;
        height: calc(100vw * 60 / 375);
        border-radius: calc(100vw * 2 / 375);
        border: solid calc(100vw * 1 / 375) #fff
    }

    .lab_info_video {
        position: relative;
        top: unset;
        min-width: unset;
        width: 100%;
        height: calc(100vw * (375 - 24) / 375)
    }

}