@charset "utf-8";

/* Form Field CSS */
::placeholder {color: #919191;}
:-ms-input-placeholder {color: #919191;}
::-ms-input-placeholder {color: #919191;}

#contact {padding-left:0px; padding-right:0px; margin:0 0; position:relative; width:100%; text-align: left; background-color: transparent;}
#contact label {width: 100%; font-size: 14px; color: #9F9F9F; text-align: left; padding-bottom: 18px;}
fieldset {border: medium none !important; margin: 0 0 6px; padding: 0; width: 100%; text-align:center;}
.setbackground {text-align: left; background-color: #fff; border-radius: 17px; padding: 20px; margin-bottom: 24px; border:1px solid #ccc;}

/* From Input Layout */
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea, button[type="submit"], input[type="datetime-local"], input[type="file"] {font-family:Arial; }
textarea {height:100px; max-width:100%; resize:none;}
input[type="text"], input[type="email"], input[type="tel"], input[type="otp"],input[type="url"], input[type="password"], input[type="file"], input[type="datetime-local"], textarea, select {
	width:100%; border-radius: 5px; background:#F9F9F9; margin:0 0 8px; padding:12px; color:#2e2e2e; background-position:right; background-repeat:no-repeat; background-size:28px; -webkit-transition:border-color 0.3s ease-in-out; -moz-transition:border-color 0.3s ease-in-out; transition:border-color 0.3s ease-in-out; border:1px solid #fff; box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="otp"]:focus,input[type="url"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="datetime-local"]:focus, textarea:focus, select:focus {border:1px solid #ccc;}
select, input[type="file"] {cursor: pointer;}

/* Radio Active */
input[type="radio"] {
    accent-color: #ffb700; /* Change to your desired color */
}

/* File Upload Button */
input[type="file"]::file-selector-button {border-radius: 4px; padding: 0 16px; height: 30px; cursor: pointer; background-color: #333; color: #fff; border: 1px solid rgba(0, 0, 0, 0.16); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05); margin-right: 16px; transition: background-color 200ms; content: "Upload File";}
input[type="file"]::file-selector-button:hover {background-color:#ffb700; color: #333;}
input[type="file"]::file-selector-button:active {background-color:#ffb700; color: #333;}

/* Dropdown Select Background */
select {appearance: none; -webkit-appearance: none; -moz-appearance: none; /* Removes default styles */
  background: white; background-image: url('images/custom-arrow.png'); background-repeat: no-repeat; background-position: right 10px center; background-size: auto 100%; 
}

button[type="submit"] {width: 100%; font-weight: bold; border-radius: 4px; padding: 0 16px; height: 40px; cursor: pointer; background-color: #333; color: #fff; border: 1px solid rgba(0, 0, 0, 0.16); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05); margin-right: 16px; transition: background-color 200ms;}

button[type="submit"]:hover {background-color:#ffb700; color: #333;}
button[type="submit"]:active {box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);}