/* Centraliza o container do Select2 na tela */
.select2-container {
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* Estilo da caixa de seleção do Select2 */
.select2-container--default .select2-selection--single {
  background-color: #e9fae0 !important;
  border: 5px solid hsl(17, 94%, 49%) !important;
  border-radius: 30px !important;
  height: 6vh !important;
  font-size: 22px !important;
  font-weight: bold !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
  display: flex !important;
  align-items: center !important;
  padding-left: 15px !important;
}

/* Estilo do texto dentro do select2 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: black !important;
  line-height: normal !important;
  text-align: center !important;
  width: 100% !important;
}

/* Estilo da setinha de dropdown */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  right: 10px !important;
}

/* Estilo da lista de opções */
.select2-container--default .select2-results>.select2-results__options {
  background-color: #e9fae0 !important;
  color: black !important;
  font-size: 18px !important;
  font-weight: bold !important;
  border-radius: 10px !important;
}

/* Estilo das opções individuais */
.select2-container--default .select2-results__option {
  padding: 10px !important;
  margin: 2px !important;
  border-radius: 10px !important;
}

/* Estilo do hover nas opções */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: hsl(17, 94%, 49%) !important;
  color: white !important;
}



/* Media Queries para smartphones */
@media screen and (max-width: 768px) {
 .select2-container--default .select2-results>.select2-results__options{
  font-size: 12px !important;
 }
 
 .select2-container--default .select2-selection--single {
  
  font-size: 12px !important;
 }
}