#commentformPost {
    background: #F6F6F6;
    padding: 1.5625rem;
}
.comments-area .form-control { 
    border-radius: 0;
    border-color: #DFDFDF;
    height: 2.875rem;
}
.comments-area textarea.form-control {
    height: 5.4375rem !important;
}
.comments-title {
    font-size: 1rem;
    font-weight: bold;
    position: relative;
    color: #333333;
    margin-bottom: .9375rem;
}
.comments-title .comments-number {
    color: #FFF;
    background: #83bc42;
    border-radius: .25rem;
    width: 1.875rem;
    height: 1.875rem;
    display: inline-block;
    line-height: 1.875rem;
    margin-left: .625rem;
}
/* .commentform-title {
    text-transform: capitalize;
} */
.comments-area .comments-list {
    list-style: none;
    padding: 0;
    position: relative
}
.comments-area .comments-list .comment {
    margin-bottom: .9375rem;
}
.comments-area .comments-list .comment #commentform {
    position: relative;
    margin-top: .9375rem;
}
#commentform .form-btn .btn {
    border-radius: 0 !important;
}
.comments-area .comments-list .comment .cancel-comment-reply a {
    text-indent: -6249.9375rem;
    width: .75rem;
    height: .75rem;
    background: url('../img/cancel.png') center no-repeat;
    background-size: .75rem;
    display: inline-block;
    cursor: pointer;
}
.comments-area .comments-list .comment .cancel-comment-reply {
    position: absolute;
    top: 1.5625rem;
    right: 1.5625rem;
    z-index: 1;
}
.comments-area .comments-list .comment .comment-item {
    display: flex;
    flex-wrap: wrap;
}
.comments-area .comments-list .comment-author {
    max-width: 3.125rem;
    flex: 0 0 3.125rem;
    margin-right: .9375rem;
}
.comments-area .comments-list .comment-author img {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    object-position: center;
    object-fit: cover;
    border: .0625rem solid #cccccc;
}
.comments-area .comments-list .comment-content {
    max-width: calc( 100% - 3.125rem - .9375rem );
    flex: 0 0 calc( 100% - 3.125rem - .9375rem );
    border: .0625rem solid #cccccc;
    padding: .9375rem;
    border-radius: .25rem;
} 
.comments-area .comments-list .comment-meta {
    margin-bottom: .3125rem;
    font-size: .75rem;
}
.comments-area .comments-list .comment-meta a {
    color: #333333;
}
.comments-area .comments-list .comment-text p {
    margin-bottom: .625rem;
}
.comments-area .comments-list .comment-action {
    font-size: .625rem;
}
.comments-area .comments-list .comment-action a {
    padding: .1875rem .375rem;
    background: #d2d2d2;
    color: #333333;
    border-radius: .25rem;
    display: inline-block;
}
.comments-area .comments-list .comment-reply-link {
    margin-right: .3125rem;
}
.comments-area .comments-list .comment-moderation {
    font-size: .75rem;
    font-style: italic;
}
.comments-area .comments-list .children {
    list-style: none;
    padding: 0 0 0 1.875rem;
}