.hero__area {
    .hero__text {
        margin-bottom: 1.5rem;
        @media screen and (min-width: 992px) {
            margin-bottom: 0;
        }
    }
    .hero__video {
        position: relative;
        border-radius: 12px;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        &.responsive {
            padding-bottom: 56.25%;
        }
        iframe,
        object,
        embed {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 100;
            background: 0 0;
            width: 100%;
            height: 100%;
        }
    }
}