section.content-video {
    padding: 70px 0;
    background: var(--dark);
}

/*row*/

.content-video__row {
    display: flex;
    gap: 75px;
    justify-content: center;
    align-items: center;
}
section.content-video.content-video--video-right .content-video__row {
    flex-direction: row;
}
section.content-video.content-video--video-left .content-video__row {
    flex-direction: row-reverse;
}

/*text side*/

.content-video__text-side {
    flex: 0 0 50%;

    display: flex;
    flex-direction: column;
    gap: 15px;
}

.content-video__titles h2,
.content-video__content,
.content-video__content p,
.content-video__content li {
    color: var(--color--white);
}

.content-video__titles h2 {
    font-size: 45px;
    font-weight: 600;
}

/*video side*/

.content-video__video-side {
    flex: 0 0 calc(50% - 75px);

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

.content-video__video {
    width: 100%;
}
.content-video__video iframe {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16/9;
    height: auto;

    border-radius: 15px;
}

@media (max-width: 1200px) {
    .content-video__row {
        gap: 45px;
    }

    .content-video__text-side {
        flex: 0 0 40%;
    }
    .content-video__video-side {
        flex: 0 0 calc(60% - 75px);
    }
}

@media (max-width: 992px) {
    .content-video__row {
        gap: 30px;
    }

    section.content-video.content-video--video-right .content-video__row,
    section.content-video.content-video--video-left .content-video__row {
        flex-direction: column-reverse;
    }
    .content-video__text-side,
    .content-video__video-side {
        flex: 0 0 100%;
        width: 100%;
    }
}