.video-container {
    position: fixed !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    margin: 0;
    padding: 0;
    background-color: #000;
    display: none;
    filter: opacity(0) blur(10px);
    transition: filter 1s;
    z-index: 200;
}

.fadeItIn {
    filter: opacity(1) blur(0);
}

.video {
    width: 100%;
    height: 100dvh;
    z-index: 2;
}

.b-arrow {
    position: absolute !important;
    left: 50px;
    top: 50px;
    z-index: 3;
    display: none;
}

.b-arrow img {
    cursor: pointer;
    transition: transform .3s, filter .3s, padding .3s;
    height: 40px;
}

.b-arrow img:hover {
    filter: drop-shadow(0px 0px 5px #d40303);
    border-radius: 50%;
    backdrop-filter: blur(20px);
    background-color: rgb(212, 3, 3, 0.1);
    padding: 5px;
}

.b-arrow img:active {
    transform: scale(.95);
}

/*

/* Change the color of the seekbar 
video::-webkit-media-slider-thumb {
    background-color: red;
}

/* Optional: Change the color of the seekbar track 
video::-webkit-media-slider-runnable-track {
    background-color: rgba(255, 0, 0, 0.5);
    /* Adjust opacity if needed 
}

/* Change the color of the seekbar 
input[type="range"] {
    background-color: red;
}

/* Optional: Change the color of the seekbar track 
input[type="range"] {
    background-color: rgba(255, 0, 0, 0.5);
    /* Adjust opacity if needed 
}
*/