.container-str-rp{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.title-str-rp{
    color: #000;
    font-family: "OpenSansHebrewCondensed";
    font-weight: 700;
    text-align: left;
    margin: 3px 0 5px;
    padding-bottom: 3px;
    border-bottom: 1px dotted silver;
    font-size: 1.1em;
    width: 100%;
}

.str-items-container{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.str-items-container-subtitle{
    font-family: "OpenSansHebrewCondensed";
    font-weight: 700;
    color: black;
    font-size: 1em;
}

.str-bb{
    height: 3px;
}

.str-item{
    width: auto;
}

.str-class-view{
    position: relative;
    opacity: 0;
    object-fit: cover;
    width: 100%;
    height: 194px;
}

.str-class-panel-description{
    position: absolute; left: 0; bottom: 0; width: 100%; height: 35%;
}

@media (max-width: 575.98px) {
    .str-class-view{
        position: relative;
        opacity: 0;
        object-fit: cover;
        width: 100%;
        height: 50.52vw;
    }

    .str-class-panel-description{
        position: absolute; left: 0; bottom: 0; width: 100%; height: fit-content;
    }
}