body {
      scroll-behavior: smooth;
    }
    section {
      padding: 80px 0;
    }
    .sticky-filters {
      position: sticky;
      top: 70px;
      z-index: 10;
      background: #fff;
      padding: 10px 15px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }
    .dropdown_with_search {
      width: 400px;
    }
    .accordion-button h6 {
      margin: 0;
    }
    /*.dropdown-menu {
      max-height: 400px;
      overflow-y: auto;
    }*/
    .tab_scroll{
      max-height: 300px;overflow: auto;
      padding: 5px;
    }
  /* Mobile Drawer */
    #mobileFilterDrawer {
      position: fixed; top: 0; left: 0; right: 0; bottom: 0;
      background: #fff; z-index: 1055;
      transform: translateY(100%);
      transition: transform 0.3s ease-in-out;
      display: flex; flex-direction: column;
      overflow: hidden;
      border-top-left-radius: 16px; border-top-right-radius: 16px;
      box-shadow: 0 -2px 12px rgba(0,0,0,0.2);
    }
    #mobileFilterDrawer.active { transform: translateY(0); }

    .mobile-filter-header {
      flex-shrink: 0; padding: 1rem;
      border-bottom: 1px solid #dee2e6;
      background: #f8f9fa; z-index: 2;
    }

    .mobile-filter-footer {
      flex-shrink: 0; padding: 1rem;
      border-top: 1px solid #dee2e6;
      background: #f8f9fa; display: flex; gap: 1rem;
    }

    .mobile-filter-body {
      flex: 1; overflow: hidden;
      display: flex; background: #fff;
    }

    .filter-tabs {
      width: 35%; border-right: 1px solid #dee2e6;
      background: #f1f3f5; overflow-y: auto;
    }

    .filter-tabs button {
      width: 100%; text-align: left; border: none;
      background: none; padding: 1rem;
      border-bottom: 1px solid #dee2e6;
      font-size: 1rem; color: #333 !important;
      display: flex; justify-content: space-between; align-items: center;
    }

    .filter-tabs button.active { background: #fff; font-weight: 600; color: #0d6efd; }

    .filter-content {
      width: 65%; padding: 1rem; overflow-y: auto;
      background: #fff;
    }

    .selected-badges {
      max-height: 120px; overflow-y: auto;
      margin-bottom: 1rem; padding-right: 5px;
    }

    .selected-badges .badge {
      background-color: #e9ecef; color: #333;
      border: 1px solid #ced4da;
      margin-right: 5px;
    }

    .filter-search {
      position: sticky; top: 0;
      background: #fff; z-index: 1;
      padding-bottom: 1rem;
    }

    .search-clear-wrap > .btn-clear-tab {
      font-size: 0.55rem;
      padding: 0.15rem 0.2rem;
      line-height: 1;
      white-space: nowrap;
    }

    .filter-search .search-clear-wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  .dropdown_with_search input::placeholder {
    font-size: 0.85rem;
    color: #6c757d;
    font-style: italic;
  }

  .cursor-pointer { cursor: pointer; }
  .accordion-button:not(.collapsed) {
    background-color: #f8f9fa;
  }

  .form-check-label {
    font-size: 0.85rem;
  }

  body {
    background-color: #f4f6f9;
  }

  .tender-card {
    border: 1px solid #e1e4e8;
    border-left: 4px solid #0d6efd;
    background: #fff;
    padding: 1.25rem;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    position: relative; /* required for stretched-link */
    z-index: 0;          /* ensure it stays beneath dropdowns */
  }
  .tender-card .stretched-link {
    z-index: 0 !important;
  }
  .tender-card:hover {
    transform: scale(1.01);
    box-shadow: 0 0.75rem 1.25rem rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease-in-out;
  }
  .btn-dropdown{
  background-color: #1e3c72 !important; border: 1px solid #264a87 !important;
  }
  .badge_count{
    background-color: #fbb03b; color: #212529;
  }
  .accordin_body_css{
    max-height: 120px; overflow-y: auto;white-space: normal;
  }
  .reset_btn,.reset_btn:hover{
    background-color: #6c757d; border-radius: 0;
  }
  .apply_btn,.apply_btn:hover{
    background-color: #0072bc; border-radius: 0;
  }
  .reset_btn:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 14px rgba(255, 75, 43, 0.5);
    text-decoration: none;
  }
  /************************amount dropdown***********************/
  input[type="range"]::-webkit-slider-thumb {
    background-color: #ffc107;
    border: 2px solid #ffffff;
  }

  input[type="range"]::-moz-range-thumb {
    background-color: #ffc107;
    border: 2px solid #ffffff;
  }
  input[type="range"] {
    accent-color: #ffc107;
  }
/************************amount dropdown***********************/

/*************************more filter  start*********************************/
.more-filters-dropdown {
  border-radius: 8px;
  max-height: 500px;
  min-width: 560px;
}

.left-tabs {
  background-color: #f8f9fa;
}

.left-tabs .nav-item:hover {
  background-color: #e9ecef;
  cursor: pointer;
}

.right-content {
  background-color: #ffffff;
}
.tab-item {
    cursor: pointer;
    padding: 10px 15px;
    border-bottom: 1px solid #dee2e6;
  }
  .tab-item:hover, .tab-item.active {
    background-color: #e9ecef;
    color: #0d6efd;
  }
  .tab-panel {
    display: block;
  }
  /*************************more filter end*********************************/
  .no-records-found {
      background: #f9f9f9;
      border-radius: 12px;
      box-shadow: 0 0 12px rgba(0,0,0,0.05);
  }
  #end-message {
      font-size: 16px;
      color: #6c757d;
  }
  #loadMoreBtn {
      transition: all 0.3s ease-in-out;
      border-radius: 8px;
      background: linear-gradient(90deg, #007bff, #0056b3);
      box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
  }

  #loadMoreBtn:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 12px rgba(0, 123, 255, 0.4);
      background: linear-gradient(90deg, #0056b3, #003d80);
  }
  .spinner {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3490dc;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
  }
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  .filter_main_div {
       /* width: 100%;
        flex-wrap: nowrap !important;*/
        /*overflow-x: scroll;*/
        overflow: auto;
        white-space: nowrap;
  }
  .filter_amount {
    white-space: normal;
  }
  .show_total_count {
    font-size: 0.75rem;
    padding: 3px 6px;
    border-radius: 10px;
    min-width: 22px;
    text-align: center;
  }
  .show_selected_filters{
    overflow: auto;
    white-space: nowrap;
  }
  .save_filter_btn{background: linear-gradient(135deg, #1e3c72, #f26522);border:0}
  .dropdown_with_search.dp-mypreference {
  background-color: #f2e9e4; /* Darker warm beige */
  border: 1px solid #e6a15b; /* Stronger orange border */
}

.dropdown_with_search.dp-mypreference .dropdown-item:hover {
  background-color: #ffd9b3; /* More visible hover */
}

.dropdown_with_search.dp-mypreference .dropdown-header,
.dropdown_with_search.dp-mypreference h6 {
  color: #003366; /* Rich dark blue for headings */
}

.dropdown_with_search.dp-mypreference {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); /* Soft depth */
  border-radius: 10px;
}
.selected-filters .accordion-button {
  background-color: #e2e6ea !important; /* Darker grey */
  color: #212529 !important;
  border-radius: 6px;
}

.selected-filters .accordion-body {
  background-color: #f4f5f7 !important; /* Soft light grey */
}

.selected-filters .accordion-item {
  margin-bottom: 6px;
  background-color: #f4f5f7 !important;
  border-radius: 6px;
}


  .myprefrt-btn{display:flex;gap:.5rem;align-items:center}
  .chip{
    display:inline-flex;align-items:center;gap:.35rem;
    padding:.25rem .6rem;border-radius:999px;font-weight:600;
    font-size:.78rem;line-height:1;cursor:pointer;user-select:none;
    border:1px solid transparent;transition:transform .15s ease, box-shadow .15s ease, background .2s ease
  }
  .chip.edit{
    color:#0d6efd;
    background:linear-gradient(90deg,#eef4ff,#e8f0ff);
    border-color:rgba(13,110,253,.25);
    box-shadow:0 1px 3px rgba(13,110,253,.15)
  }
  .chip.edit:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(13,110,253,.18)}
  .chip.close{
    color:#dc3545;
    background:linear-gradient(90deg,#fff1f1,#ffe8e8);
    border-color:rgba(220,53,69,.25);
    box-shadow:0 1px 3px rgba(220,53,69,.15)
  }
  .chip.close:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(220,53,69,.18)}
  .accordion-button.collapsed .Close{display:none!important}
  .accordion-button:not(.collapsed) .Edit{display:none!important}
 
 .no-caret.accordion-button::after{display:none}
 
 .accordion-button::after{ transform:scale(.75) }
 .accordion-button:not(.collapsed)::after{ transform:rotate(180deg) scale(.75) }
 .selected-items{display: flex; overflow-x: scroll; background-color: #fff3e6;}
 /***********************tab css***********************/
 /* =========================
   Tender Card — Premium look, auto-matches Bootstrap palette
   ========================= */
.tender-card{
  --tc-shadow: 0 8px 24px rgba(16,24,40,.10);
  --tc-shadow-h: 0 16px 36px rgba(16,24,40,.14);

  border: 1px solid #e9edf3 !important;
  border-radius: 18px !important;
  background:
    radial-gradient(60% 140% at 0% 0%, rgba(var(--bs-primary-rgb,13,110,253), .05), transparent 60%),
    radial-gradient(50% 120% at 100% 0%, rgba(255,193,7,.06), transparent 60%),
    #fff;
  box-shadow: var(--tc-shadow);
  overflow: hidden;
  position: relative;
  transition: transform .25s ease, box-shadow .25s ease;
}
.tender-card:hover{ transform: translateY(-3px); box-shadow: var(--tc-shadow-h); }

/* Left accent bar */
.tender-card .tc-accent{
  position:absolute; inset:0 auto 0 0; width:6px;
  background: linear-gradient(180deg,
    rgba(var(--bs-primary-rgb,13,110,253), .9),
    rgba(var(--bs-primary-rgb,13,110,253), .25));
}

/* Header area */
.tender-card .tc-head{ display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; }
.tender-card .tc-agency{
  display:flex; gap:.75rem; align-items:center; min-width:0;
}
.tender-card .tc-avatar{
  width:42px; height:42px; border-radius:50%;
  display:grid; place-items:center;
  font-weight:800; letter-spacing:.5px;
  color:#fff; text-shadow:0 1px 0 rgba(0,0,0,.25);
  background: linear-gradient(135deg,
    rgba(var(--bs-primary-rgb,13,110,253), .85),
    rgba(99,102,241,.85));
  box-shadow: 0 4px 12px rgba(13,110,253,.25);
  flex: 0 0 42px;
}
.tender-card .tc-agency h6{
  margin:0; font-weight:800; letter-spacing:.2px; color:#0f172a;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Status badge (Days Left / Today / Closed) */
.badge-status{
  padding:.5rem .8rem; border-radius:9999px; font-weight:800;
  letter-spacing:.25px; border:1px solid transparent; white-space:nowrap;
  box-shadow: 0 1px 2px rgba(16,24,40,.06); backdrop-filter: saturate(140%) blur(2px);
}
.badge-status--open{
  background: linear-gradient( to bottom right, rgba(25,135,84,.20), rgba(25,135,84,.10));
  border-color: rgba(25,135,84,.35); color:#146c43;
}
.badge-status--today{
  background: linear-gradient( to bottom right, rgba(220,53,69,.22), rgba(220,53,69,.10));
  border-color: rgba(220,53,69,.40); color:#b02a37;
}
.badge-status--closed{
  background: linear-gradient( to bottom right, rgba(108,117,125,.20), rgba(108,117,125,.10));
  border-color: rgba(108,117,125,.35); color:#495057;
}

/* Meta chips (location, last date) */
.tender-card .tc-meta{ display:flex; flex-wrap:wrap; gap:.5rem .6rem; margin-top:.25rem; }
.tender-card .tc-chip{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.35rem .6rem; border-radius:10px;
  background:#f8fafc; border:1px solid #eef2f7; color:#475569; font-size:.86rem;
}
.tender-card .tc-chip i{
  font-size:1rem; background:#fff; border:1px solid #eef2f7; border-radius:8px; padding:.22rem;
}

/* Work title / description */
.tender-card .tc-title{
  margin:.75rem 0 0; font-size:1.02rem; line-height:1.7; color:#0f172a;
}
.tender-card mark.kw{
  background: linear-gradient(90deg,#fff3bf,#ffe8cc) !important;
  color:#111; padding: 0 .2em; border-radius: .35rem;
  box-shadow: inset 0 -2px 0 rgba(253,126,20,.25);
}

/* Footer area */
.tender-card .tc-foot{
  display:flex; flex-direction:column; gap:.75rem; margin-top:1rem;
}
@media (min-width:768px){ .tender-card .tc-foot{ flex-direction:row; align-items:center; justify-content:space-between; } }

.tender-card .amount-chip{
  display:inline-flex; align-items:center; gap:.45rem;
  background: linear-gradient(to bottom right, rgba(var(--bs-primary-rgb,13,110,253), .12), rgba(var(--bs-primary-rgb,13,110,253), .06));
  border:1px solid rgba(var(--bs-primary-rgb,13,110,253), .35);
  color:#0f172a; padding:.32rem .7rem; border-radius:9999px; font-weight:700;
  box-shadow: 0 1px 2px rgba(16,24,40,.06);
}

.tender-card .btn-view{
  border-width:2px; font-weight:700; padding:.46rem .9rem;
  border-color: rgba(var(--bs-primary-rgb,13,110,253), .45) !important;
  background: rgba(var(--bs-primary-rgb,13,110,253), .05);
}
.tender-card .btn-view:hover{
  background: rgba(var(--bs-primary-rgb,13,110,253), 1);
  color:#fff; box-shadow: 0 12px 30px rgba(13,110,253,.35);
}

/* Compact on mobile: clamp text a bit */
@media (max-width: 576px){
  .tender-card .tc-title{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden; }
}
.tender-mini {
    transition: all 0.2s ease-in-out;
}

.tender-mini:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.75rem 1rem rgba(0,0,0,0.12);
}
.tender-mini-first{
  color: #1e3c72;
  }
  .tender-mini-second{
    color: #ff6f00;
  }
  .tender-mini-third{
    color: #ffc107;
  }
  .text-primary {
    color: #1e3c72 !important;
}
  /***********************tab css***********************/}