.nav-wrap {
    position: absolute;
    z-index: 100;
}

.nav-wrap .nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.nav-wrap .nav img {
    height: 60px;
}

.nav-wrap .nav .btn {

}

.btn {
    background-color: #FFF729;
    border-radius: 25px;
    padding: 10px 20px;
}
.btn:hover {
    background-color: #FFF729;
    border-radius: 25px;
    padding: 10px 20px;
}

video {
    aspect-ratio: 16 / 9;
    width: 100%;
}

.video-wrap {
    position: relative;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 100px;
}

.video-wrap .btn {
    position: relative;
    z-index: 100;
}

.video-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: 0;
}

.footer {

}

@media (max-width: 576px) {
    .footer {
        text-align: center;
    }
}

/* .video-wrap .video-wrapper  .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
    width: 70px;
    height: 70px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #000;
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-wrap .video-wrapper  .video-play::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 20px solid #fff;
    margin-left: 5px;
} */