.parsley-errors-list {
    margin: 0;
    padding: 0;
}

.parsley-errors-list > li {
    list-style: none;
    color: #f1556c;
    margin-top: 5px;
    padding-left: 22px; /* Adjust padding for the smaller icon */
    position: relative;
    font-size: 14px; /* Control the size of the error message */
}

.parsley-errors-list > li:before {
    content: "\f00d"; /* Unicode for Font Awesome "times" icon */
    font-family: "Font Awesome 5 Free"; /* Font Awesome 5 */
    font-weight: 900; /* Needed for solid icons */
    color: white; /* Color of the times icon */
    
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* Vertically center the icon relative to text */
    
    width: 12px;  /* Smaller circle */
    height: 12px;
    line-height: 12px; /* Ensures the icon is centered inside the circle */
    
    background-color: #f1556c; /* Circle color */
    border-radius: 50%; /* Create the circle */
    text-align: center; /* Center icon horizontally */
    font-size: 8px; /* Smaller font size for the cross icon */
}

.parsley-error {
    border-color: #f1556c;
}

.parsley-success {
    border-color: #1abc9c;
}

.parsley-required,
.parsley-type,
.parsley-pattern,
.parsley-custom-error-message,
.parsley-minlength,
.parsley-maxlength,
.parsley-notequalto,
.parsley-length,
.parsley-alreadyexists,
.parsley-equalto {
    color: #f1556c;
    font-size: 14px; /* Set smaller font size */
    line-height: normal;
}