.mbform {
 display: flex;
 flex-direction: column;
 width: 100%;
 margin: 0 auto;
 max-width: 1400px;
 padding: 20px;
 box-sizing: border-box;
 border-radius: 50px;
 border: 8px solid #c9c9c9;
 border-top: none;
 border-bottom: none;
}

.mblabel {
  margin-top: 0px;
  font-weight: 400;
  color: #000000;
  text-align: left;
  font-size: 16px;
  font-family: system-ui, sans-serif;
}

.mbinput, .mbtextarea {
  padding: 12px;
  margin-top: 2px;
  border: 2px solid #b1b1b1;
  border-radius: 8px;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  box-sizing: border-box;
  width: 100%;
  font-family: system-ui, sans-serif;
  resize: none;
  background-color: #ffffff;
}

.mbinput:focus,
.mbtextarea:focus {
  border: 3px solid #c7ae5b;
}

.mbtextarea {
  height: auto;
}

.mbinput {
  height: 35px;
}

.mbbutton {
  /* border: 1px solid #4d4d4d; */
  background-color: rgba(30, 30, 30, 0.6);
  color: #000000;
  border-radius: 100px;
  font-size: 16px;
  background-image: linear-gradient(to right, rgb(178 178 178 / 46%) 0%, #ffffff 50%, rgb(178 178 178 / 52%) 100%);
  font-weight: 400;
  padding: 12px 20px;
  margin-top: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  text-align: center;
  border-style: none;
}

/* Hover effect */
.mbbutton:hover {
  background-color: rgba(77, 77, 77, 0.8);
    color: #000000;
  border-color:#585858
}

.mbcm {
  padding: 35px;
  border-radius: 20px;
  color: #000;
  font-weight: bold;
  font-size: 25px;
  font-family: system-ui, sans-serif;
}

/* CAPTCHA container */
.captcha-container {
  width: 168px;
  height: 50px;
  border: 3px solid #afafaf;
  padding: 5px;
  display: inline-block;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 0px;
  overflow: hidden;
  border-radius: 8px;
  margin-top: 15px;
}

#captcha-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: none;
  cursor: pointer;
}

#captcha-image:hover {
  opacity: 0.9;
}

/* CAPTCHA input field */
#captcha {
  width: 212px;
  padding: 8px;
  font-size: 16px;
  border: 2px solid #b5b5b5;
  margin-top: 10px;
  border-radius: 8px;
  font-family: system-ui, sans-serif;
}

#captcha:focus {
  border: 3px solid #c7ae5b;
}

.formcapchap {
  margin-top: 15px;
  font-weight: 400;
  color: #000000 !important;
  text-align: left;
  font-size: 16px;
  font-family: system-ui, sans-serif;
  margin: 0px;
  margin-bottom: 10px;
}

/* Honeypot field — visually hidden but still in DOM for bots */
input[name="email_confirm"] {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  height: 1px !important;
  width: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Message styling */
#message {
  font-size: 30px;
  color: red;
  font-weight: 400;
}