/* Featured Video */

.featured_video {
    padding: 0;
}

.fv_bg {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.fv_bg_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.fv_bg_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--visual_color_overlay);
}

.fv_bg .container {
    position: relative;
    z-index: 2;
}

.fv_row {
    display: flex;
    align-items: center;
    gap: 48px;
}

.fv_info {
    flex: 0 0 40%;
    max-width: 40%;
}

.fv_subtitle {
    font-size: 16px;
    font-weight: 500;
    color: var(--visual_color_subtitle);
    opacity: 0.7;
    margin-bottom: 12px;
}

.fv_has_bg .fv_subtitle {
    opacity: 0.85;
}

.fv_title {
    font-family: var(--font-title);
    font-size: var(--h2_size);
    font-weight: var(--h2_weight);
    color: var(--visual_color_title);
    line-height: 1.25;
    margin: 0;
}

.fv_video {
    flex: 1;
}

.fv_video_wrap {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    border-radius: var(--big_border_radius);
    overflow: hidden;
}

.fv_video_wrap iframe,
.fv_video_wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .fv_row {
        flex-direction: column;
        gap: 24px;
    }

    .fv_info {
        flex: none;
        max-width: 100%;
    }

    .fv_bg {
        padding: 40px 0;
    }

    .fv_bg_image {
        background-attachment: scroll;
    }
}