.feature-item {
      position: relative;
      padding: 15px 40px 15px 15px;
      border: 1px solid #ddd;
      border-radius: 8px;
      margin-bottom: 10px;
      background-color: #f9f9f9;
      display: flex;
      gap: 20px;
      
      align-items: flex-start;
    }
    .remove-feature {
      position: absolute;
      top: 8px;
      right: 10px;
      cursor: pointer;
      color: red;
      font-weight: bold;
    }
    .feature-itemEdit {
      position: relative;
      padding: 15px 40px 15px 15px;
      border: 1px solid #ddd;
      border-radius: 8px;
      margin-bottom: 10px;
      background-color: #f9f9f9;
      display: flex;
      gap: 20px;
    
      align-items: flex-start;
    }
    .remove-featureEdit {
      position: absolute;
      top: 8px;
      right: 10px;
      cursor: pointer;
      color: red;
      font-weight: bold;
    }
    .category-name {
    max-width: 150px;   /* Adjust width as needed */
    white-space: normal; /* Allows wrapping */
    word-wrap: break-word; /* Breaks long words */
    overflow-wrap: break-word; /* Modern browsers */
  }
  .control.is-invalid{
    border-color: #696cff;
  }
    .input-group .form-control.is-invalid:focus {
    border-color: #696cff;
    box-shadow: none;
}
.is-invalid:focus{
  border-color: #696cff;
    box-shadow: none;
}
select.is-invalid {
    border-color: #696cff;
}
select.is-invalid:focus {
    border-color: #696cff;
}
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #696cff;
}
.was-validated .form-select:invalid, .form-select.is-invalid:focus {
  border-color: #696cff;
  box-shadow: none;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #7174ff;
}