.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 #c7c7c7;
  border-top: none;
  border-bottom: none;
}

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

.mbinput, .mbtextarea {
 padding: 5px;
 margin-top: 2px;
 border: 2px solid #b9b9b9;
 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;
}

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

.mbbutton:active {
  background-image: linear-gradient(to right, #fff 0%, rgba(106, 106, 106, 0.24) 50%, #fff 100%);
}

.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: 160px;
  height: 50px;
  border: 3px solid #a5a5a5;
  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 #b9b9b9;
  margin-top: 10px;
  border-radius: 8px;
  font-family: system-ui, sans-serif;
}

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

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

/* 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;
}
