.maincontactform {
 /* background-color: transparent;
  color: #fff;
  padding: 0rem;
  border-radius: 12px;
  max-width: 600px;
  margin: 0 auto;
  backdrop-filter: blur(6px); /* optional: softens background behind form */
/*  -webkit-backdrop-filter: blur(6px);*/
}

.contact-form {
  display: flex;
  flex-direction: column;
}

.contact-form input,
.contact-form textarea {
 /* background-color: rgba(255, 255, 255, 0.05); /* semi-transparent */
  /*border: 1px solid #444;
  color: #fff;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  border-radius: 8px;
  transition: border-color 0.3s ease, background-color 0.3s ease;*/
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #aaa;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #00bcd4;
  outline: none;
  /*background-color: rgba(255,*/
}


col-md-4.me-xl-auto {
  color: #f5f5f5;
  padding: 2rem;
  border-radius: 12px;
  background-color: transparent; /* or use rgba if you want subtle glass effect */
  backdrop-filter: blur(4px); /* optional */
  -webkit-backdrop-filter: blur(4px);
}

.col-md-4.me-xl-auto h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #00bcd4;
  font-weight: 600;
}

.col-md-4.me-xl-auto p {
 /* font-size: 1rem;
  margin-bottom: 0.5rem;
  color: #ccc;*/
}

.col-md-4.me-xl-auto p strong {
 /* color: #fff;*/
}

.col-md-4.me-xl-auto a {
 color: #000000; 
  text-decoration: none;
}

.col-md-4.me-xl-auto a:hover {
  text-decoration: underline;
}