/* Custom styles goes here */
.select2-container .select2-selection--single {
  height: 38px !important;
  padding: 6px 12px !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box;
  position: relative;
}


/* Style the clear button separately */
.select2-selection__clear {
  position: absolute !important;
  right: 8px; /* adjust spacing */
  top: 60%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #999;
  font-weight: bold;
  font-size: 16px;
  z-index: 5;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0px !important;
  line-height: 24px !important;
  color: #495057;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  top: 0 !important;
  right: 10px !important;
  width: 25px;
}