.comment-success-message{
background:#eaf7ea;
border:1px solid #b7e3b7;
color:#2e7d32;
padding:15px;
margin-bottom:20px;
border-radius:6px;
font-weight:500;
	margin-top: 20px;
}
.video-comment-wrapper{
margin-top:40px;
}

.comment-toggle-btn,.submit-comment{
background: #FF0000 !important;
    color: #fff !important;
    border: none;
    padding: 12px 24px !important;
    font-size: 16px !important;
    cursor: pointer !important;
    border-radius: 6px;
    transition: 0.3s;
}

.comment-toggle-btn:hover{
background:#cc0000;
}

.comment-form-box{
display:none;
margin-top:20px;
background:#fff;
border:1px solid #eee;
padding:25px;
border-radius:8px;
box-shadow:0 4px 10px rgba(0,0,0,0.05);
}

.comment-form-box input,
.comment-form-box textarea{
width:100%;
padding:12px!important;
margin-bottom:15px!important;
border:1px solid #ddd!important;
border-radius:5px!important;
font-size:14px!important;
}

.comment-form-box textarea{
min-height:120px;
resize:vertical;
}

/* .submit-comment{
background:#000;
color:#fff;
border:none;
padding:12px 22px;
border-radius:5px;
cursor:pointer;
font-weight:600;
transition:0.3s;
} */

.submit-comment:hover{
background:#FF0000;
}

.video-comments-heading{
font-size:24px;
margin-top:40px;
margin-bottom:20px;
color:#000;
font-weight:700;
border-left:4px solid #FF0000;
padding-left:10px;
}

.video-comments-list{
display:flex;
flex-direction:column;
gap:20px;
}

.single-comment-card{
background:#fafafa;
padding:20px;
border-radius:8px;
border:1px solid #eee;
box-shadow:0 3px 8px rgba(0,0,0,0.05);
transition:0.3s;
}

.single-comment-card:hover{
box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

.comment-author{
font-weight:700;
color:#000;
margin-bottom:8px;
}

.comment-text{
color:#333;
line-height:1.6;
margin-bottom:10px;
}

.comment-date{
font-size:12px;
color:#888;
}