/* --- VISIBILITY CONTROL --- */
.hiddening {
  display: none !important;
}
/* --- OVERLAY STYLES --- */
.disable-frm {
  position: absolute; 
  /* Forces the overlay to stretch across the entire parent area */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  
  background-color: rgba(0, 0, 0, 0.6); 
  z-index: 10;
}

/* --- BASE CONTAINER --- */
.contact_us {
  position: relative;
  display: block; 
}

/* --- SPINNER BOX STYLES (When visible) --- */
#id-spinner {
  position: absolute; 
  /* Centering logic */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* Spinner look */
  z-index: 11; 
  color: #fff; 
  font-size: 1rem;
  font-weight: bold;
  align-items: center;
  padding: 10px 20px;
  /* Ensure it's hidden by default, overridden by removing 'hiddening' */
  /* Note: This is overridden by .hiddening, but good practice for safety */
  /* display: flex; will be set when .hiddening is removed. */
}

/* --- SPINNER ICON STYLES --- */
.waiting-spinner {
  /* Updated SVG with white stroke and removed the invert filter */
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZT0iI2ZmZiIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxzdHlsZT4uc3Bpbm5lcl9WOG0xe3RyYW5zZm9ybS1vcmlnaW46Y2VudGVyO2FuaW1hdGlvbjpzcGlubmVyX3pLb2EgMnMgbGluZWFyIGluZmluaXRlfS5zcGlubmVyX1Y4bTEgY2lyY2xle3N0cm9rZS1saW5lY2FwOnJvdW5kO2FuaW1hdGlvbjpzcGlubmVyX1lwWlMgMS41cyBlYXNlLWluLW91dCBpbmZpbml0ZX1Aa2V5ZnJhbWVzIHNwaW5uZXJfaktvYXsxMDAle3RyYW5zZm9ybTpyb3RhdGUoMzYwZGVnKX19QmtleWZyYW1lcyBzcGlubmVyX1lwWlN7MCV7c3Ryb2tlLWRhc2hhcnJheTowIDE1MDtzdHJva2UtZGFzaG9mZnNldDowfTQ3LjUle3N0cm9rZS1kYXNoYXJyYXk6NDIgMTUwO3N0cm9rZS1kYXNob2Zmc2V0Oi0xNn05NSUsMTAwJX rumoresc3Ryb2tlLWRhc2hhcnJheTo0MiAxNTA7c3Ryb2tlLWRhc2hvZmZzZXQ6LTU5fX08L3N0eWxlPjxnIGNsYXNzPSJzcGlubmVyX1Y4bTEiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzIj48L2NpcmNsZT48L2c+PC9zdmc+")
  no-repeat center center;
  background-size: 24px; 
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px; 
  vertical-align: middle;
}

/* --- GENERAL FORM STYLES --- */
.form-control {
  padding: 0.375rem 0.75rem !important;
}
.form-group label { 
  font-weight: 500; 
  color: #212929;
  font-size: 0.885rem;
  text-transform: uppercase;
}
