/* ===== NAVBAR ===== */
    .navbar {
      background-color: #0d1a75;
    }
    .navbar-brand img {
      height: 40px;
    }
    .navbar-nav .nav-link {
      color: #fff !important;
      margin-right: 1rem;
      font-weight: 500;
    }
    .navbar .btn-signin {
      background-color: #fff;
      color: #0d1a75;
      font-weight: 600;
      border-radius: 6px;
      padding: 5px 15px;
    }

    /* ===== PAGE HEADER ===== */
    .job-header {
      background-color: #fff;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }
    .badge-academic {
      background-color: #8b2be2;
      color: #fff;
      padding: 5px 12px;
      border-radius: 6px;
      font-size: 0.85rem;
    }
    .job-title {
      color: #004080;
      font-weight: 700;
      font-size: 1.5rem;
      margin-top: 10px;
    }
    .job-info {
      font-size: 0.95rem;
      color: #6c757d;
    }

    /* ===== SIDEBAR ===== */
    .sidebar-box {
      background-color: #fff;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
      margin-bottom: 20px;
    }
    .progress {
      height: 5px;
      background-color: #e9ecef;
    }
    .progress-bar {
      background-color: #dc3545;
    }
    .sidebar-title {
      font-weight: 600;
      margin-bottom: 10px;
      color: #333;
    }
    .sidebar-box p, .sidebar-box a {
      font-size: 0.9rem;
      color: #555;
    }
    .sidebar-box a:hover {
      text-decoration: underline;
    }

    /* ===== SECTION HEADINGS ===== */
    .section-title {
      font-weight: 600;
      font-size: 1.1rem;
      margin-top: 10px;
      margin-bottom: 10px;
    }



    /* */
   /*================= Step Progress Bar ===========================*/
    .progress-container {
      margin-top: 30px;
      margin-bottom: 20px;
    }
    .progress-step {
      text-align: center;
      color: #6c757d;
    }
    .progress-step.active {
      color: #0a1172;
      font-weight: 600;
    }
    .progress {
      height: 6px;
      background-color: #e9ecef;
    }
    .progress-bar {
      background-color: #0a1172;
    }

    /* Upload Boxes */
    .upload-box {
      background-color: #f8f9fa;
      border: 2px dashed #d1d3e2;
      border-radius: 10px;
      padding: 30px;
      text-align: center;
      color: #6c757d;
      transition: all 0.3s ease-in-out;
      cursor: pointer;
    }
    .upload-box:hover {
      border-color: #0a1172;
      background-color: #eef1ff;
    }

    .upload-box i {
      font-size: 40px;
      color: #0a1172;
      margin-bottom: 10px;
    }

    .required {
      color: #dc3545;
      font-size: 13px;
      margin-left: 5px;
    }

    /* Textarea */
    textarea {
      resize: none;
    }

    /* Buttons */
    .btn-nist {
      background-color: #0a1172;
      color: white;
      border-radius: 6px;
      font-weight: 600;
    }

    /* Form Steps */
    .form-step {
      display: none;
    }
    .form-step.active {
      display: block;
    }

    /* File Upload Preview */
    .file-preview {
      display: flex;
      align-items: center;
      margin-top: 10px;
      padding: 8px 12px;
      background-color: #f0f8ff;
      border-radius: 5px;
      border-left: 4px solid #0a1172;
    }
    .file-preview i {
      color: #0a1172;
      margin-right: 10px;
    }
    .file-preview .file-name {
      flex-grow: 1;
      font-size: 14px;
    }
    .file-preview .file-remove {
      color: #dc3545;
      cursor: pointer;
    }


    /* ===== FOOTER ===== */
    footer {
      background-color: #000000;
      color: #fff;
      padding: 40px 0;
    }
    footer a {
      color: #fff;
      text-decoration: none;
    }
    footer a:hover {
      text-decoration: underline;
    }
    .footer-title {
      font-weight: 600;
      margin-bottom: 10px;
    }

    /* ===== BUTTONS ===== */
    .btn-apply {
      background-color: #0d1a75;
      color: #fff;
      font-weight: 500;
      border-radius: 8px;
    }
    .btn-back {
      background-color: #fff;
      color: #0d1a75;
      font-weight: 500;
      border-radius: 8px;
      border: 1px solid #0d1a75;
    }
    .btn-back:hover {
      background-color: #e9ecef;
    }