body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: #ffffff;
    }

    /* FORM CSS ONLY */
    .quote-form-section {
      display: none;
      background: #ffffff;
      padding: 50px 0;
    }

    .quote-form-section.show {
      display: block;
    }

    .quote-box {
      background: #ffffff;
      border: 1px solid #e9e9e9;
      border-radius: 16px;
      padding: 35px;
      box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
    }

    .quote-back-btn {
      border: 1px solid #dddddd;
      background: #ffffff;
      color: #111111;
      padding: 10px 20px;
      border-radius: 6px;
      margin-bottom: 25px;
      font-size: 16px;
    }

    .quote-back-btn:hover {
      background: #111111;
      color: #ffffff;
    }

    .quote-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 25px;
      margin-bottom: 35px;
    }

    .quote-tabs span {
      color: #888888;
      font-size: 15px;
      font-weight: 800;
      text-transform: uppercase;
    }

    .quote-tabs span.active {
      color: #111111;
    }

    .quote-step {
      display: none;
    }

    .quote-step.active {
      display: block;
    }

    .quote-step h2 {
      color: #111111;
      font-size: clamp(36px, 5vw, 58px);
      line-height: 1.1;
      font-weight: 900;
      margin-bottom: 30px;
      text-transform: uppercase;
    }

    .quote-step label {
      display: block;
      color: #111111;
      font-size: 15px;
      font-weight: 800;
      text-transform: uppercase;
      margin-bottom: 8px;
    }

    .quote-box .form-control,
    .quote-box .form-select {
      height: 48px;
      border: 1px solid #dddddd;
      border-radius: 6px;
      color: #111111;
      box-shadow: none;
      font-size: 16px;
    }

    .quote-box textarea.form-control {
      height: auto;
      resize: none;
    }

    .quote-box .form-control:focus,
    .quote-box .form-select:focus {
      border-color: #c6ff00;
      box-shadow: 0 0 0 3px rgba(198, 255, 0, 0.25);
    }

    .quote-radio-area {
      display: flex;
      align-items: center;
      gap: 18px;
      margin-top: 8px;
    }

    .quote-radio-area label {
      color: #111111;
      text-transform: none;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 6px;
      margin: 0;
    }

    .quote-btn-row {
      display: flex;
      justify-content: space-between;
      gap: 15px;
      margin-top: 32px;
    }

    .quote-next-btn,
    .quote-submit-btn {
      border: none;
      background: #c6ff00;
      color: #111111;
      padding: 12px 25px;
      border-radius: 6px;
      font-size: 16px;
      font-weight: 800;
    }

    .quote-next-btn:hover,
    .quote-submit-btn:hover {
      background: #111111;
      color: #ffffff;
    }

    .quote-prev-btn {
      border: none;
      background: #6c757d;
      color: #ffffff;
      padding: 12px 25px;
      border-radius: 6px;
      font-size: 16px;
      font-weight: 800;
    }

    .quote-prev-btn:hover {
      background: #111111;
    }

    .quote-details-box {
      background: #ffffff;
      border: 1px solid #e9e9e9;
      border-radius: 16px;
      padding: 28px;
      box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
    }

    .quote-details-box h3 {
      color: #111111;
      font-size: 26px;
      font-weight: 900;
      margin-bottom: 18px;
    }

    .quote-details-box p {
      color: #333333;
      font-size: 16px;
      margin-bottom: 10px;
    }

    .quote-details-box span {
      color: #666666;
    }