.checksearch-container {
  margin-top: 20px;
}

.checksearch-top {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.check-box-section {
  flex: 1;
  min-width: 300px;
  background: #fafafa;
  border-radius: 12px;
  padding: 15px;
  border: 1px solid #eee;
}

.check-box-section.dark-bg {
  background: #56c2fa;
}

.check-box-section h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}

.checkbox-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}

.checkbox-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.select-all {
  color: #2d6cdf;
  font-size: 14px;
  cursor: pointer;
  margin-top: 20px !important;
  display: inline-block;
}
.CheckSearchPage input,
.CheckSearchPage .MuiSelect-select {
  height: 40px;
  background: #fff5eb;
  border: 1px solid #e0d5e8 !important;
  border-radius: 8px !important;
  font-family: var(--headingFontLight);
}

.CheckSearchPage .MuiInputBase-root {
  border-radius: 8px !important;
}
.CheckSearchPage .MuiInputBase-input {
  border: none !important;
}
/* .checksearch-bottom {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
} */
.checkbox-grid span {
  font-size: 14px;
}
.input-row {
  display: flex;
  gap: 15px; /* space between columns */
  flex-wrap: wrap; /* ensures responsiveness */
}

.input-group {
  flex: 1; /* take equal width */
  min-width: 200px; /* prevent too small on mobile */
  display: flex;
  flex-direction: column;
}

.search-btn {
  align-self: flex-start; /* button aligns to left under rows */
  padding: 10px 20px;
  cursor: pointer;
  font-size: 16px !important;
  text-transform: capitalize !important;
}

.input-group span {
  font-weight: 400;
  color: #888;
}

.input-group input,
.input-group select {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 14px;
  outline: none;
}

.input-group input:focus,
.input-group select:focus {
  border-color: #2d6cdf;
}

.search-btn {
  grid-column: 1 / -1;
  justify-self: start;
  background: linear-gradient(to right, #c7e3ff, #a7d0ff);
  border: none;
  border-radius: 8px;
  padding: 10px 18px;
  color: #003b73;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.search-btn:hover {
  background: linear-gradient(to right, #a7d0ff, #91c3ff);
}

.checksearch-bottom input,
.checksearch-bottom select,
.checksearch-bottom .MuiSelect-select {
  background: #fff5eb;
  color: #333;
  font-size: 14px;
  outline: none;
  border-radius: 8px !important;
  font-family: var(--headingFontLight);
  letter-spacing: inherit;
  color: currentcolor;
  border: 0px;
  box-sizing: content-box;
  padding: 16.5px 14px;
}
.checksearch-bottom label {
  color: #3a224c;
  font-family: var(--headingFont);
  font-size: 15px;
}
.btn-export {
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  padding: 13px 30px;
  cursor: pointer;
  transition: 0.3s ease;
  background: radial-gradient(circle, #2e77f2, #59c7fa);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--ButtonFont) !important;
  text-transform: capitalize;
}
.MuiDataGrid-root .MuiDataGrid-row--borderBottom .MuiDataGrid-filler {
  border: none !important;
}
ul.NoBullets {
  list-style: none;
  padding-left: 10px;
}