.related_video_management .products-list .product-layout:after {
    background-color: #000000b5;
    opacity: unset;
}

.video_management-related {
    overflow: hidden;
    border: var(--border-1);
    border-radius: var(--border-radius_1);
    box-shadow: var(--box-shadow-1);
    margin-bottom: var(--margin);
}

.video_management-related .products-list .product-layout {
    width: 100%;
    height: 260px;
    border-radius: var(--border-radius_1);
    border: 8px solid #f2f2f2;
    overflow: hidden;
    padding: 0;
}

.video_management-related .products-list .product-layout img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.video_management-related .products-list .product-layout:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000c4;
    border-radius: var(--border-radius_1);
    top: 0;
    right: 0;
    clear: both;  
}

.video_management-related .products-list .product-layout svg {
    position: absolute;
    z-index: 106;
    top: 35%;
    left: 29%;
    width: 7.5rem;
    height: 7.5rem;
    color: #ffffff;
    padding: 0.8rem;
    cursor: pointer;
}

.relevant-header > div {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    position: relative;
    top: 2px;
}

.swiper.related_video_management {
    padding: var(--margin);
}

.video_management-related .video_modal video , .video_management-related .video_modal .iframe_video{
    width: 100% !important;
    height: 100% !important;
}

.video_management-related .video_modal .close{
    position: absolute;
    left: 15px;
    top: 8px;
    font-size: 35px;
}
.video_management-related .video_modal .modal-dialog{
    margin: 0;
    padding: 0;
    position: absolute;
    right: calc(50% - 300px);
    top: calc(50% - 200px);
    width: 100%;
}
.video_management-related .video_modal .modal-content{
    width: 100%;
    height: 100%;
    background-color: unset;
}