/* Appointment (service) field label */
#fbuilder .vsku-appointment label{
  font-family: "Playfair Display", serif;
  color: #072E33;
  font-weight: 600;
  letter-spacing: .2px;
}

/* Appointment (service) dropdown */
#fbuilder .vsku-appointment select{
  width: 100%;
  font-family: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #072E33;
  background: #fff;
  border: 1px solid rgba(7,46,51,.18);
  border-radius: 14px;
  padding: 14px 44px 14px 16px; /* room for arrow */
  line-height: 1.2;
  box-shadow: 0 8px 20px rgba(7,46,51,.06);
  cursor: pointer;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  transition: border-color .15s ease, box-shadow .15s ease;
}

/* Focus state */
#fbuilder .vsku-appointment select:focus{
  outline: none;
  border-color: #0C7675;
  box-shadow: 0 0 0 4px rgba(12,118,117,.18), 0 10px 22px rgba(7,46,51,.08);
}

/* Optional: custom arrow */
#fbuilder .vsku-appointment{
  position: relative;
}
#fbuilder .vsku-appointment:after{
  content: "▾";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: rgba(7,46,51,.6);
  pointer-events: none;
}