.commentbg{
    position: relative;
    background-color: #5479ff;
    width: 100%;
    
    padding-bottom: 5%;
}

.commentbox{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 1140px;
    padding: 8% 0% 0% 0%;
}

.comment_slider{
    margin-top: 5%;
}


.comment_slider .item img{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
}

.comment_textbox{
    position: relative;
    bottom: 0%;
    width: 100%;
    height: 35%;
    padding: 3% 6% 10% 6%;
    text-align: center;
}

.cfirsttitle{
    color: #ffef00;
    font-weight: 700;
    font-size: 1.5rem;
    
}

.csectitle{
    color: #fff;
    font-size: 1rem;
    
}

.commenttitleanim{
    opacity: 0;
}

.commentitemanim{
    opacity: 0;
}

@media (max-width: 1140px) {
    .commentbox{
        width: 90%;
        max-width: 1140px;
        
    }

}