.comment-card{
	background: var(--background-tertiary);
	padding: 25px 25px 12px 25px;
	margin-bottom: 1rem;
	border-radius: 0px;
	transition: 0.25s ease;
}

.comment-card .comment-card-item{
		padding: 15px;
		background: var(--background-primary);
}

.comment-card .comment-card-item:last-child{
  border-radius: 0 0 6px 6px;
}

.comment-img-wrapper{
width: 71px;
height: 71px;
background-color: var(--action-secondary);
padding: 5px;
border-radius: 50%;
}

.comment-img-wrapper img{
width: 100%;
height: 100%;
  border-radius: 50%;
}

.comment-card .comment-card-item p{
		color: var(--foreground-tertiary);
		font-family: "Vazirmatn", sans-serif;
		font-weight: 700;
		font-size: .93rem;
    margin-top: 10px;
}

.comment-card .comment-card-item time{
  color: var(--foreground-secondary);
font-family: "Vazirmatn", sans-serif;
font-weight: medium;
}

.comment-card .comment-card-item a{
  color: var(--foreground-secondary);
font-family: "Vazirmatn", sans-serif;
font-weight: 700;
margin-left: 10px;
}

.comment-card .comment-line{
  width: 100%;
height: 1px;
border: 1px dashed var(--accent);
margin: 12px 0;
}

.comment-card .comment-separator{
  width: 100%;
height: 1px;
border: 1px solid var(--accent);
margin: 12px 0;

}

.comment-card input {
        border: none;
        background: var(--background-primary);
        display: block;
        width: 100%;
        padding: 0.5rem 1rem;
        font: inherit;
        color: var(--foreground-secondary);
        border-radius: 5px;
        margin-bottom: 1.5rem;
}

.comment-card input::placeholder {
	color: inherit;
}

.comment-card input:focus {
		outline: 2px solid;
		outline-offset: 0;
}

.comment-card textarea{
        font-family: "Vazirmatn", sans-serif;
        font-weight: 500;
        border: none;
        background: var(--background-primary);
        display: block;
        width: 100%;
        padding: 1rem 1.2rem;
        color: var(--foreground-secondary);
        border-radius: 6px 6px 0 0;
        margin-bottom: 1.5rem;
        outline: none;
        resize: none;
}

.comment-card .custom-btn-primary{
  padding: 0.5rem 1.1875rem;
}

.comment-card .comment-text{
  font-size: 1rem;
font-family: "Vazirmatn", sans-serif;
font-weight: 700;
margin-bottom: 13px;
color: var(--foreground-secondary);
}