/* ===== FONTS - ALL HEADING LEVELS ===== */
body {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #333333;
}

h1 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  color: #ffffff;
}

h2 {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.3;
  color: #333333;
}

h3 {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4;
  color: #333333;
}

h4 {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  color: #333333;
}

h5 {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: #666666;
}

h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ===== ITALIC TEXT STYLES ===== */
em, i, .italic-text {
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #666666;
}

.italic-emphasis {
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-weight: 500;
  color: #333333;
}

/* ===== DECORATIVE LINE HEADING (For sections with horizontal line) ===== */
.decorative-heading {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.3;
  color: #333333;
  text-align: center;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
}


.decorative-heading::after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background-color: #877222;
  margin: 15px auto 0;
}

/* Alternative: Decorative heading with line on both sides */
.decorative-heading-lines {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.3;
  color: #008080;
  text-align: center;
  display: flex;
  align-items: center;
  margin: 40px 0 30px;
}

.decorative-heading-lines::before,
.decorative-heading-lines::after {
  content: '';
  flex: 1;
  height: 2px;
  background-color: #008080;
}

.decorative-heading-lines::before {
  margin-right: 20px;
}

.decorative-heading-lines::after {
  margin-left: 20px;
}

/* ===== COLORS ===== */
.bg-dark {
  background-color: #000000;
}

.bg-medium-dark {
  background-color: #1a1a1a;
}

.bg-light {
  background-color: #f5f5f5;
}

.bg-white {
  background-color: #ffffff;
}

.text-dark {
  color: #333333;
}

.text-light {
  color: #ffffff;
}

.text-grey {
  color: #666666;
}

.text-gold {
  color: #877222;
}

/* ===== DIVIDERS ===== */
hr, .divider {
  border: 0;
  height: 2px;
  background-color: #877222;
  margin: 40px 0;
}

.divider-gold {
  border: 0;
  height: 2px;
  background-color: #DAA520;
  margin: 40px 0;
}

.divider-teal {
  border: 0;
  height: 2px;
  background-color: #008080;
  margin: 40px 0;
}

.divider-your-gold {
  border: 0;
  height: 2px;
  background-color: #877222;
  margin: 40px 0;
}

/* Thicker divider option */
.divider-thick {
  border: 0;
  height: 4px;
  background-color: #877222;
  margin: 40px 0;
}

/* ===== CALL-OUT BOXES ===== */
.callout-insight {
  background-color: #fff8dc;
  border-left: 4px solid #DAA520;
  padding: 20px;
  margin: 20px 0;
}

.callout-translation {
  background-color: #f9f9f9;
  border-left: 4px solid #666666;
  padding: 20px;
  margin: 20px 0;
}

.callout-biolock {
  background-color: #e0f2f1;
  border-left: 4px solid #008080;
  padding: 20px;
  margin: 20px 0;
}


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/* ── GLOBAL FONT ── */
.bla_feedback,
.bla_feedback *,
.bla_feedback input,
.bla_feedback textarea,
.bla_feedback label,
.bla_feedback button {
  font-family: 'Inter', Arial, sans-serif !important;
}

/* ── FORM HEADER ── */
.bla_feedback .zfFormHeader {
  background-color: #1a1a1a !important;
  border-bottom: 3px solid #ffcc00 !important;
}

.bla_feedback .zfFormHeader h2 {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 1.15rem !important;
  letter-spacing: 0.01em !important;
}

/* ── FORM BODY BACKGROUND ── */
.bla_feedback #formContainer,
.bla_feedback .fieldContWrapper,
.bla_feedback .centerContainer,
.bla_feedback .formRightCont {
  background-color: #ffffff !important;
}

/* ── SECTION HEADINGS ── */
.bla_feedback .section .fieldContainer h2 {
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #00B8D4 !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 1.5px solid #ffcc00 !important;
  margin-bottom: 0.3rem !important;
}

/* ── FIELD LABELS ── */
.bla_feedback .fieldlabel .fieldLabelTxt {
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  color: #1a1a1a !important;
}

/* ── TEXT INPUTS ── */
.bla_feedback input.fieldtext,
.bla_feedback textarea.fieldtext,
.bla_feedback .MatrixLabelTxt {
  border: 1px solid #d0d0d0 !important;
  border-radius: 6px !important;
  background-color: #fafafa !important;
  color: #1a1a1a !important;
  transition: border-color 0.2s ease !important;
}

.bla_feedback input.fieldtext:focus,
.bla_feedback textarea.fieldtext:focus,
.bla_feedback .MatrixLabelTxt:focus {
  border-color: #00B8D4 !important;
  background-color: #ffffff !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 184, 212, 0.12) !important;
}

.bla_feedback .focus-border {
  background-color: #00B8D4 !important;
}

/* ── RADIO BUTTONS ── */
.bla_feedback .cusChoiceLabel {
  border: 1.5px solid #d0d0d0 !important;
  border-radius: 20px !important;
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  font-size: 0.88rem !important;
  transition: all 0.15s ease !important;
}

.bla_feedback .cusChoiceLabel:hover {
  border-color: #00B8D4 !important;
  background-color: #e8f9fc !important;
}

.bla_feedback .radioBtnType:checked + .cusChoiceLabel,
.bla_feedback .radioBtnType:checked ~ .cusChoiceLabel {
  background-color: #ffcc00 !important;
  border-color: #ffcc00 !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

.bla_feedback .focus-bg {
  background-color: rgba(0, 184, 212, 0.1) !important;
}

/* ── YES / NO BUTTONS ── */
.bla_feedback .yesNofldStyle2 {
  border: 1.5px solid #d0d0d0 !important;
  border-radius: 8px !important;
  color: #1a1a1a !important;
  background-color: #fafafa !important;
}

.bla_feedback .yesNofldStyle2:hover {
  border-color: #00B8D4 !important;
  background-color: #e8f9fc !important;
}

.bla_feedback .yesFldType2.selected,
.bla_feedback .yesFldType2[aria-checked="true"] {
  background-color: #ffcc00 !important;
  border-color: #ffcc00 !important;
  color: #1a1a1a !important;
}

.bla_feedback .noFldType2.selected,
.bla_feedback .noFldType2[aria-checked="true"] {
  background-color: #1a1a1a !important;
  border-color: #1a1a1a !important;
  color: #ffffff !important;
}

/* ── MATRIX TABLE ── */
.bla_feedback .matrixTablewrap thead th.headerSpacing {
  font-weight: 600 !important;
  font-size: 0.82rem !important;
  color: #1a1a1a !important;
  background-color: #f5f5f5 !important;
  border-bottom: 2px solid #ffcc00 !important;
  padding: 8px 12px !important;
}

.bla_feedback .matrixfreeze.headerSpacing {
  font-weight: 500 !important;
  font-size: 0.85rem !important;
  color: #1a1a1a !important;
}

.bla_feedback input[type="radio"]:checked + .cusChoiceLabel {
  background-color: #ffcc00 !important;
  border-color: #ffcc00 !important;
}

/* ── REQUIRED ASTERISK ── */
.bla_feedback em.important {
  color: #00B8D4 !important;
}

/* ── PAGE NAVIGATION BAR ── */
.bla_feedback .pageNavInside {
  background-color: #1a1a1a !important;
  border-bottom: 2px solid #ffcc00 !important;
  padding: 8px 0 !important;
}

.bla_feedback .pagenavNumber {
  background-color: transparent !important;
  border: 1.5px solid rgba(255,255,255,0.3) !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
}

.bla_feedback .pagenavNumber.cur_ActivePage,
.bla_feedback .pBarHeader.selected .pagenavNumber {
  background-color: #ffcc00 !important;
  border-color: #ffcc00 !important;
  color: #1a1a1a !important;
  font-weight: 700 !important;
}

.bla_feedback .pageTitleDiv {
  color: rgba(255,255,255,0.55) !important;
  font-size: 0.72rem !important;
}

.bla_feedback .pBarHeader.selected .pageTitleDiv,
.bla_feedback .pBarHeader.activePage .pageTitleDiv {
  color: #ffcc00 !important;
}

.bla_feedback .bdr_lineDiv {
  background-color: rgba(255,255,255,0.15) !important;
}

.bla_feedback .bdr_lineProgress {
  background-color: #ffcc00 !important;
}

/* ── BUTTONS ── */
.bla_feedback .btnElem {
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  border-radius: 6px !important;
  border: none !important;
  padding: 10px 24px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.bla_feedback .zf-next,
.bla_feedback .zfbtnSubmit {
  background-color: #ffcc00 !important;
  color: #1a1a1a !important;
}

.bla_feedback .zf-next:hover,
.bla_feedback .zfbtnSubmit:hover {
  background-color: #e6b800 !important;
  color: #1a1a1a !important;
}

.bla_feedback .zf-prev {
  background-color: transparent !important;
  color: #1a1a1a !important;
  border: 1.5px solid #d0d0d0 !important;
}

.bla_feedback .zf-prev:hover {
  border-color: #00B8D4 !important;
  color: #00B8D4 !important;
}

.bla_feedback .zfSaveBtn {
  background-color: transparent !important;
  color: #1a1a1a !important;
  border: 1.5px solid #d0d0d0 !important;
}

.bla_feedback .zfReviewBtn {
  background-color: #00B8D4 !important;
  color: #ffffff !important;
}

.bla_feedback .zfReviewBtn:hover {
  background-color: #009ab3 !important;
}

/* ── FOOTER NAV BAR ── */
.bla_feedback .navBtnWrapper.zfFooter {
  background-color: #f5f5f5 !important;
  border-top: 1px solid #e0e0e0 !important;
  padding: 12px 16px !important;
}

.bla_feedback .pageFooterNum {
  font-size: 0.78rem !important;
  color: #888888 !important;
}

/* ── CONSENT CHECKBOX ── */
.bla_feedback .zfDecisionbox .cusChoiceEm {
  font-weight: 500 !important;
  font-size: 0.88rem !important;
  color: #1a1a1a !important;
}

.bla_feedback .zfInstruction {
  font-size: 0.82rem !important;
  color: #555555 !important;
  line-height: 1.6 !important;
}

/* ── DESCRIPTION / HTML TEXT BLOCKS ── */
.bla_feedback .zfDescriptions .descFld,
.bla_feedback .zfDescriptions label {
  font-size: 0.88rem !important;
  color: #444444 !important;
  line-height: 1.7 !important;
}

/* ── ERROR MESSAGES ── */
.bla_feedback .zfErrorDiv {
  font-size: 0.8rem !important;
  color: #cc0000 !important;
}

/* ── PLACEHOLDER HINT TEXT ── */
.bla_feedback .hoverTxtDiv {
  font-size: 0.8rem !important;
  color: #888888 !important;
}

/* ── CAPTCHA ── */
.bla_feedback #captchaLabel,
.bla_feedback #captchDesc {
  font-size: 0.85rem !important;
  color: #1a1a1a !important;
}

/* ── BRANDING FOOTER ── */
.bla_feedback .brandingWrapper {
  background-color: #f5f5f5 !important;
  border-top: 1px solid #e0e0e0 !important;
}

.bla_feedback .power-Text {
  font-size: 0.75rem !important;
  color: #888888 !important;
}

/* ── FORM WRAPPER CONTAINER ── */
.bla_feedback .formWrapper {
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
}

/* ── SUBINFO TEXT (First Name / Last Name) ── */
.bla_feedback .formSubInfoText {
  font-size: 0.75rem !important;
  color: #888888 !important;
}