.gf-province-city-wrapper {
  display: flex !important;
  flex-direction: row !important;
  gap: 2% !important;
  flex-wrap: wrap !important;
}

.gf-province-city-wrapper > select{
    max-inline-size: 49% !important;
}

.gf-province,
.gf-city {
  flex: 1 1 48%;
  padding: 8px;
}

.gf-invalid {
  border-color: #e63946 !important;
}

@media (max-width: 767px) {
    .gf-province-city-wrapper > select{
        max-inline-size: 100% !important;
    }

    .gf-province-city-wrapper {
    flex-direction: column !important;
    gap: 10px !important;
    }
}