.awd-animated-feature-videos {
    width: 100%;
    overflow: hidden;

    .feature-videos-container {
        display: flex;
        flex-direction: column;
        gap: 96px;
        position: relative;

        @media (max-width: 768px) {
            background-color: #000;
            gap: 0;
        }

        .feature-videos__block {
            position: relative;

            @media (max-width: 768px) {
                padding: 0 0 50px;
                position: absolute;
                top: 0;
                left: 0;

                &:first-child {
                    position: relative;
                    z-index: 1;
                }

                &:last-child {
                    .feature-videos__content {
                        background-color: rgba(0, 0, 0, 0.10) !important;
                        position: relative;

                        &::after {
                            content: "";
                            position: absolute;
                            left: 0;
                            top: 0;
                            width: 100%;
                            height: 100vh;
                            background: #fff;
                            z-index: -1;
                        }
                    }
                }
            }

            .feature-videos__block-container {
                @media (min-width: 768.1px) {
                    &.first-video-block {
                        padding-top: 96px;
                        
                        .feature-videos__media {
                            video {
                                position: absolute;
                            }
                        }
                    }
                }

                .page-width-container {
                    display: flex;
                    flex-direction: column;
                    gap: 45px;

                    @media (max-width: 768px) {
                        gap: 0;
                        padding: 0;
                    }
                    
                    .feature-videos__content {
                        display: flex;
                        flex-direction: column;
                        gap: 20px;

                        @media (max-width: 768px) {
                            height: auto;
                            order: 1;
                            padding: 36px 24px;
                            background-color: #191919;
                        }

                        .feature-videos__title {
                            color: #1A1A1A;
                            font-size: 40px;
                            font-weight: 600;
                            line-height: 1.4;

                            @media (max-width: 768px) {
                                display: none;
                            }
                        }

                        .feature-videos__description {
                            color: #9d9d9d;
                            font-size: 16px;
                            font-weight: 400;
                            line-height: 1.4;
                        }
                    }

                    .feature-videos__media {
                        width: 100%;
                        height: 640px;

                        @media (max-width: 768px) {
                            height: auto;
                            order: 0;
                        }

                        video {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            border-radius: 8px;

                            @media (max-width: 768px) {
                                border-radius: 0;
                                &.feature-videos__media-desktop {
                                    display: none;
                                }
                                &.feature-videos__media-mobile {
                                    display: block;
                                }
                            }

                            @media (min-width: 768.1px) {
                                &.feature-videos__media-desktop {
                                    display: block;
                                }
                                &.feature-videos__media-mobile {
                                    display: none;
                                }
                            }
                        }
                    }

                }
            }
        }
    }
}