.vjs-control-bar {
    background: transparent !important;
    bottom: 10px !important;
    padding-inline: 15px;
    font-size: 10px !important;
}
.video-js .vjs-time-control{
  display: block !important;
}
.vjs-control-bar :before,.vjs-icon-placeholder:before {
    font-family: 'Font Awesome 6 Pro' !important;
    font-weight: 600!important;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f04c";
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f028";
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f6a8";
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f027";
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f6a9";
}
.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
    content: "\f04b";
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f320";
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f326";
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f2f9";
}
.vjs-control-bar button{
    width: 30px !important;
    height: 30px !important;
    border-radius: 5px;
    font-size:10px;
    transition: all .3s ease;
}
.vjs-control-bar button:hover{
    background:#00b2ff;
    width: 30px !important;
    height: 30px !important;
    border-radius: 5px;
    font-size:10px;
}
.video-js .vjs-volume-panel .vjs-volume-control {
    margin-left: 5px;
}
.vjs-volume-vertical{
    background:none;
}
.video-js .vjs-volume-level {
    background-color: #fff;
    border-radius: 24px;
}

.vjs-volume-bar.vjs-slider-vertical {
    border-radius: 24px;
}
.video-js .vjs-load-progress {
    border-radius: 24px;
}
.video-js .vjs-slider {
    border-radius: 24px;
    background-color: #a6b4c7;
}
.video-js .vjs-play-progress {
    border-radius: 24px;
}
.video-js .vjs-volume-vertical {
    background: #31b0ec;
    border-radius: 5px;
    bottom: 9em;
}
.vjs-current-time.vjs-time-control.vjs-control {
    padding-right: 0;
}

.vjs-time-control.vjs-time-divider {
    padding: 0 4px;
    min-width: 0px;
}

.vjs-duration.vjs-time-control.vjs-control {
    padding-left: 0px;
}
button.vjs-big-play-button {font-size: 22px !important;padding: 26px!important;width: 40px!important;height: 40px!important;display: flex;align-items: center;justify-content: center;border-radius: 63px !important;margin-top: -1.2em !important;
    margin-left: -1em !important;background: #00b2ffc7 !important;border: none !important;}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-js .vjs-load-progress div {
    border-radius: 24px;
}
.vjs-control-bar {
    background: #0003 !important;
    padding: 0px 15px;
    margin: 0px 14px;
    border-radius: 28px;
    width: auto !important;
}