
  .ns-refined-search {
      display: none;
      margin: 0 0 30px;
      color: #111827;
  }

  .ns-refined-search.is-open {
      display: block;
  }

  .gst-compare-btn.is-open {
      background: #043b6e;
      color: #fff;
  }
    #partyFrom{
    height:20px;
    }
    #partyTo{
    height:20px;
    }
  .ns-refined-tab,
  .ns-refined-submit {
      border: 0;
      background: #fff;
      color: #043b6e;
      font-weight: 600;
      cursor: pointer;
      min-height: 46px;
      transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  }

  .ns-refined-tab:hover,
  .ns-refined-tab.is-active,
  .ns-refined-submit:hover {
      background: #043b6e;
      color: #fff;
      box-shadow: 0 10px 22px rgba(37, 99, 235, 0.22);
  }

  .ns-refined-panel {
      border: 1px solid #bfdbfe;
      background: #fff;
      display: block;
      padding: 22px;
      box-shadow: 0 8px 26px rgba(30, 64, 175, 0.08);
  }

  .ns-refined-tabs {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
      margin-bottom: 28px;
  }

  .ns-refined-tab {
      border: 1px solid #93c5fd;
      border-bottom: 4px solid #8dc9f4;
      border-radius: 6px;
      padding: 13px 14px;
      text-align: center;
      box-shadow: 0 6px 16px rgba(37, 99, 235, 0.12);
  }

  .ns-refined-form {
      display: none;
      width: 100%;
  }

  .ns-refined-form.is-active {
      display: block;
  }

  .ns-refined-fields {
      display: grid;
      grid-template-columns: repeat(4, minmax(150px, 1fr));
      gap: 14px;
      align-items: end;
  }

  .ns-refined-field {
      display: flex;
      flex-direction: column;
      gap: 6px;
  }

  .ns-refined-field label {
      font-size: 13px;
      font-weight: 700;
  }

  .ns-refined-field input,
  .ns-refined-field select {
      width: 100%;
      min-height: 42px;
      border: 1px solid #93c5fd;
      border-radius: 5px;
      background: #fff;
      padding: 8px 10px;
      font-size: 14px;
      outline: none;
  }

  .ns-refined-field input:focus,
  .ns-refined-field select:focus {
      border-color: #2563eb;
      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
  }

  .ns-refined-actions {
      display: flex;
      justify-content: center;
      margin-top: 20px;
  }

  .ns-refined-submit {
      background: #043b6e;
      border-radius: 5px;
      color: #fff;
      min-width: 150px;
      padding: 8px 18px;
  }

  @media (max-width: 991px) {
      .ns-refined-tabs {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 14px;
      }

      .ns-refined-fields {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  }

  @media (max-width: 575px) {
      .ns-refined-panel {
          padding: 14px;
      }

      .ns-refined-tabs,
      .ns-refined-fields {
          grid-template-columns: 1fr;
      }
  }

  .summary-box {
      display: none;
      margin-top: 18px;
      border: 1px solid #c7ddff;
      border-radius: 8px;
      background: #f8fbff;
      padding: 18px;
  }

  .case-summary-row {
      display: flex;
      justify-content: flex-start;
      gap: 18px;
      align-items: flex-start;
  }

  .case-summary-title {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      min-width: 0;
  }

  .case-court-badge {
      background: #043b6e;
      border-radius: 6px;
      color: #fff;
      flex: 0 0 auto;
      font-size: 13px;
      font-weight: 800;
      padding: 7px 9px;
  }

  .case-summary-heading {
      color: #0f172a;
      font-size: 16px;
      font-weight: 800;
      line-height: 1.5;
      margin: 0;
  }

  .case-vs {
      color: #043b6e;
      font-size: 18px;
      font-weight: 900;
      padding: 0 4px;
      text-transform: uppercase;
  }

  .case-meta {
      color: #475569;
      font-size: 15px;
      font-weight: 500;
      margin-top: 6px;
  }

  .case-card-side {
      align-items: flex-end;
      display: flex;
      flex-direction: column;
      gap: 12px;
  }

  .case-card-icons {
      display: flex;
      gap: 8px;
      justify-content: flex-end;
  }

  .case-card-icon {
      align-items: center;
      background: #fff;
      border: 1px solid #bfdbfe;
      border-radius: 6px;
      color: #043b6e;
      display: inline-flex;
      font-size: 15px;
      font-weight: 700;
      justify-content: center;
      height: 36px;
      text-decoration: none;
      width: 36px;
  }

  .case-card-icon:hover {
      background: #043b6e;
      color: #fff;
      text-decoration: none;
  }

  .case-short-summary {
      border-top: 1px solid #dbeafe;
      color: #334155;
      font-size: 14px;
      line-height: 1.6;
      margin: 14px 0 0;
      padding-top: 12px;
  }

  @media (max-width: 767px) {
      .case-summary-row {
          flex-direction: column;
      }

      .case-card-side {
          align-items: flex-start;
          width: 100%;
      }

      .case-card-icons {
          justify-content: flex-start;
      }
  }
  .case-title{
      color:#1e40af;
      text-decoration:none;
      font-weight:600;
      line-height:1.6;
      transition:0.3s;
  }

  .case-title:hover{
      color:#ea580c;
      text-decoration:underline;
  }

  .case-vs{
      color:#dc2626;
      font-style:italic;
      font-weight:700;
      margin:0 4px;
  }
  .pagination-container{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:25px;
}

.pages{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    width:100%;
}

.page-num{
    min-width:42px;
    height:42px;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #ddd;
    border-radius:8px;
    background:#fff;
    color:#333;
    text-decoration:none;
    font-weight:600;
    transition:0.3s;
}

.page-num:hover{
    background:#0d6efd;
    color:#fff;
    border-color:#0d6efd;
}

.page-num.active{
    background:#6cb6ff;
    color:#fff;
    border-color:#6cb6ff;
}

.dots{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    color:#666;
    padding:0 5px;
}
.pagination-main{
    width:100%;
    text-align:center;
}

.loader-box{
    padding:40px;
    text-align:center;
}

.loader-box i{
    font-size:28px;
    color:#2563eb;
}

.gst-field{
    display:flex;
    flex-direction:column;
}

.error-msg{
    color:#dc2626;
    font-size:13px;
    margin-top:5px;
}