.form-select{
    padding: 10px !important;
  }
.custom-select-red {
  
    color: #C22127 !important;
    font-size: 1.05rem;
    font-weight: 500;
    width: 100% !important;
    background: #fff !important;
    border-radius: 8px;
    box-shadow: none !important;
}
.custom-select-red:focus {
    border-color: #C22127 !important;
    box-shadow: 0 0 0 2px #fbeaec !important;
    color: #C22127 !important;
}
.custom-select-red option {
    color: #C22127 !important;
    padding: 10px 16px;
    font-weight: 500;
    background: #fff;
    border-bottom: 1px solid #f3f3f3;
}
.custom-select-red option:checked,
.custom-select-red option:focus,
.custom-select-red option:hover {
    background: #fbeaec !important;
    color: #C22127 !important;
    font-weight: bold;
}
/* Remove Chrome/Edge autofill yellow */
input:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: #C22127 !important;
    caret-color: #C22127 !important;
}
/* Pincode Input */
#pincode-input {
  
    border-radius: 8px;
    font-size: 1.05rem;
    color: #C22127 !important;
    background: #fff;
    font-weight: 500;
    transition: all 0.2s;
}
#pincode-input:focus {
    border-color: #C22127 !important;
    box-shadow: 0 0 0 2px #fbeaec;
    outline: none;
    color: #C22127 !important;
}
/* Pincode Result Box */
#hero-pincode-result {
    position: absolute;
    left: 0; right: 0;
    top: calc(100% + 4px);
    z-index: 10;
    background: #fff;
    border: 2px solid #C22127;
    border-radius: 10px;
    min-width: 200px;
    box-shadow: 0 4px 12px rgba(194,33,39,0.11);
    padding: 12px 16px;
    font-size: 1rem;
    font-weight: 500;
    color: #C22127;
    display: none;
    animation: fadeIn .18s;
}
#hero-pincode-result b {
    color: #C22127;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px);}
    to   { opacity: 1; transform: translateY(0);}
}
/* Custom Dropdown Multiselect */
.custom-dropdown-list {
  box-shadow: 0 4px 12px rgba(194,33,39,0.11);
  padding: 10px 0;
  animation: fadeIn .18s;
}
#hero-test-category-select option,
#category-dropdown-list .dropdown-item {
    color: #C22127; /* Dark red for visibility */
    font-weight: 500;
}

.test-dropdown-checkbox-label {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px 18px;
  cursor: pointer;
  transition: background 0.13s;
  font-size: 1.05rem;
  color: #C22127;
  font-weight: 500;
}
.test-dropdown-checkbox-label:hover, .test-dropdown-checkbox-label.checked {
  background: #fbeaec !important;
}
.test-dropdown-checkbox {
  accent-color: #C22127;
  width: 18px; height: 18px;
  border-radius: 4px;
  border: 2px solid #C22127;
}

.selected-test-chip {
  background: #C22127;
  color: #fff;
  border-radius: 10px;
  padding: 8px 18px 8px 18px;
  font-size: 1.02rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  position: relative;
  cursor: default;
  border: none;
  outline: none;
}
.selected-test-chip .remove-chip {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 1.08rem;
  margin-left: 4px;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  border-radius: 50%;
  transition: background 0.13s;
}
.selected-test-chip .remove-chip:hover {
  background: #990d11;
}

/* Google Autocomplete Styling */
.pac-container {
    border: 2px solid #C22127 !important;
    border-radius: 10px !important;
    font-size: 1.05rem !important;
    font-weight: 500 !important;
    color: #C22127 !important;
    box-shadow: 0 4px 12px rgba(194,33,39,0.11) !important;
    margin-top: 5px !important;
    z-index: 99999 !important;
}

.pac-item {
 
    color: #C22127 !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

.pac-item:hover {
    background: #fbeaec !important;
}
.pac-item-selected {
    background: #fbeaec !important;
}
.pac-matched {
    font-weight: bold !important;
    color: #C22127 !important;
}
/* Suggestions intact, sirf footer hide */
.pac-container .pac-logo {
    display: none !important;
}
.pac-container:after {
    display: none !important;
}

  .custom-dropdown-list { position:absolute; width:100%; background:#fff; border-radius:10px; border:2px solid #C22127; max-height:270px; overflow-y:auto; box-shadow:0 4px 15px rgba(0,0,0,0.1);}
  .category-item:hover, .test-dropdown-checkbox-label:hover { background:#f8f0f0; cursor:pointer;}
  .selected-test-chip { background:#C22127;color:#fff;padding:4px 8px;border-radius:20px; display:flex; align-items:center; gap:5px;}
  .remove-chip { background:none;border:none; cursor:pointer;}
  .category-item {color:#C22127; font-weight:500;}
  input:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
     -webkit-text-fill-color: black !important; 
     caret-color: black !important; 
}
.fw-semibold {
    font-weight: 600 !important;
    color: black;
}
.form-label{
    font-weight: 600 !important;
    color: black;
}
/* Hero form error label */
.hero-error-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #f8d7da;
    color: #721c24;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.95rem;
    margin: 10px 0;
    justify-content: flex-start; /* left align */
}

.hero-error-label i.close-error {
    cursor: pointer;
    font-weight: bold;
    transition: color 0.2s;
}

.hero-error-label i.close-error:hover {
    color: #c22127;
}