/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 21 2025 | 13:55:47 */
.contact-form {
  width: 100%;
  max-width: 100%!important; /* wider for two columns */
  margin: auto;
  color: #fff;
  font-family: inter;
}

/* .form-row {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.form-column {
  flex: 1;
} */

.form-group {
  margin-bottom: 15px;
}

.form-group label {
  display: block;
  font-size: 14px;
  margin-bottom: 6px;
	color:white;
}

.form-group input,
.form-group textarea {
  font-family:inter;
  color:black!important;
  width: 100%!important;
  padding: 10px;
  border: 1px solid white;
  border-radius: 0px;
  outline: none;
  background-color:white!important;
  margin-bottom:10px
}
input {
	color:black!important;
	
}


/* textarea {
  height: 100%;
 min-height: 150px; 
  resize: vertical;
} */

/* Checkbox full width */
.checkbox-container {
  display: block;
  width: 100%;
  margin: 15px 0;
  font-size: 14px;
  line-height: 1.5;
}

.checkbox-container input[type="checkbox"] {
  margin-right: 15px!important;
  transform: scale(1.2);
  vertical-align: middle;
}

.checkbox-container label {
  display: inline-block;
  vertical-align: middle;
}



input{
	border-radius:6px!important;
	border:1px solid white!important;
}
label{
}
input::placeholder,
textarea::placeholder {
  color: #808080!important;  
  opacity: 1;       /* ensures full visibility */
}
input[type=checkbox]:before {
	    color: #070036!important;
}

.form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
  align-items: stretch; /* ensures equal height */
}

.form-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.form-group {
  margin-bottom: 25px;
  flex: 1; /* makes inputs expand equally */
}

.form-group input,
.form-group textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 6px;
  background: transparent;
  color: #fff;
}

/* Make textarea fill its column */
.form-column textarea {
  flex: 1;
  resize: none; /* prevents shrinking */
  min-height: 100%;
}
input:read-only, input:read-write {
	margin:0px!important;
}
@media (max-width: 468px) {
  .form-row {
    flex-direction: column;
  }
}
.wpcf7-not-valid-tip{
	color:#dc3232!important;
}
button, input[type=reset], input[type=submit] {
	background-color:white!important;
	color:#232b82!important;
	border:none!important;
}
button, input[type=reset], input[type=submit]:hover {
	background-color:#db2727!important;
	color:white!important;
	border:none!important;
}
