.noc-section {
      padding: 50px 0;

       .section-header {
      text-align: center;
    }


    .divider-line {
      width: 60px;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--primary), transparent);
    }

    .search-card {
      background: white;
      border-radius: 16px;
      padding: 30px;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
      margin-bottom: 30px;
    }

    .search-tabs {
      display: flex;
      border-bottom: 1px solid var(--border);
      margin-bottom: 25px;
    }

    .search-tab {
      padding: 12px 24px;
      cursor: pointer;
      font-weight: 600;
      color: var(--gray);
      border-bottom: 3px solid transparent;
      transition: all 0.3s ease;
    }

    .search-tab.active {
      color: var(--primary);
      border-bottom: 3px solid var(--primary);
    }

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

    .form-label {
      font-weight: 600;
      color: var(--dark);
      margin-bottom: 8px;
      font-family: $secondaryFont
    }

    .form-control {
      padding: 12px 16px;
      border: 1px solid var(--border);
      border-radius: 8px;
      transition: all 0.3s ease;
    }

    .form-control:focus {
      border-color: var(--primary);
      box-shadow: 0 0 0 3px rgba(5, 70, 139, 0.1);
    }

    .btn-primary {
      background-color: var(--secondary);
      border: none;
      padding: 12px 24px;
      font-weight: 600;
      border-radius: 8px;
      transition: all 0.3s ease;
    }

    .btn-primary:hover {
      background-color: #e0253a;
      transform: translateY(-2px);
    }

    .results-card {
      background: white;
      border-radius: 16px;
      padding: 30px;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
      display: none;
    }

    .noc-details {
      border: 1px solid var(--border);
      border-radius: 12px;
      overflow: hidden;
    }

    .noc-header {
      background: var(--primary);
      padding: 20px;
      text-align: center;
      h4{
        color: white;
      }
      p{
        color: white;
        font-weight: 300;
      }
    }

    .noc-body {
      padding: 30px;
    }

    .detail-row {
      display: flex;
      margin-bottom: 15px;
      border-bottom: 1px solid var(--border);
      padding-bottom: 15px;
    }

    .detail-label {
      flex: 0 0 30%;
      font-weight: 600;
      color: var(--dark);
    }

    .detail-value {
      flex: 1;
      color: var(--text);
    }

    .action-buttons {
      display: flex;
      gap: 15px;
      margin-top: 30px;
    }

    .btn-outline {
      border: 1px solid var(--primary);
      color: var(--primary);
      padding: 10px 20px;
      border-radius: 8px;
      font-weight: 600;
      transition: all 0.3s ease;
    }

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

    .no-results {
      text-align: center;
      padding: 40px;
      color: var(--gray);
    }

    .no-results i {
      font-size: 48px; 
      margin-bottom: 15px;
      color: var(--light-gray);
    }

    .help-text {
      font-size: 14px;
      color: var(--gray);
      margin-top: 5px;
    }

    }