/*==========================================================================
* Video CSS
==========================================================================*/
.video__area {
    position: relative;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 250px 0;
    &-icon {
        text-align: center;
        .video a {
            width: 100px;
            height: 100px;
            line-height: 100px;
            font-size: 26px;
        }
    }
}
.video__two {
    position: relative;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 250px 0 120px 0;
    &::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(180deg, #FFFBFB00 0%, var(--color-1) 100%);
        z-index: -1;
    }
    &-icon {
        text-align: center;
        .video a {
            width: 100px;
            height: 100px;
            line-height: 100px;
            font-size: 26px;
        }
    }
    .scroll__slider {
        margin-top: 150px;
        ul li a {
            color: var(--text-white);
            &:hover {
                color: var(--primary-color-1);
            }
        }
    }
}