.video-thumb {
          cursor: pointer;
          transition: 0.3s;
        }
        .video-thumb:hover {
          opacity: 0.8;
          transform: scale(1.02);
        }
        .modal-header {
          border-bottom: none;
        }
        .nav-btn {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          background: rgba(0, 0, 0, 0.5);
          border: none;
          color: white;
          padding: 10px 15px;
          cursor: pointer;
          z-index: 10;
        }
        .nav-btn.left {
          left: 0;
        }
        .nav-btn.right {
          right: 0;
        }
        .modal-content {
          background-color: #000;
        }
        .modal-title {
          color: #fff;
        }
        .embed-responsive {
          position: relative;
          width: 100%;
          padding-bottom: 56.25%;
          height: 0;
        }
        .embed-responsive iframe {
          position: absolute;
          width: 100%;
          height: 100%;
          border: 0;
        }