@charset "utf-8";
/* CSS Document */

 .its-contact {
    --navy:    #1a2e45;
    --steel:   #2e5f8a;
    --accent:  #ff9601;
    --light:   #7ab3d8;
    --rule:    #c8d4e0;
    --bg:      #f4f7fa;
    --white:   #ffffff;
    --error:   #c0392b;
    --success: #27ae60;

    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: var(--navy);
    max-width: 680px;
    margin: 0 auto;
    padding: 0;
  }

  .its-contact *,
  .its-contact *::before,
  .its-contact *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  /* ── HEADER BAR ──────────────────────────── */
  .its-contact .cf-header {
    background: var(--navy);
    padding: 18px 24px 16px;
    border-radius: 4px 4px 0 0;
  }

  .its-contact .cf-title {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--white);
    line-height: 1;
  }

  .its-contact .cf-subtitle {
    font-size: 13px;
    color: var(--light);
    margin-top: 4px;
    font-style: italic;
  }

  /* ── FORM BODY ───────────────────────────── */
  .its-contact .cf-body {
    background: #002b50;
    border: 1px solid #002b50;
    border-top: none;
    border-radius: 0 0 4px 4px;
    padding: 24px;
  }

  /* ── FIELD TABLE ─────────────────────────── */
  .its-contact .cf-table {
    width: 100%;
    border-collapse: collapse;
  }

  .its-contact .cf-table tr {
    border-bottom: 1px solid var(--rule);
  }

  .its-contact .cf-table tr:last-child {
    border-bottom: none;
  }

  .its-contact .cf-table td {
    padding: 12px 8px;
    vertical-align: middle;
  }

  .its-contact .cf-table td:first-child {
    padding-left: 0;
  }

  .its-contact .cf-table td:last-child {
    padding-right: 0;
  }

  /* label column */
  .its-contact .cf-label {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: white;
    white-space: nowrap;
    width: 110px;
    min-width: 110px;
  }

  .its-contact .cf-label .req {
    color: var(--accent);
    margin-left: 2px;
  }

  /* input column */
  .its-contact .cf-input-cell {
    width: 100%;
  }

  .its-contact .cf-table input[type="text"],
  .its-contact .cf-table input[type="email"],
  .its-contact .cf-table textarea {
    width: 100%;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: var(--navy);
    background: var(--bg);
    border: 1px solid var(--rule);
    border-radius: 3px;
    padding: 8px 10px;
    outline: none;
    transition: border-color 0.18s, background 0.18s;
  }

  .its-contact .cf-table input[type="text"]:focus,
  .its-contact .cf-table input[type="email"]:focus,
  .its-contact .cf-table textarea:focus {
    border-color: var(--steel);
    background: var(--white);
  }

  .its-contact .cf-table textarea {
    resize: vertical;
    min-height: 110px;
    line-height: 1.5;
  }

  /* ── CAPTCHA ROW ─────────────────────────── */
  .its-contact .cf-captcha-row td {
    padding-top: 16px;
    padding-bottom: 4px;
  }

  .its-contact .cf-captcha-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .its-contact .cf-captcha-question {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--navy);
    background: var(--bg);
    border: 1px solid var(--rule);
    border-radius: 3px;
    padding: 7px 14px;
    letter-spacing: 0.04em;
    white-space: nowrap;
    cursor: default;
    user-select: none;
  }

  .its-contact .cf-captcha-eq {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: var(--steel);
    font-weight: 600;
  }

  .its-contact .cf-captcha-answer {
    width: 72px !important;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em;
  }

  .its-contact .cf-captcha-feedback {
    font-size: 12px;
    font-style: italic;
    margin-top: 4px;
    min-height: 16px;
    padding-left: 2px;
  }

  .its-contact .cf-captcha-feedback.correct {
    color: var(--success);
  }

  .its-contact .cf-captcha-feedback.wrong {
    color: var(--error);
  }

  /* ── SUBMIT ROW ──────────────────────────── */
  .its-contact .cf-submit-row {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
  }

  .its-contact .cf-submit {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--white);
    background: #4A90E2;
    border: none;
    border-radius: 3px;
    padding: 10px 28px;
    cursor: pointer;
    transition: background 0.18s, opacity 0.18s;
    outline: none;
  }

  .its-contact .cf-submit:hover:not(:disabled) {
    background: #4A90E2;
    color: #ff9601;
  }

  .its-contact .cf-submit:disabled {
    opacity: 0.38;
    cursor: not-allowed;
  }

  .its-contact .cf-required-note {
    font-size: 12px;
    color: #8a9bb0;
    font-style: italic;
  }

  /* ── SUCCESS MESSAGE ─────────────────────── */
  .its-contact .cf-success {
    display: none;
    background: #eaf7ee;
    border: 1px solid #a8dbb6;
    border-radius: 3px;
    padding: 14px 18px;
    margin-top: 16px;
    font-size: 14px;
    color: var(--success);
    font-style: italic;
  }