@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&family=Roboto:wght@100&display=swap');

.video-js .vjs-control-bar {
    position: initial;
    margin-top: -30px;
}



.video-js .vjs-play-control {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    outline: none;

    /* background-color: #2e9500; */
}

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "";
    background: url(../img/svg/play.svg) right top no-repeat;
    background-size: 100%;
    width: 90px;
    height: 90px;

}

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "";
    background: url(../images/play.png) right top no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103";
    display: none;
}

.video-js .vjs-big-play-button {
    background-color: rgb(0 0 0 / 0%);
    border: 0;
}



/* hghgh............... */
.video-js .vjs-progress-control {
    opacity: 0;
}