.mbform {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #ffffff;
  margin: 10 auto;
  /* max-width: 1400px; */
  padding: 20px;
  box-sizing: border-box;
  border-radius: 8px;
  /* border: 8px solid #6cd3fe; */
  border-top: none;
  border-bottom: none;
  border: 10px solid #cbcbcb;
}

.mblabel {
  margin-top: 5px;
  color: #000000;
  text-align: left;
  font-weight: 400;
  font-size: 25px;
  font-family: system-ui, sans-serif;
}
.mblabelone {
  margin-top: 15px;
  color: #cdcdcd;
  text-align: left;
  font-weight: 400;
  font-size: 25px;
  font-family: system-ui, sans-serif;
}
.mblabeltwo {
  margin-top: 15px;
  color: #cdcdcd;
  text-align: left;
  font-weight: 400;
  font-size: 25px;
  font-family: system-ui, sans-serif;
}
.mblabelthree {
  margin-top: 15px;
  color: #cdcdcd;
  text-align: left;
  font-weight: 400;
  font-size: 25px;
  font-family: system-ui, sans-serif;
}

input:hover,
textarea:hover,
select:hover {
    cursor: default; /* or pointer, depending on preference */
}

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

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

.mbtextarea {
  height: auto;
  cursor: text!important;
}

.mbinput {
  height: 59px;
  font-size: 20px;
}
.mbinputdate{
 padding: 12px;
 margin-top: 2px;
 /* border: 2px solid #c7c7c7; */
 border-radius: 8px;
 font-size: 25px;
 color: #5d5d5d;
 font-weight: 400;
 box-sizing: border-box;
 width: 300px;
 font-family: system-ui, sans-serif;
 resize: none;
 background-color: #ffffff;
}

.mbinputdate:focus, {
  border: 3px solid #2994a6;
}

.mbtextarea {
  height: auto;
  margin-bottom: 14px;
}

.mbinputdate {
  height: 49px;
  margin-bottom: 14px;
  border: 2px solid #c7c7c7;
}

.mbbutton {
  border: 10px solid #d1d1d1;
  /* background-color: #005ca5; */
  color: #ffffff;
  background-image: linear-gradient(to right, rgb(102 210 253 / 37%) 0%, #1c95a6, rgb(102 210 253 / 33%) 100%);
  border-radius: 100px;
  font-size: 23px;
  font-weight: 400;
  padding: 12px 20px;
  margin-top: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
  text-align: center;
}

/* Hover effect */


.mbbutton:focus {
  box-shadow: 0 0 5px rgba(91, 155, 213, 0.6); /* Focus shadow */
}
.mbbutton:active {
 background-image: linear-gradient(to right, rgb(102 210 253 / 37%) 0%, #000000, rgb(102 210 253 / 33%) 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: 198px;
  height: 70px;
  border: 3px solid #cdcdcd;
  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: 23px;
  /* border: 2px solid #bbbbbb; */
  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: 25px;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
    font-weight: 400;
    font-family: system-ui, sans-serif;
    border-style: none;
    color: #a5a5a5 !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;
}
/* General form styling */
.mbfieldset {
    border: 3px solid #d3d3d3;
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.mbfieldset legend {
    font-weight: normal;
    padding: 0 5px;
    color: #000000;
}

.mbfieldset label {
    display: block;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 20px;
    color: #000000;
    text-align: left; /* Ensures left alignment */
}


/* Checkbox styling */
.mbfieldset input[type="checkbox"],
.mblabel input[type="checkbox"] {
    margin-right: 8px;
    transform: scale(1.7);
    cursor: pointer;
}

/* Terms & agreements checkboxes */
.mblabel input[type="checkbox"] {
    margin-right: 10px;
}

.mblabel {
    /* display: flex; */
    align-items: center;
    margin-bottom: 1px;
    font-size: 20px;
}
.plsnote {
    /* display: flex; */
    align-items: center;
    margin-bottom: 1px;
    font-size: 25px;
    color: #000000;
    border: 2px solid #ff6b61;
    border-radius: 10px;
    padding: 15px;
animation: topbar 0.2s infinite;
}
@keyframes topbar {
    0%   { color: #F44336; }
    20%  { color: rgb(0 0 0); }
    40%  { color: #F44336; }
    60%  { color: rgb(0 0 0); }
    80%  { color: #F44336; }
    100% { color: #F44336; } /* loop back to start */
}

.menuheadertwodiv_formfood {
    position: relative;
    color: rgb(0 0 0);
    font-size: 25px;
    margin-top: 0px;
    margin-bottom: 20px;
    border-radius: 50px;
    background-image: linear-gradient(to right, rgb(102 210 253 / 37%) 0%, #1c95a6, rgb(102 210 253 / 33%) 100%);
    padding: 10px;
    text-align: center;
    margin-left: 0px;
    font-weight: normal;
    margin-right: 0px;
    justify-content: center;
    border-style: solid;
    border-width: 0px;
    border-color: #c7ad5c3d;
    align-items: center;
    overflow: hidden;
    font-weight: 400;
}
.menuheadertwodiv_formfood::after {
     content: '';
     position: absolute;
     top: 0;
     left: -75%;
     width: 50%;
     height: 100%;
     background: linear-gradient( 120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100% );
     transform: skewX(-20deg);
     animation: shineMove 2.5s ease-in-out infinite;
     pointer-events: none;
     z-index: 1;
}
@keyframes shineMove {
     0% {
         left: -75%;
    }
     100% {
         left: 125%;
    }
}
/* Submit button spacing */
.mbbutton {
    padding: 10px 20px;
    border: none;
    border-radius: 50px;
    background-color: #0078d4;
    color: #fff;
    font-size: 23px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.mbbutton:hover {
    background-color: #ffffff;
}