html {
    scroll-behavior: smooth;
}

body {
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont;
    font-size: 14px;
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: initial;
}

.right-img {
    height: 200px;
    width: 250px;
}
.otp-input {
    width: 48px;
    height: 48px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #FBFBFB;
    outline: none;
  }

  .otp-input:focus {
    border-color: #612FFF;
    box-shadow: 0 0 0 2px rgba(97, 47, 255, 0.2);
  }

  .custom-select {
  padding-left: 2.75rem;
  height: 40px;
  border-radius: 6px;
  font-size: 14px;
  color: #6c757d;
   border-color: #e5e7eb;
}
.form-select:focus{
    box-shadow: none !important;
    border-color: #612FFF;
}
.icon-left {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  color: #adb5bd;
  pointer-events: none;
}

/* Optional: lighter border like screenshot */

.custom-table {
  border-collapse: separate;
  border-spacing: 0;
}

.custom-table.result thead tr:first-child th:first-child {
  border-top-left-radius: 6px;
}

.custom-table.result thead tr:first-child th:last-child {
  border-top-right-radius: 6px;
}

.custom-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}

.custom-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}

.custom-table th {
  font-weight: 500;
  border-bottom: 1px solid #ebebeb;
}

.custom-table td {
  border-color: #f0f0f0;
  font-size: 14px;
}

.custom-table tbody tr:hover {
  background-color: #fafafa;
  cursor: pointer;
}

/* Radio button accent color */
.form-check-input[type=radio] {
    border-radius: 50%;
    height: 16px !important;
    width: 16px !important;
    border: 1.5px solid #666666;
}

.form-check-input:checked {
  background-color: #612fff;
  border-color: #612fff;
}

#updatesuccessModal svg path {
    stroke-dasharray: 240;
    stroke-dashoffset: 240;
    animation: fillScore 1.5s ease-out forwards;
}

@keyframes fillScore {
    to {
        stroke-dashoffset: 60; /* Ye value score ke hisaab se dynamic ho sakti hai */
    }
}

/* multiselect dropdown */
.icon-left {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.custom-select {
  padding-left: 40px;
  cursor: pointer;
}
.custom-select span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  /* max-width: 100%; */
}

.multiselect-dropdown {
  max-height: 260px;
  overflow-y: auto;
}

.dropdown-item {
  padding: 8px 12px;
  cursor: pointer;
}

.dropdown-item:hover {
  background-color: #f8f9fa;
}

/* tab design */
/* Base tab style */
.tab-pill {
    position: relative;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    color: #8A8A8A;
    background: transparent;
    border: none;
    cursor: pointer;
    width: 130px;
    height: 49px;
}

/* Active tab container shape */
.tab-pill.active {
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #EBEBEB;
    border-bottom: none;
    margin-bottom: -1px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    /* clip-path: polygon(0% 100%, 15% 20%, 30% 0%, 70% 0%, 85% 20%, 100% 100%); */
}

/* Purple underline */
.tab-pill.active span::after {
    content: "";
    display: block;
    width: 60%;
    height: 3px;
    background-color: #612FFF;
    border-radius: 2px;
    margin: 6px auto 0;
}

/* Radio button accent color */
.form-check-input[type=radio] {
    border-radius: 50%;
    height: 16px !important;
    width: 16px !important;
    border: 1.5px solid #666666;
}

.form-check-input:checked {
  background-color: #612fff;
  border-color: #612fff;
}

.custom-table td {
  border-color: #f0f0f0;
  font-size: 14px;
}

.pagination {
  display: flex;
  gap: 6px;
  align-items: center;
  overflow: auto;
}

.pagination a,
.pagination span {
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid #E5E5E5;
}

.pagination .current {
  background-color: #612FFF;
  color: white;
  border-color: #612FFF;
}