/* ======================================
   A3 • Quote Drawer — Base
   ====================================== */

.a3-quote {
  --z-overlay: 1800;
  --z-drawer: 1801;
  --z-fab: 9999;

  --bg: #0b0b0c;
  --text: #eaf1e0;
  --muted: #9aa3ad;
  --neon: #c6ff94;
  --border: rgba(185,255,118,.25);

  --radius: 22px;
  --side-pad: 32px;

  --drawer-min: 30vh;
  --drawer-max: calc(92vh - 16px - env(safe-area-inset-bottom));

  --t-fast: .22s;
  --ease-open: cubic-bezier(.22,.8,.26,1);

  --field-font-size: 1rem;
  --textarea-min-h: 10rem;

  font-size: 1rem;
  color: var(--text);
  font-family: inherit;
}

/* Generic inputs */
input,
select,
.contact-us-email,
.contact-us-fname {
  color: black;
  font-size: 1.1rem;
  font-family: manrope;
  font-weight: 600;
  width: 100%;
  padding: 15px;
  /* margin-top: 5%; */
  border-radius: 30px;
  border: 2px solid #9fd66c;
  box-sizing: border-box;
}

/* CF7 inheritance */
.a3cf7 input,
.a3cf7 select,
.a3cf7 textarea,
.a3cf7 button,
.a3-quote__close,
.a3-quote__fab,
.a3cf7-status,
.a3cf7-extra-toggle {
  font-family: inherit;
}

html.a3-quote-lock,
body.a3-quote-lock {
  overflow: hidden !important;
}

/* Overlay */
.a3-quote__overlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-overlay);
  opacity: 0;
  pointer-events: none;
  background:
    radial-gradient(120% 90% at 50% 20%, rgba(0,0,0,0) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,.55) 100%),
    rgba(0,0,0,.35);
  transition: opacity var(--t-fast) ease;
}
.a3-quote.is-open .a3-quote__overlay {
  opacity: 1;
  pointer-events: auto;
}

/* Drawer */
.a3-quote__drawer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-drawer);
  width: min(850px, calc(100% - 16px));
  margin-inline: auto;
  min-height: var(--drawer-min);
  display: grid;
  grid-template-rows: auto 1fr;
  background: #000000e3;
  border-left: 3px solid #c6ff94;
  border-right: 3px solid #c6ff94;
  border-top: 3px solid #c6ff94;
  border-radius: 80px 80px 0 0;
  will-change: transform;
  transform: translateY(115%);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  box-shadow: 0px 0px 14px #b7ff6a6e;
}
.a3-quote.is-open .a3-quote__drawer {
  transform: translateY(0);
}

/* Header */
.a3-quote__header {
  position: relative;
  padding: 2rem 3rem;
  border-bottom: 2px solid rgb(255 255 255 / 26%);
  cursor: grab;
  touch-action: none;
  user-select: none;
  display: flex;
  align-items: flex-end;
}
.a3-quote__header::before {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  background: #b9ff76;
  border-radius: 999px;
  width: 80px;
  height: 6px;
}
.a3-quote__title {
  margin: 1rem 0 0 0;
  font-size: 1.25rem;
  font-weight: 400;
  color: #e3efd8;
}

/* Close button */
.a3-quote__close {
  position: absolute;
  top: 5.3rem;
  right: 3rem;
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.65rem;
  font-weight: 700;
  line-height: 1;
  color: #0b0b0c;
  background: #b4c4a8;
  border: 2px solid #e5f4d9;
  border-radius: 100px;
  cursor: pointer;
  transition: background .25s ease, color .25s ease, border .25s ease;
}
.a3-quote__close:hover {
  background: #b9ff76;
  color: #000;
  border: 0px solid #e5f4d9;	
}

/* Body */
.a3-quote__body {
  overflow: auto;
  padding: 2.2rem 3rem;
  line-height: 1.65;
}

/* FAB */
.a3-quote__fab {
  position: fixed;
  left: 50%;
  bottom: calc(32px + env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 1700;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0.7rem 1.2rem;
  border-radius: 999px;
  border: none;
  color: black;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  font-size: 1.15rem;
  background: rgb(180 255 115 / 22%);
  -webkit-backdrop-filter: blur(24px) saturate(1.4) contrast(.9) brightness(2.2);
  backdrop-filter: blur(24px) saturate(1.4) contrast(.9) brightness(2.2);
  box-shadow:
    inset 0 15px 40px 2px #c8ff96,
    inset 0 -3px 4px 0 #00000075,
    inset 0 0 3px 2px #e3f0d75e;
}
.a3-quote__fab:active {
  transform: translateX(-50%) scale(0.97);
}

/* CF7 skin */
.a3cf7 {
  display: block;
}

.a3cf7-input,
.a3cf7-select,
.a3cf7-textarea {
  width: 100%;
  background: #0b0c0c;
  color: #cfd6cc;
  border: 2px solid rgba(255,255,255,.06);
  outline: none;
  font-size: 1rem;
  padding: 0.7rem 1rem;
  transition: background .22s, border-color .22s, color .22s, box-shadow .22s;
}
.a3cf7-input,
.a3cf7-select {
  border-radius: 999px;
}
.a3cf7-textarea {
  border-radius: 40px;
  min-height: 10rem;
  resize: vertical;
  margin-bottom: 1.2rem;
}
.a3cf7-input:focus,
.a3cf7-select:focus {
  background: #c6ff94;
  color: #0b0b0c;
  border-color: rgba(0,0,0,.2);
  box-shadow: 0 0 0 3px rgba(185,255,118,.25);
}

.a3cf7-extra-toggle {
  font-size: 1.1rem;
  background: #1b1e18;
  border: 3px solid #c6ff94;
  color: var(--neon);
  font-weight: 400;
  cursor: pointer;
  padding: 0.6rem 1.6rem;
  margin: 1rem 0;
  border-radius: 71px;
}
.a3cf7-extra {
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.a3cf7-actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.a3cf7-send {
  background: black;
  border: 3px solid var(--neon);
  color: var(--neon);
  border-radius: 999px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  padding: 0.7rem 1rem;
  transition: background .22s;
  width: 55%;
}
.a3cf7-send:hover {
  background: rgba(185,255,118,.08);
}

.a3cf7-status {
  font-size: 0.9rem;
  color: #b9c0b6;
  opacity: .85;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  padding: 0.3rem;
}

/* ======================================
   Brand Questionnaire (BQ)
   ====================================== */
.bq-step-shell {
  width: 100%;
  color: #eaf1e0;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
}

.bq-step {
  display: none;
}
.bq-step.is-active {
  display: block;
}
.bq-step-title {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0rem 0 1.4rem 0;
}

.bq-step-subtitle {
  font-size: 1.2rem;
  color: var(--muted);
  font-weight: 500;
  margin-bottom: 0.6rem;
}

/* Options */
.bq-options {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem;
  margin-top: 1.6rem;
}

.bq-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 40px;
  border: 2px solid rgba(255,255,255,0.14);
  background: #050606;
  cursor: pointer;
  transition: border-color .22s, background .22s, box-shadow .22s;
}

.bq-option input[type="radio"],
.bq-option input[type="checkbox"] {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.bq-dot {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,0.4);
  flex-shrink: 0;
}

.bq-option-main {
  display: flex;
  flex-direction: column;
}

.bq-option-label {
  font-size: 1.1rem;
  font-weight: 600;
  color: #e3efd8;
}
.bq-option-desc {
  font-size: 0.9rem;
  color: var(--muted);
}

.bq-option:has(input:checked) {
  border-color: #c6ff94;
  background: radial-gradient(circle at top left, rgba(198,255,148,0.22), #050606);
  box-shadow: 0 12px 32px rgba(0,0,0,0.8);
}
.bq-option:has(input:checked) .bq-dot {
  background: #c6ff94;
  border-color: #c6ff94;
}
.bq-option:has(input:checked) .bq-option-label {
  color: #f5f8ef;
}

/* Schedule */
.bq-schedule-grid {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.bq-schedule-primary,
.bq-schedule-side {
  border-radius: 20px;
  border: 2px solid rgba(255,255,255,0.12);
  background: #050606;
  padding: 1rem;
}

.bq-schedule-title {
  font-size: 1.6rem;
  font-weight: 600;
}

.bq-schedule-subtitle,
.bq-schedule-note,
.bq-schedule-side ul,
.bq-schedule-side h4 {
  font-size: 1.1rem;
  color: var(--muted);
  font-weight: 600;
}

.bq-schedule-side h4 {
  margin-bottom: 0.6rem;
  margin-top: 0;
  color: var(--main-text-color1);
}

.bq-schedule-side ul {
  margin: 0;
  padding-left: 1.2rem;
}

/* Footer + navigation */
.bq-footer {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.bq-progress-label {
  font-size: 1.1rem;
  color: var(--main-text-color1);
}

.bq-progress-bar {
  position: relative;
  width: 100%;
  height: 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  overflow: hidden;
}

.bq-progress-bar-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, #c6ff94, #8ad04c);
  transition: width 0.25s ease;
  border-radius: 20px;
}

.bq-footer-nav {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}

.bq-back,
.bq-next {
  flex: 1;
  border-radius: 999px;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 0.65rem 1.4rem;
  cursor: pointer;
  text-align: center;
  transition: background .22s, color .22s, border-color .22s, opacity .22s;
}

.bq-back {
  background: transparent;
  border: 3px solid #9aa3ad;
  color: #9aa3ad;
}
.bq-back:hover:not(.is-disabled):not(:disabled) {
  background: rgba(255,255,255,0.04);
  color: #eaf1e0;
}

.bq-next {
  background: #c6ff94;
  color: #050606;
  border: 2px solid #c6ff94;
}
.bq-next:hover:not(.is-disabled):not(:disabled) {
  background: #d5ffb2;
}

.bq-back.is-disabled,
.bq-next.is-disabled,
.bq-back:disabled,
.bq-next:disabled {
  opacity: 0.45;
  cursor: default;
}

/* Submit */
.bq-submit-wrap {
  margin-top: 1.4rem;
}
.bq-submit {
  display: inline-block;
  width: 100%;
  border-radius: 999px;
  border: 2px solid #c6ff94;
  background: #c6ff94;
  color: #050606;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.85rem 1.4rem;
  cursor: pointer;
  text-align: center;
  transition: background .22s, color .22s, box-shadow .22s;
}
.bq-submit:hover {
  background: #d5ffb2;
  box-shadow: 0 15px 40px rgba(0,0,0,0.9);
}

/* Privacy note */
.bq-privacy-note {
  margin-top: 1rem;
  font-size: 0.85rem;
  color: var(--muted);
  text-align: center;
}
.alt-contact {
  font-size: 1.1rem;
}
.alt-contact-highlight {
  color: var(--main-text-color1);
  font-size: 1.5rem;
}
.qxCTlb {
  border-radius: 36px !important;
  font-family: Manrope, sans-serif !important;
  margin-top: 1rem;
  margin-bottom: 1rem;
  background-color: #c6ff94 !important;
  width: 100%;
  font-size: 2rem;
  padding: 2rem 3rem !important;
  box-shadow: inset 0px -4px 20px #203706;
  background: linear-gradient(360deg, rgb(38 134 89), transparent);
}
/* ======================================
   BQ – Contact Details (Scaled Down)
   ====================================== */


.bq-contact-fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem;
  margin-top: 1rem;
}

.bq-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.65rem 0.8rem;
  border-radius: 20px;
  background: #050606;
  border: 1.2px solid rgba(255,255,255,0.14);
  transition: border-color .22s, background .22s, box-shadow .22s;
}

.bq-field:hover {
  border-color: rgba(198,255,148,0.35);
}

.bq-field-label {
  font-size: 0.9rem;
  font-weight: 600;
  color: #e3efd8;
}

.bq-input {
  width: 100%;
  background: #0b0c0c;
  color: #cfd6cc;
  border: 1.2px solid rgba(255,255,255,.12);
  outline: none;
  font-size: 1.1rem;
  padding: 1rem 1.2rem;
  border-radius: 40px;
  transition: background .22s, border-color .22s, color .22s, box-shadow .22s;
  font-family: inherit;
  font-weight: 500;
}

.bq-input:focus {
  background: #c6ff94;
  color: #0b0b0c;
  border-color: rgba(0,0,0,.2);
  box-shadow: 0 0 0 2px rgba(185,255,118,.25);
}

/* ======================================
   Mobile Adjustments

	/* ======================================
   A3 • Quote Drawer — Base
   ====================================== */
@media(max-width:1024px){
.a3-quote {
  --z-overlay: 1800;
  --z-drawer: 1801;
  --z-fab: 9999;

  --bg: #0b0b0c;
  --text: #eaf1e0;
  --muted: #9aa3ad;
  --neon: #c6ff94;
  --border: rgba(185,255,118,.25);

  --radius: 22px;
  --side-pad: 32px;

  --drawer-min: 30vh;
  --drawer-max: calc(92vh - 16px - env(safe-area-inset-bottom));

  --t-fast: .22s;
  --ease-open: cubic-bezier(.22,.8,.26,1);

  --field-font-size: 1rem;
  --textarea-min-h: 10rem;

  font-size: 1rem;
  color: var(--text);
  font-family: inherit;
}

/* Generic inputs */
input,
select,
.contact-us-email,
.contact-us-fname {
  color: black;
  font-size: 1.1rem;
  font-family: manrope;
  font-weight: 600;
  width: 100%;
  padding: 15px;
  margin-top: 5%;
  border-radius: 30px;
  border: 2px solid #9fd66c;
  box-sizing: border-box;
}

/* CF7 inheritance */
.a3cf7 input,
.a3cf7 select,
.a3cf7 textarea,
.a3cf7 button,
.a3-quote__close,
.a3-quote__fab,
.a3cf7-status,
.a3cf7-extra-toggle {
  font-family: inherit;
}

html.a3-quote-lock,
body.a3-quote-lock {
  overflow: hidden !important;
}

/* Overlay */
.a3-quote__overlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-overlay);
  opacity: 0;
  pointer-events: none;
  background:
    radial-gradient(120% 90% at 50% 20%, rgba(0,0,0,0) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,.55) 100%),
    rgba(0,0,0,.35);
  transition: opacity var(--t-fast) ease;
}
.a3-quote.is-open .a3-quote__overlay {
  opacity: 1;
  pointer-events: auto;
}

/* Drawer */
.a3-quote__drawer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-drawer);
  width: min(850px, calc(100% - 16px));
  margin-inline: auto;
  min-height: var(--drawer-min);
  display: grid;
  grid-template-rows: auto 1fr;
  background: #000000cc;
  border-left: 3px solid #c6ff94;
  border-right: 3px solid #c6ff94;
  border-top: 3px solid #c6ff94;
  border-radius: 80px 80px 0 0;
  will-change: transform;
  transform: translateY(115%);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.a3-quote.is-open .a3-quote__drawer {
  transform: translateY(0);
}

/* Header */
.a3-quote__header {
  position: relative;
  padding: 2rem 3rem;
  border-bottom: 2px solid rgb(255 255 255 / 26%);
  cursor: grab;
  touch-action: none;
  user-select: none;
  display: flex;
  align-items: flex-end;
}
.a3-quote__header::before {
  content: "";
  position: absolute;
  top: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  background: #b9ff76;
  border-radius: 999px;
  width: 6rem;
  height: 0.5rem;
}
.a3-quote__title {
  margin: 1rem 0 0 0;
  font-size: 1.25rem;
  font-weight: 400;
  color: #e3efd8;
}

/* Close button */
.a3-quote__close {
  position: absolute;
  top: 6rem;
  right: 3rem;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1;
  color: #0b0b0c;
  background: #878f7f;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  transition: background .25s ease, color .25s ease;
}
.a3-quote__close:hover {
  background: #b9ff76;
  color: #000;
}

/* Body */
.a3-quote__body {
  overflow: auto;
  padding: 2.2rem 3rem;
  line-height: 1.65;
}

/* FAB */
.a3-quote__fab {
  position: fixed;
  left: 50%;
  bottom: calc(4rem + env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 1700;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 1.7rem 4.2rem;
  border-radius: 999px;
  border: none;
  color: black;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  font-size: 3.15rem;
  background: rgb(180 255 115 / 22%);
  -webkit-backdrop-filter: blur(24px) saturate(1.4) contrast(.9) brightness(2.2);
  backdrop-filter: blur(24px) saturate(1.4) contrast(.9) brightness(2.2);
  box-shadow: inset 0 15px 20px 2px #a0ff4a75, inset 0 -3px 20px 0 #000000, inset 0 0 3px 5px #a7fc47;
}
.a3-quote__fab:active {
  transform: translateX(-50%) scale(0.97);
}

/* CF7 skin */
.a3cf7 {
  display: block;
}

.a3cf7-input,
.a3cf7-select,
.a3cf7-textarea {
  width: 100%;
  background: #0b0c0c;
  color: #cfd6cc;
  border: 2px solid rgba(255,255,255,.06);
  outline: none;
  font-size: 1rem;
  padding: 0.7rem 1rem;
  transition: background .22s, border-color .22s, color .22s, box-shadow .22s;
}
.a3cf7-input,
.a3cf7-select {
  border-radius: 999px;
}
.a3cf7-textarea {
  border-radius: 40px;
  min-height: 10rem;
  resize: vertical;
  margin-bottom: 1.2rem;
}
.a3cf7-input:focus,
.a3cf7-select:focus {
  background: #c6ff94;
  color: #0b0b0c;
  border-color: rgba(0,0,0,.2);
  box-shadow: 0 0 0 3px rgba(185,255,118,.25);
}

.a3cf7-extra-toggle {
  font-size: 1.1rem;
  background: #1b1e18;
  border: 3px solid #c6ff94;
  color: var(--neon);
  font-weight: 400;
  cursor: pointer;
  padding: 0.6rem 1.6rem;
  margin: 1rem 0;
  border-radius: 71px;
}
.a3cf7-extra {
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.a3cf7-actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.a3cf7-send {
  background: black;
  border: 3px solid var(--neon);
  color: var(--neon);
  border-radius: 999px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  padding: 0.7rem 1rem;
  transition: background .22s;
  width: 55%;
}
.a3cf7-send:hover {
  background: rgba(185,255,118,.08);
}

.a3cf7-status {
  font-size: 0.9rem;
  color: #b9c0b6;
  opacity: .85;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  padding: 0.3rem;
}

/* ======================================
   Brand Questionnaire (BQ)
   ====================================== */
.bq-step-shell {
  width: 100%;
  color: #eaf1e0;
  font-family: inherit;
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 3rem;
}

.bq-step {
  display: none;
}
.bq-step.is-active {
  display: block;
}

.bq-step-title {
  font-size: 3rem;
  font-weight: 600;
  margin: 0.1rem 0 1.5rem 0;
}

.bq-step-subtitle {
  font-size: 2rem;
  color: var(--muted);
  font-weight: 500;
  margin-bottom: 2rem;
  line-height: 1.3;
}

/* Options */
.bq-options {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem;
  margin-top: 3rem;
}

.bq-option {
  display: flex;
  align-items: center;
  gap: 0rem;
  padding: 1.4rem 0rem;
  border-radius: 40px;
  border: 2px solid rgba(255,255,255,0.14);
  background: #050606;
  cursor: pointer;
  transition: border-color .22s, background .22s, box-shadow .22s;
  flex-direction: column;
}

.bq-option input[type="radio"],
.bq-option input[type="checkbox"] {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.bq-dot {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,0.4);
  flex-shrink: 0;
}

.bq-option-main {
  display: flex;
  flex-direction: column;
}

.bq-option-label {
  font-size: 1.1rem;
  font-weight: 600;
  color: #e3efd8;
}
.bq-option-desc {
  font-size: 1.5rem;
  color: var(--muted);
  line-height: 1.3;
}

.bq-option:has(input:checked) {
  border-color: #c6ff94;
  background: radial-gradient(circle at top left, rgba(198,255,148,0.22), #050606);
  box-shadow: 0 12px 32px rgba(0,0,0,0.8);
}
.bq-option:has(input:checked) .bq-dot {
  background: #c6ff94;
  border-color: #c6ff94;
}
.bq-option:has(input:checked) .bq-option-label {
  color: #f5f8ef;
}

/* Schedule */
.bq-schedule-grid {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.bq-schedule-primary,
.bq-schedule-side {
  border-radius: 20px;
  border: 2px solid rgba(255,255,255,0.12);
  background: #050606;
  padding: 2rem;
}

.bq-schedule-title {
  font-size: 3rem;
  font-weight: 600;
}

.bq-schedule-subtitle,
.bq-schedule-note,
.bq-schedule-side ul,
.bq-schedule-side h4 {
  font-size: 2rem;
  color: var(--muted);
  font-weight: 600;
  line-height: 1.3;
  padding-bottom: 2rem;
}

.bq-schedule-side h4 {
  margin-bottom: 0.6rem;
  margin-top: 0;
  color: var(--main-text-color1);
  font-size: 3rem;
}

.bq-schedule-side ul {
  margin: 0;
  padding-left: 2.2rem;
}

/* Footer + navigation */
.bq-footer {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.bq-progress-label {
  font-size: 2rem;
  color: var(--main-text-color1);
  margin-top: 1rem;
}

.bq-progress-bar {
  position: relative;
  width: 100%;
  height: 1rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  overflow: hidden;
  margin-bottom: 2rem;
}

.bq-progress-bar-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, #c6ff94, #8ad04c);
  transition: width 0.25s ease;
}

.bq-footer-nav {
  display: flex;
  justify-content: space-between;
  gap: 2.75rem;
}

.bq-back,
.bq-next {
  flex: 1;
  border-radius: 999px;
  font-size: 2.3rem;
  font-weight: 600;
  padding: 1rem 2rem;
  cursor: pointer;
  text-align: center;
  transition: background .22s, color .22s, border-color .22s, opacity .22s;
  font-family: 'Manrope';
}

.bq-back {
  background: transparent;
  border: 3px solid #9aa3ad;
  color: #9aa3ad;
}
.bq-back:hover:not(.is-disabled):not(:disabled) {
  background: rgba(255,255,255,0.04);
  color: #eaf1e0;
}

.bq-next {
  background: #c6ff94;
  color: #050606;
  border: 2px solid #c6ff94;
}
.bq-next:hover:not(.is-disabled):not(:disabled) {
  background: #d5ffb2;
}

.bq-back.is-disabled,
.bq-next.is-disabled,
.bq-back:disabled,
.bq-next:disabled {
  opacity: 0.45;
  cursor: default;
}

/* Submit */
.bq-submit-wrap {
  margin-top: 1.4rem;
}
.bq-submit {
  display: inline-block;
  width: 100%;
  border-radius: 999px;
  border: 2px solid #c6ff94;
  background: #c6ff94;
  color: #050606;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.85rem 1.4rem;
  cursor: pointer;
  text-align: center;
  transition: background .22s, color .22s, box-shadow .22s;
}
.bq-submit:hover {
  background: #d5ffb2;
  box-shadow: 0 15px 40px rgba(0,0,0,0.9);
}

/* Privacy note */
.bq-privacy-note {
  margin-top: 2rem;
  font-size: 2rem;
  color: var(--muted);
  text-align: center;
  line-height: 1.3;
}
.alt-contact {
  font-size: 2rem;
  line-height: 1.3;
  color: #939ba5;
}
.alt-contact-highlight {
  color: var(--main-text-color1);
  font-size: 3rem;
}
.qxCTlb {
  border-radius: 40px !important;
  font-family: Manrope, sans-serif !important;
  margin-top: 1rem;
  margin-bottom: 3rem;
  background-color: #c6ff94 !important;
  font-size: 2.5rem;
  padding: 2rem 4rem !important;
  min-height: 0;
  font-weight: 600 !important;
  width: 100%;
}
	
	bq-contact-fields {
    gap: 1.4rem;       /* reduced from 2.6rem */
    margin-top: 2rem;  /* reduced from 3rem */
  }

  .bq-field {
    padding: 1.6rem 1.6rem; /* slightly smaller */
    border-radius: 16px;    /* unchanged */
  }

  .bq-field-label {
    font-size: 2.6rem;  /* unchanged */
    font-weight: 600;
  }

  .bq-input {
    font-size: 2.6rem;  /* unchanged */
    padding: 1.6rem 2.6rem;
    border-radius: 80px;
    border-width: 3px;
  }
}