.post-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            margin-right: 15px;
            background-color: #ccc;
        }
        .section1 {
            display:flex; 
            justify-content: space-between;
            align-items: center;
            
            
        }
        .divv {
            max-width:650px;
        }
        .post-content {
            flex: 1;
        }
        .post-carddiv {
            display:flex; 
            justify-content: flex-start;
            align-items: center; 
            overflow:hidden;
        }

        .post-content h3 {
            margin: 0;
            font-size: 16px;
            color: #333;
        }

        .post-content p {
            margin: 5px 0;
            font-size: 14px;
            color: #555;
        }

        .post-content a {
            color: #007bff;
            text-decoration: none;
        }

        .post-content a:hover {
            text-decoration: underline;
        }

        .video-container {
            position: relative;
        }

        .login-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            display: none;
        }
           .video-container {
            position: relative;
        }

        .video-js .vjs-big-play-button {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .login-overlay form {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .login-overlay input[type="text"],
        .login-overlay input[type="number"],
        .login-overlay input[type="text"]  {
            /*padding: 10px;*/
            /*margin: 10px;*/
            /*font-size: 18px;*/
            /*width: 80%;*/
        }

        .login-overlay button {
            padding: 10px 20px;
            font-size: 18px;
            background-color: #007bff;
            color: white;
            border: none;
            cursor: pointer;
        }

        .interaction-section {
            padding: 10px;
            /*border-top: 1px solid #e0e0e0;*/
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            color: #555;
        }

        .interaction-section .reaction-summary {
            display: flex;
            align-items: center;
        }

        .reaction-summary img {
            width: 18px;
            height: 18px;
            margin-right: 5px; 
            
        }

        .reaction-summary span {
            margin-right: 5px;
        }

        .actions {
            display: flex;
            justify-content: space-between; 
        }

        .actions button {
            background: none;
            border: none;
            font-size: 14px;
            display: flex;
            align-items: center;
            cursor: pointer;
            color: #555;
        }

        .actions button:hover {
            color: #007bff;
        }

        .actions button img {
            margin-right: 5px;
            height:20px;
        }
        .videosearch {
            margin-bottom:5px;
        }