/* ============================================================
   DEFAULT FLUENT FORM OVERRIDES
   ============================================================ */
/* .fluentform .ff-step-container {
    overflow: visible !important;
}

.fluentform-step {
    overflow-x: visible !important;
} */

/* ============================================================
   STEP HEADER
   ============================================================ */
.ff-step-header {
  width: 1024px;
  position: absolute;
  top: -60px
}

.ff-step-titles {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.ff-step-titles li {
  counter-increment: ff-step-counter;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 5px 10px !important;
  border-radius: 3px !important;
  border: 1px solid transparent !important;
  font-family: "Poppins", sans-serif;
  font-size: var(--dz-fs-body) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.ff-step-titles li::before,
.ff-step-titles li::after {
  all: unset !important;
}

.ff-step-titles li::before {
  content: counter(ff-step-counter) !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.ff-step-titles li:not(:last-child) {
  margin-right: 28px !important;
}

.ff-step-titles li:not(:first-child) {
  margin-left: 28px !important;
}

/* Lines between steps */
.ff-step-titles li:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  left: calc(100% + 14px) !important;
  top: 50% !important;
  width: 22px !important;
  height: 1px !important;
  background: var(--dz-grey-light) !important;
}

/* Active step */
.ff-step-titles li.ff_active {
  background: var(--dz-green-dark) !important;
  border-color: var(--dz-green-dark) !important;
  color: var(--dz-off-white) !important;
}

/* Finished step */
.ff-step-titles li.ff_completed {
  background: var(--dz-egg-white) !important;
  border-color: var(--dz-ocher-light) !important;
  color: var(--dz-ocher-light) !important;
}

/* Unfinished step */
.ff-step-titles li:not(.ff_completed):not(.ff_active) {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--dz-green-dark) !important;
}

/* ============================================================
   CONTAINERS
   ============================================================ */
.dz-form-block {
    border: 1px solid var(--dz-black);
    margin-bottom: 24px;
    box-shadow: 7px 10px 10px 0.01px #c5c5c5;
    /* overflow: visible !important; */
}   

/* ============================================================
   TITLES & LABELS
   ============================================================ */
.dz-form-title-green {
  font-family: "Lora", sans-serif;
  color: var(--dz-green-dark);
  font-size: var(--dz-fs-title);
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
}

/* TO REVIEW */
.zg-order-summary {
  position: sticky;
  top: 120px;
  background: #405934;
  color: #fff;
  padding: 24px;
  border-radius: 4px;
  font-family: inherit;
}

.zg-order-summary h2 {
  color: #f8bf1f;
  margin-top: 0;
}

.zg-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: 10px 0;
}

.zg-row strong {
  text-align: right;
}

.zg-total {
  font-size: 24px;
  color: #f8bf1f;
}

.zg-order-summary hr {
  border: 0;
  border-top: 1px solid rgba(255,255,255,.25);
  margin: 16px 0;
}

@media (max-width: 768px) {
  .zg-order-summary {
    position: static;
    margin-top: 24px;
  }
}