/* MOBILE WIDE ---------------------------------------------------------------------------------------------------------- */
@media (min-width: 481px) {
/* COMBO ---------- CONTACT PAGE ------------------------------------------------------------------------------------------------ */
#contactForm .flexRow { display: flex; justify-content: space-between; gap: 1.5rem; }
.form-container {
	background: #fff;
	padding: 20px;
	border-radius: 6px;
	max-width: 800px;
	margin: 0 auto;
  }

  #contactForm select { font-size: 15px; color: #999; /* Placeholder color */}
  #contactForm select option { color: #000; /* Normal text color after a real selection */ }
  #contactForm input::placeholder,#contactForm textarea::placeholder { font-size: 15px; color: #999; }

  #contactForm { display:block; text-align:center; margin: 0 auto 2rem;}
#contactForm { max-width: 70%; display: flex;justify-content: center;align-items: center;}
#contactForm .interior { padding: 25px;}

#contactForm #messageSection,#contactForm #projectSection { margin-top: 15px;}

.toggle-container button { color: #999;}
.toggle-container button:hover { color: #000; }
.toggle-container button.toggle-option.active:hover { color: #fff; }

  .toggle-container { display: inline-flex; border-radius: 6px; overflow: hidden; margin-bottom: 1rem; }
  .toggle-option { cursor: pointer;padding: 0.75rem 1.5rem;border: none;outline: none; /* default/inactive color */color: #000;transition: background 0.3s;}
  .toggle-option.active { background: #000; /* active color */color: #fff; }
  /* form label { display: block; margin-top: 0.75rem; font-weight: 600;} */
  .form-container select,.form-container textarea,.form-container input[type="text"],.form-container input[type="email"] {width: 100%;padding: 0.5rem;margin-top: 0.25rem;border: 1px solid #000; }
  .form-container input::placeholder {color: #999;}
  .multi-select-buttons {display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 0.5rem;}
  .multi-select-buttons button {
	/* background: #ccc; */
	border: none;
	padding: 0.5rem 1rem;
	cursor: pointer;
	border-radius: 4px;
	transition: background 0.3s;
  }
  .multi-select-buttons button.active {
	background: #000;
	color: #fff;
  }
  .contact-info-section {
	margin-top: 1.5rem;
	padding: 1rem;
	border: 1px solid #ddd;
	/* border-radius: 6px; */
	background: #fafafa;
  }
  .contact-info-section h3 {margin-top: 0;}
  .required-asterisk {color: red;}
  .form-container .submit-btn { margin-top: 1rem; background: #000; color: #fff; padding: 20px; cursor: pointer; }
  .form-container .hidden { display: none !important;}

}