.wise-booking-panel {
  padding: 8px 0 28px;
  background: transparent;
}

.wise-booking-panel .wise-booking-panel__surface {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
  align-items: center;
  overflow: visible;
  padding: 42px 50px;
  color: #fff;
  background:
    radial-gradient(circle at 50% -24%, rgba(76, 96, 124, .22), transparent 45%),
    radial-gradient(circle at 88% 115%, rgba(193, 139, 100, .10), transparent 32%),
    linear-gradient(135deg, #111820 0%, #1a2532 52%, #111820 100%);
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 22px;
  box-shadow: 0 20px 46px rgba(15, 28, 43, .13), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.wise-booking-panel .wise-booking-panel__surface::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  content: "";
  background: url('/assets/graphics/wise-route-signature.svg') center bottom / 100% 100% no-repeat;
  border-radius: inherit;
  filter: brightness(2.25) saturate(.68);
  opacity: .34;
  pointer-events: none;
}

.wise-booking-panel .wise-booking-panel__heading {
  position: relative;
  z-index: 1;
  text-align: center;
}

.wise-booking-panel .wise-booking-panel__heading > span {
  display: block;
  margin-bottom: 12px;
  color: #c99a72;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.wise-booking-panel .wise-booking-panel__heading h2 {
  margin: 0 auto;
  color: #fff;
  font-size: clamp(28px, 3.1vw, 44px);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.04;
}

.wise-booking-panel .wise-booking-panel__form-context.wc-hero-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: transparent;
}

.wise-booking-panel .wise-booking-panel__css-context.home-conversion {
  min-height: 0;
  margin: 0;
  background: transparent;
}

.wise-booking-panel .age-field,
.wise-booking-panel .booking-card,
.wise-booking-panel .booking-form {
  overflow: visible;
}

.wise-booking-panel .age-select-menu,
.wise-booking-panel .custom-select-options {
  z-index: 50;
}

@media (max-width: 720px) {
  .wise-booking-panel {
    padding: 20px 0 26px;
  }

  .wise-booking-panel .wise-booking-panel__surface {
    gap: 25px;
    padding: 31px 25px;
    border-radius: 17px;
  }
}