.videoGrid {
    margin-inline: auto;
}

.video-text{
    font-size: 16px !important;
}

.video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    z-index: 1;
    gap: 20px;
    opacity: 0.8;
}

.video-js{
    object-fit: cover !important;
    width: 100% !important;
    height: 205px !important;
    border-radius: 15px;
}

.video-description{
    font-size: 16px;
    line-height: 1.5;
}

.video-item {
    border-radius: 10px;
    /*padding: 20px;*/
    height: auto;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.5s cubic-bezier(0, 0, 0.5, 0.8) 0s, opacity 0.4s ease-in 0s;
}


.video-item video {
    max-width: 100%;
    display: flex;
    margin: 0 auto;
    align-content: center;
}

.pagination {
    margin-top: 20px;
}

.pagination button {
    margin-right: 5px;
    cursor: pointer;
}

.button-with-black-text {
    color: black;
}

/* Added styling to display dropdowns inline */
label, select {
    display: inline-block;
    margin: 5px;
    color: black;
}

select {
    color: white;
}