#cmt-job-alert-wrapper {
  font-family: 'Roboto';
  color: white;
  width: 46.72%;
  margin: 0 auto;
}

#cmt-job-alert-form {
  font-family: 'Roboto';
  color: white;
  width: 100%;
}
#cmt-job-alert-form  .hidden {
    display: none !important;
}


/* Container design */
#cmt-job-alert-wrapper .container {
  max-width: 700px;
  margin: 50px auto;
  padding: 40px;
  background-color: #004d00;
  border-radius: 20px;
  text-align: center;
  min-height: 520px;
  max-height: 574px;
  display: flex;
  flex-direction: column;
}

/* Input styles */
#cmt-job-alert-form input[type="text"],
#cmt-job-alert-form input[type="email"],
#cmt-job-alert-form select {
  background-color: white;
  color: black;
  padding: 14px 16px;
  border-radius: 8px;
  width: 100%;
  border: none;
  font-size: 16px;
  margin-bottom: 24px;
  font-family: 'Roboto';
  line-height: 28px;
}

#cmt-job-alert-form select {
  min-height: 56px !important;
}

#cmt-job-alert-form select option {
  color: black;
  background-color: white;
}

/* Button */
#cmt-job-alert-form .form-submit-button {
  background-color: #007F00;
  color: white;
  border: none;
  border-radius: 24px;
  padding: 11px 32px;
  font-size: 16px;
  cursor: pointer;
/*   margin-top: 10px; */
}

#cmt-job-alert-form .form-submit-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 79 0/var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1;
    color: rgb(200 242 150/var(--tw-text-opacity)) !important;
}

/* Error */
#cmt-job-alert-form .error-message {
  color: #ff8080;
  font-size: 13px;
  margin-bottom: 6px;
  display: none;
}

/* Checkbox */
#cmt-job-alert-form input[type="checkbox"] {
  width: 22px;
  height: 23px;
  margin: 0px;
  accent-color: #CCFF00;
  cursor: pointer;
  order: -1;
}

#cmt-job-alert-form label:not(.checkbox-label) {
  font-size: 16px;
  margin: 20px 0 10px;
  display: none;
}

#cmt-job-alert-form .input-row-consent>label>span>p {
  font-size: 16px !important;
  font-family: 'Roboto';
  color: #BBBCAF !important;
  line-height: 28px !important;
  letter-spacing: -4%;
  padding-top:4px;
}

#cmt-job-alert-form label.checkbox-label {
  display: flex;
  align-items: start;
  gap: 10px;
  margin-bottom:50px;
  padding-right: 22px;
}

#cmt-job-alert-form label.checkbox-label>span.required {
  display: none !important;
}

#cmt-job-alert-form .error-msg {
  color: #ff8080;
  font-size: 13px;
  margin-bottom: 6px;
  display: block;
}
#cmt-job-alert-wrapper .input-row >select {
    background-image: url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_Frame(16)_ff72dd2bf129129d564e53474b6a39a3.svg');
    background-repeat: no-repeat;
    background-position: right 0.8em center;
    padding-right: 2em;
    display: block;
  appearance: none;
}
#cmt-job-alert-wrapper {
  font-family: 'Roboto';
  color: white;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}
.checkbox-label {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  cursor: pointer;
  gap: 10px;
  position: relative;
}

/* Hide native checkbox but keep accessible */
.checkbox-label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#cmt-job-alert-form .input-row-consent >label>span{
  text-align: left;
    font-size: 16px;
}
/* Style the custom visual checkbox */
.checkbox-label .checkmark {
      height: 22px;
    width: 22px;
    background-color: transparent;
    border: 1px solid #F7F8F0;
    border-radius: 4px;
    display: inline-block;
    box-sizing: border-box;
    min-width: 22px;
    max-width: 22px;
    min-height: 22px;
    margin-top: 7px;
}

/* Show background when checked */
.checkbox-label input[type="checkbox"]:checked + .checkmark {
  background-color: #CFFF00;
}

/* Optional ✓ checkmark */
.checkbox-label input[type="checkbox"]:checked + .checkmark::after {
  content: '✓';
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: black;
}


@media (max-width: 768px) {
  #cmt-job-alert-wrapper {
    font-family: 'Roboto';
    color: white;
    width: 90%;
    margin: 0 auto;
  }
}