/* Start custom CSS for html, class: .elementor-element-4d01263 */* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      }

      body {
        background-color: #f0f2f5;
        color: #333;
        line-height: 1.6;
      }

      .container {
        max-width: 1000px;
        margin: 0 auto;
        padding: 20px;
      }

      header {
        background: linear-gradient(135deg, var(--primary), #003b63);
        color: white;
        padding: 20px;
        border-radius: 8px 8px 0 0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        margin-bottom: 30px;
        text-align: center;
      }

      .logo-section {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-bottom: 15px;
      }

      .logo {
        background-color: white;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
      }

      .logo i {
        font-size: 40px;
        color: var(--primary);
      }

      h1 {
        font-size: 1.8rem;
        margin-bottom: 10px;
      }

      .subtitle {
        font-size: 1.1rem;
        opacity: 0.9;
        max-width: 800px;
        margin: 0 auto;
      }

      .progress-bar {
        background-color: #e9ecef;
        height: 10px;
        border-radius: 5px;
        margin: 25px 0;
        overflow: hidden;
      }

      .progress {
        background-color: var(--accent);
        height: 100%;
        width: 15%;
        transition: width 0.5s ease;
      }

      .form-container {
        background-color: white;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        padding: 30px;
        margin-bottom: 30px;
      }

      .section {
        margin-bottom: 40px;
        padding-bottom: 30px;
        border-bottom: 1px solid #eee;
      }

      .section:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
      }

      .section-title {
        font-size: 1.5rem;
        color: var(--primary);
        margin-bottom: 25px;
        padding-bottom: 10px;
        border-bottom: 2px solid var(--primary);
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .section-title i {
        background-color: #e3f2fd;
        padding: 8px;
        border-radius: 50%;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .form-group {
        margin-bottom: 20px;
      }

      label {
        display: block;
        margin-bottom: 8px;
        font-weight: 500;
      }

      .required:after {
        content: " *";
        color: var(--danger);
      }

      input,
      select,
      textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #ced4da;
        border-radius: 4px;
        font-size: 16px;
        transition: border-color 0.3s;
      }

      input:focus,
      select:focus,
      textarea:focus {
        border-color: var(--primary);
        outline: none;
        box-shadow: 0 0 0 3px rgba(0, 102, 161, 0.25);
      }

      .radio-group,
      .checkbox-group {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 5px;
      }

      .radio-option,
      .checkbox-option {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .rating-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 10px;
      }

      .rating-table th,
      .rating-table td {
        padding: 12px;
        text-align: center;
        border: 1px solid #dee2e6;
      }

      .rating-table th {
        background-color: #f8f9fa;
        font-weight: 600;
      }

      .rating-table tr:nth-child(even) {
        background-color: #f8f9fa;
      }

      .conditional {
        margin-top: 15px;
        padding-left: 20px;
        border-left: 3px solid var(--primary);
        display: none;
      }

      .btn-container {
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
      }

      button {
        padding: 12px 25px;
        border: none;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s;
      }

      .btn-prev {
        background-color: #6c757d;
        color: white;
      }

      .btn-prev:hover {
        background-color: #5a6268;
      }

      .btn-next {
        background-color: var(--primary);
        color: white;
      }

      .btn-next:hover {
        background-color: #00538a;
      }

      .btn-submit {
        background-color: var(--accent);
        color: white;
      }

      .btn-submit:hover {
        background-color: #218838;
      }

      footer {
        text-align: center;
        padding: 20px;
        color: #6c757d;
        font-size: 0.9rem;
      }

      @media (max-width: 768px) {
        .container {
          padding: 10px;
        }

        .form-container {
          padding: 20px;
        }

        .section-title {
          font-size: 1.3rem;
        }

        .rating-table {
          font-size: 0.85rem;
        }

        .rating-table th,
        .rating-table td {
          padding: 8px 5px;
        }
      }/* End custom CSS */