.wpcf7-response-output {
  margin: 15px 0  0 !important;
  padding: 0em 0em !important;
  border: none !important;
}

.error {
  color: red;

}

select.custom-validate-select option:first-child {
  opacity: 0.8;
  color: gray;
}













/* Form CSS floating */




.home-general-form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.home-general-form-wrapper .form-group {
  position: relative;
}

.home-general-form-wrapper .form-group p {
  position: relative;
  margin: 0;
}

.home-general-form-wrapper .form-group label {
  position: absolute;
  left: 1rem;
  top: 1.5rem;
  color: #6F7587;
  font-size: 1rem;
  pointer-events: none;
  transition: all 0.2s ease;
  background: transparent;
  padding: 0;
  z-index: 1;
}

.home-general-form-wrapper .form-group label.required::after {
  content: "*";
  color: #E81010;
  margin-left: 0.25rem;
}

.home-general-form-wrapper .wpcf7-form-control-wrap {
  display: block;
}

.home-general-form-wrapper .wpcf7-form-control.wpcf7-text,
.home-general-form-wrapper .wpcf7-form-control.wpcf7-email,
.home-general-form-wrapper .wpcf7-form-control.wpcf7-tel,
.home-general-form-wrapper .wpcf7-form-control.wpcf7-select,
.home-general-form-wrapper .wpcf7-form-control.wpcf7-textarea,
 .home-general-form-wrapper .wpcf7-form-control.inputfile{
  width: 100%;
  padding: 2rem 0.8rem 0.8rem;
  border: 2px solid #EAEAEA;
  outline: none;
  transition: border-color 0.2s ease;
  background: white;
  font-size: 1.125rem;
  font-weight: 500;
  font-family: 'Nohemi Med', sans-serif;
}
.home-general-form-wrapper .wpcf7-form-control.wpcf7-text:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
}


.home-general-form-wrapper .wpcf7-form-control.wpcf7-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
}  
.home-general-form-wrapper .custom-select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
}  
.home-general-form-wrapper .custom-select::after {
  content: "";
  position: absolute;
  top: 68%;
  right: 1rem;
  width: 10px;
  height: 10px;
  pointer-events: none;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23363B4C' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


.home-general-form-wrapper .wpcf7-form-control:focus {
  border-color: #9ca3af;
}

.home-general-form-wrapper .wpcf7-form-control:focus~label,
.home-general-form-wrapper .wpcf7-form-control:not(:placeholder-shown)~label {
  top: 1rem;
  left: 1rem;
  font-size: .875rem;
  color: #6F7587;
}

.home-general-form-wrapper .form-group:has(.wpcf7-form-control:focus) label,
.home-general-form-wrapper .form-group:has(.wpcf7-form-control:not(:placeholder-shown)) label {
  top: 0.7rem;
  left: 1rem;
  font-size: .875rem;
  color: #6F7587;
}

.home-general-form-wrapper .form-group:has(select.wpcf7-form-control:not([value=""])) label,
.home-general-form-wrapper .form-group:has(select.wpcf7-form-control:focus) label {
  top: 0.7rem;
  left: 1rem;
  font-size: .875rem;
  color: #6F7587;
}

.home-general-form-wrapper .wpcf7-form-control::placeholder {
  opacity: 0;
}

.home-general-form-wrapper .form-group:has(.phone-input) label,
.home-general-form-wrapper .form-group:has(.phone-input .wpcf7-form-control:focus) label,
.home-general-form-wrapper .form-group:has(.phone-input .wpcf7-form-control:not(:placeholder-shown)) label {
  top: 1rem;
}

.home-general-form-wrapper .form-group:has(textarea.wpcf7-form-control) label {
    top: 2px !important;
    background: #fff;
    width: calc(100% - 1.2rem);
    padding-top: 1rem;
}

.home-general-form-wrapper .iti__selected-country {
  padding: 2.8rem 1rem 1rem .5rem;
}

.home-general-form-wrapper .wpcf7-form-control.wpcf7-textarea {
  resize: none;
  height: 116px;
}

.home-general-form-wrapper .form-group p>br {
  display: none;
}




.home-general-form-wrapper .error {
  color: #E81010;
  font-size: .75rem;
  position: absolute;
  bottom: -1.1875rem;
  left: 0;

}


/* .home-general-form-wrapper .hidden-fields-container {
  display: none;
} */

.home-general-form-wrapper .wpcf7-response-output {
  margin-top: 1rem;
  font-size: .875rem;
}

.iti__search-input {
  padding: .625rem;
  border-radius: 0;
  border-bottom: 1px solid #EAEAEA;
  font-size: .875rem;
}




.home-general-form-wrapper .wpcf7-form-control.wpcf7-submit {
  font-family: var(--font-secondary);
  font-size: .875rem;
  background-color: #E81010;
  border: 1px solid #E81010;
  color: #fff;
  padding: .75rem 1.25rem;
  display: inline-block;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
}


@media screen and (min-width: 1200px) {
  .home-general-form-wrapper .wpcf7-form-control.wpcf7-submit {
    font-size: 1.125rem;
    padding: 1.3rem 2.1875rem;
    min-width: 11.9375rem;
  }

  .home-general-form-wrapper .wpcf7-form-control.wpcf7-text,
  .home-general-form-wrapper .wpcf7-form-control.wpcf7-email,
  .home-general-form-wrapper .wpcf7-form-control.wpcf7-tel,
  .home-general-form-wrapper .wpcf7-form-control.wpcf7-select,
  .home-general-form-wrapper .wpcf7-form-control.wpcf7-textarea,
 .home-general-form-wrapper .wpcf7-form-control.inputfile {
    padding: 2.5rem 1rem 0.7rem;
  }

  .home-general-form-wrapper .form-group label {
    top: 1.7rem;
  }

  .home-general-form-wrapper .form-group:has(.wpcf7-form-control:focus) label,
  .home-general-form-wrapper .form-group:has(.wpcf7-form-control:not(:placeholder-shown)) label {
    top: 1rem;
  }

  .home-general-form-wrapper .form-group:has(select.wpcf7-form-control:not([value=""])) label,
  .home-general-form-wrapper .form-group:has(select.wpcf7-form-control:focus) label {
    top: 1rem;
  }

}

@media (hover: hover) and (pointer: fine) {
  .home-general-form-wrapper .wpcf7-form-control.wpcf7-submit:hover {
    background-color: #000000;
    border-color: #000000;
  }
}


/* Contact Form */


@media screen and (min-width: 1200px) {
  .contact-page-form {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;

  }

  .contact-page-form .form-group {
    width: calc(50% - 10px);
  }

  .contact-page-form .w-full {
    width: 100%;

  }

   .careerForm {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;

  }

  .careerForm .form-group {
    width: calc(50% - 10px);
  }

  .careerForm .w-full {
    width: 100%;

  }



  
}