.buttonSecondary,
.buttonWithText {
  font-size: 0.9rem;
}

.buttonPrimary.buttonWithText {
  padding: 13px 26px;
  font-family: var(--font-base);
  text-transform: capitalize;
}

h1 {
  font-size: 1.8rem;
  font-family: var(--font-accent);
}

.page__left .property-details .property-details-item {
  font-size: 0.9rem;
}

.property-details img {
  width: 40px;
}

div[data-type="checkbox"] .acf-label label,
div[data-type="radio"] .acf-label label {
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-size: 1.1em;
  color: var(--form-title);
}

.enquire-form-fields ul {
  padding-left: 0.5rem;
}

.enquire-form-content button[type="submit"] {
  font-family: var(--font-base);
}

.enquire-form-subtitle {
  margin-bottom: 1rem;
}

.enquire-form textarea {
  margin: 0.5rem 0 1rem 0;
  border: 1px solid lightgray;
}

.menuContainer .menuTop .topMenuLogo {
  height: 50%;
}

.enquire-form ul li label {
  font-family: var(--font-accent);
  font-weight: 500;
}

.page__left .logo__image {
  max-width: 90px;
}
.menuContainer {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.slideNumber {
  font-weight: 700;
}

#radarPath {
  transform: scale(0.3);
  transform-origin: center center;
}

.page__top div.js-enquire-form-trigger {
  background-color: var(--color-brand-primary) !important;
  font-family: var(--font-accent) !important;
  color: var(--color-brand-secondary) !important;
  font-weight: 900 !important;
  font-size: max(1rem, 14px);
  text-transform: uppercase;
}

.page__top div.js-enquire-form-trigger:hover {
  background-color: var(--color-brand-secondary) !important;
  color: var(--color-white) !important;
}

body.hasHover .buttonControl:hover {
  background-color: var(--color-brand-primary);
}

.switcher__item.active {
  color: var(--color-brand-secondary);
}

.floorSwitcherTrack {
  gap: 8px;
  padding: 2px 4px;
  background: var(--switcher-bg, #000);
  border-radius: 1rem;
  border-radius: var(--button-primary-border-radius);
  border: 1px solid white;
}

body.hasHover .floorSwitcherItem:hover {
  color: var(--color-brand-primary) !important;
  box-shadow: none;
  background: var(--color-brand-secondary-50);
}

.floorSwitcherItem {
  font-weight: 700;
}

.floorSwitcherItem.active {
  pointer-events: none;
  box-shadow: none;
}

/* -------------------- */

@keyframes pulseBoxShadow {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.8);
  }
  100% {
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
}