.textarea-container {
    position: relative;
}

.textarea-container textarea {
    resize: none;
}

.char-count {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px;
    color: #333;
}

.char-limit {
    color: #333;
}

.textarea-container:hover textarea {
    border-color: green;
}

.textarea-container textarea:focus {
    border-color: blue;
}

.MJtitle {
    padding: 10px;
    background-color: rgb(166, 64, 227);
    margin: 10px auto;
    color: white;
    border-radius: 20px;
}

.NIJItitle {
    padding: 10px;
    background-color: rgb(166, 64, 227);
    margin: 10px auto;
    color: white;
    border-radius: 20px;
}

.custom-file-upload {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.image-upload-box {
    width: 100px;
    height: 100px;
    border: 2px dashed #ccc;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.image-preview {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

#blendImagePreview .position-relative {
    width: 100px;
    height: 100px;
    object-fit: cover;
}