.select2 {
  width: 100%;
  border: 1px solid var(--dark-blue);
  border-radius: var(--xxs);
  transition: all 0.3s ease-in-out;
  padding: var(--xs) var(--m) !important;
  outline: none !important;
}

.select2-selection--single {
  border: none !important;
  outline: none !important;
}

.select2-selection__arrow {
  top: 23% !important;
  transform: translate(-50%) !important;
  outline: none !important;
}

.select2, .select2-container, .select2-container--default {
  width: 100% !important;
  outline: none !important;
}