.index-video-wrapper {
    width: 100%;
    height: 100%;
}
#index-video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -100;
    right: 0;
    bottom: 0;
    background-size: cover;
    overflow: hidden;
}

.index-video-wrapper {
    position: relative;
    height: 100vh;
    width: 100%;
    background-size: cover;
    overflow: hidden;
}
.index-video-wrapper .text-swiper > div {
    animation-name: fadeInUp;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}
.index-video-wrapper .text-swiper > div:nth-child(1) {
    animation-delay: 1.3s;
}

.index-video-wrapper .text-swiper > div:nth-child(2) {
    animation-delay: 1.5s;
}

/*********************************/
/* VIDEO LAYER */
/*********************************/
.video_layer {
    position: relative;
    vertical-align: middle;
    transition: all .4s;
    display: inline-block;
    z-index: 10;
}

.video_layer .muted_layer {
    cursor: pointer;
}

.video_layer .muted_layer:before {
    content: '';
    position: relative;
    background: url("../../../images/icon/speaker-x.svg") center no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    display: block;
    filter: brightness(0) invert(1);
    transition: all .4s;
}
.video_layer .muted_layer:hover:before {
    opacity: .6;
}

.video_layer .muted_layer.active:before {
    background: url("../../../images/icon/speaker-high.svg") center no-repeat;
    background-size: cover;
}
.video_layer:hover {

}