.myul__li{
          line-height: 28px;
      }
      #videoModal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1000; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    }
    .modal-content {
        position: relative;
        margin: auto;
        padding: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
    }
    .close {
        position: absolute;
        top: 10px;
        right: 20px;
        color: white;
        font-size: 30px;
        font-weight: bold;
        cursor: pointer;
    }
    .video-thumbnail {
        position: relative;
        cursor: pointer;
    }
    .play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50px; /* Adjust size as needed */
        height: 50px; /* Adjust size as needed */
        background: rgba(255, 255, 255, 0.8); /* White background with opacity */
        border-radius: 50%; /* Circular shape */
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: background 0.3s;
    }
    .play-button:hover {
        background: rgba(255, 255, 255, 1); /* Solid white on hover */
    }
    .play-button img {
        width: 50%; /* Adjust play button size */
        height: auto;
    }
    .video-main {
        display: flex;
        flex-wrap: wrap;
        margin: 0px -15px;
    }

    .video-repeat {
        width: calc(33.3% - 30px);
        margin: 10px 15px;
        padding: 10px 10px 0px 10px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); border-radius: 10px;
    }
    div#videoModal .modal-dialog{ display:flex; align-content:center; justify-content:center; margin-top: 100px }

    div#videoModal .modal-dialog .modal-content{
        max-width: 700px;
        margin: 0 auto;
        background: #fff;
        padding: 20px;
        border-radius: 10px;
    }

    div#videoModal .modal-dialog h5 {
        font-size: 18px;
        margin: 0px;
    }

    div#videoModal .modal-dialog span.close {
        color: #585858;
        margin: 0px;
        position: static;
    }

    div#videoModal .modal-dialog .modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .video-repeat .card-body {
        padding: 0px 10px;
    } 
    .width.cf #content {
        width: 100% !important; 
    } 
    .video-repeat.card-video-row .card-title {
        font-size: 16px;
        line-height: 1.5rem;
        font-family: 'open_sansbold';
        margin-top: 8px !important;
    }