.hero-video {
    height: 700px;
    content-visibility: auto;
    contain-intrinsic-size: 500px;
}
.hero-video .container {
    left:0;
    right: 0;
    z-index: 1;
}

.hero-video .container img {
    width: 300px;
}

.hero-video .link-arrow-down:after {
    content:url('../../../../src/assets/ico-arrow-down.svg');
    position:absolute;
    top:50px;
    left: calc(50% - 1px);
    transition: top 0.3s ease-out;
}

@media screen and (min-width:465px) {
    .hero-video .link-arrow-down:after {
            top: 32px;
            
        }

}

.hero-video .link-arrow-down:before {
    content: url('../../../../src/assets/ico-circle.svg');
    position: absolute;
    top: 90px;
    left: calc(50% - 9px);
    width: 24px;
    height: 24px;
}

@media screen and (min-width:465px) {
    .hero-video .link-arrow-down:before {
        top: 70px;
        
    }
}

.hero-video .link-arrow-down:hover:after {
    top:52px;
}


.hero-video .wrap-video {
    height: 700px;
}

.hero-video .wrap-video video {
    height: 700px;
    object-fit: cover;
}

.hero-video:after {
    position: absolute;
    top:0;
    bottom: 0;
    left:0;
    right: 0;
    content: '';
    background-color: #000;
    opacity: .5;
}