.model-back {
 background: #1b1b1b;
 color: #fff;
}

.form-color1 {
 background: #2a2a2a;
 border: 1px solid #ffc107;
 color: #fff;
}

.form-color1:focus {
 border-color: #ffc107;
 box-shadow: 0 0 10px #ffc107;
 background: #2a2a2a;
 color: #fff;
}

.btn-warning:hover {
 background-color: #e0a800;
 color: #1b1b1b;
}
.custom-close {
 background: none;
 border: none;
 font-size: 1.8rem;
 color: #ffc107; /* your yellow color */
 cursor: pointer;
 opacity: 0.9;
 transition: all 0.3s ease-in-out;
}

.custom-close:hover {
 opacity: 1;
 color: #fff;
}

.custom-close span {
 display: inline-block;
 line-height: 1;
}

.modal-title {
 font-size: 1.8rem;
}

/* Light placeholder color for dark modal */
#myModal input::placeholder,
#myModal textarea::placeholder {
 color: #f0f0f0; /* light grey or white */
 opacity: 1; /* ensure visibility */
}

/* Optional: change color on focus */
#myModal input:focus::placeholder,
#myModal textarea:focus::placeholder {
 color: #ffffff; /* pure white */
}

/* Optional: change input background for dark theme */
#myModal .form-color1 {
 background-color: #2b2b2b; /* dark background */
 color: #fff; /* text color */
 border: 1px solid #444; /* subtle border */
}

/* Optional: change icons color inside input fields */
#myModal .position-relative i {
 color: #ffc107; /* same as btn-warning for contrast */
}