.carousel-inner {
    width:100%;
    max-height: 100%;
}
.carousel-slide{
    width:700px;
}
.margn-top3-per{
    margin-top:3% !important;
}

div#matrix-container table,
div#video-container {
    margin: 20px;
}

.matrix-cell {
    background-color: #f0f0f0;
    padding: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.matrix-cell:hover {
    background-color: #e0e0e0;
}

.matrix-cell.selected {
    background-color: #c0c0c0;
    font-weight: bold;
}
.padding20{
    padding:20px !important;
}

.flex_centering {
    display:flex;
    justify-content: center;
}

div#matrix-container,
div#video-container {
    display:flex;
    justify-content: center;
}


.carousel-indicators li[data-bs-target]  {
    font-size: 0px !important;
    color: transparent;
}