.contact-us {width: 100%;background-color: #fff;}
.contact-us .inner--cont {display: flex;flex-wrap: wrap;justify-content: center;width: 100%;margin-bottom: 66px;}
.contact-us .form-wrap {width: 100%;max-width: 867px;background-color: #fff;border-radius: 8px;box-shadow: 0px 3px 6px #00000029;padding: 62px 137px;margin-top: -150px;}
.contact-us .form-wrap h2.form-heading {font-size: 24px;line-height: 29px;color: #000;font-family: var(--museo100);text-align:center;margin-bottom: 58px;}
.contact-us .form-wrap div.submitted-message {font-size: 16px;line-height: 19px;color: #4e4e4e;font-family: var(--museo300);text-align: center;}
.contact-us form > fieldset {max-width: 100%;margin-bottom: 19px;}
.contact-us form ul {list-style: none;}
.contact-us form label span {font-size: 16px;line-height: 19px;color: #4e4e4e;font-family: var(--museo300);}
.contact-us form fieldset.form-columns-2 {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.contact-us form fieldset.form-columns-2 > div {max-width: 270px;width: calc(50% - 6px) !important;}
.contact-us form fieldset.form-columns-2 .input {margin-right: 0 !important;}
.contact-us form fieldset .input > :where(input, select) {-webkit-appearance: none;appearance: none;width: 100%;max-width: 270px;box-sizing: border-box;border: 1px solid #3E4C5834;background: #fff;height: 40px;font-size: 16px;padding: 5px 10px;font-family: var(--museo300);margin-top: 5px;}
.contact-us form fieldset .input > :where(input:focus-visible, select:focus-visible) {outline: none;}
.contact-us form fieldset .input select {background: url(https://blog.ceragon.com/hubfs/down-arrow-black.svg) no-repeat calc(100% - 22px) 50% / auto;}
.contact-us form fieldset.form-columns-1 .input {margin-right: 0 !important;}
.contact-us form fieldset .input textarea {width: 100% !important;margin-top: 5px;border: 1px solid #3E4C5834;min-height: 80px;font-family: var(--museo300);font-size: 16px;padding: 5px 10px;box-sizing: border-box;}
.contact-us form fieldset .input textarea:focus-visible {outline: 0;}
.contact-us form fieldset .legal-consent-container .inputs-list {list-style: none;}
.contact-us form fieldset .legal-consent-container .inputs-list label {display: flex;align-items: end;}
.contact-us form fieldset .legal-consent-container .inputs-list label input {position: relative;width: 58px;height: 24px;}
.contact-us form fieldset .legal-consent-container .inputs-list label input::before {position: absolute;content: "";width: 24px;height: 24px;left: 0;top: 0;border: 1px solid #3E4C5834;background: #fff;}
.contact-us form fieldset .legal-consent-container .inputs-list label input:checked::after {position: absolute;content: "";transform: rotate(45deg);height: 14px;width: 6px;border-bottom: 2px solid #cd1422;border-right: 2px solid #cd1422;left:9px;top:3px;}
.contact-us form fieldset .legal-consent-container .inputs-list label span {line-height: 15px;margin-left: 15px;}
.contact-us form fieldset .legal-consent-container .inputs-list label p {font-size: 10px;line-height: 15px;color: #4e4e4e;font-family: var(--museo300);}
.contact-us form .hs-submit {text-align: center;margin-top:39px;}
.contact-us form .hs-submit input {-webkit-appearance: none;appearance: none;background: #CD1422;font-size: 16px;line-height: 18px;font-family: var(--museo500);color: #fff;padding: 11px 27px;min-width: 156px;border-radius: 25px;border:0;cursor: pointer;border: 1px solid #cd1422;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.contact-us form .hs-submit input:hover {background: #fff;color: #cd1422;}
.contact-us form fieldset label.hs-error-msg {margin-top: 3px;color: #cd1422;font-size: 13px;line-height: normal;font-family: var(--museo500);display: block;}
.contact-us form div.hs_error_rollup label {color: #cd1422;font-size: 13px;line-height: normal;font-family: var(--museo500);}


@media(max-width: 992px) {
  .contact-us .form-wrap {display: flex;flex-wrap: wrap;justify-content: center;padding: 60px;}
  .contact-us .form-wrap h2.form-heading {margin-bottom: 39px;}
  .contact-us .form-wrap form {max-width: 600px;}
}
@media(max-width: 768px) {
  .contact-us .form-wrap {padding: 40px 25px}
}
@media(max-width: 600px) {
  .contact-us form fieldset.form-columns-2>div {width: 100% !important;max-width: 100%;}
  .contact-us form fieldset .input>:where(input,select) {max-width: 100%;}
  .contact-us form fieldset.form-columns-2 > div:first-child {margin-bottom: 19px;}
}


{# New form CSS #}

.contact-us .form-wrap form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.contact-us .form-wrap form .hs-form-field {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  margin-bottom: 20px;
  grid-column-gap: 60px;
}
.contact-us .form-wrap form .hs-form-field > div {
  max-width: 270px;
}
div.hs-main-font-element {
  display: none;
}
.hs-firstname {
  width: 50%;
  float: left;
}
.hs-lastname {
  width: 50%;
  float: right;
}
.hs-lastname label, .hs-jobtitle label, .hs-topic label {
  width: 100%;
  max-width: 270px;
  display: flex;
  align-self: end;
}
.hs-lastname div.input, .hs-jobtitle div.input, .hs-topic div.input {
  display: flex;
  align-self: end;
  width: 100%;
}
.hs-topic .hs-error-msg, .hs-jobtitle .hs-error-msg {
  float: right;
}
.hs-email, .hs-jobtitle {
  width: 50%;
}
.hs-email {
  float: left;
}
.hs-jobtitle {
  float: right;
}
.hs-company {
  width: 100%;
}
.contact-us .form-wrap form .hs-form-field.hs-company div.input {
  max-width: 100%;
}
.hs-industry {
  width: 50%;
  float: left;
}
.hs-topic {
  width: 50%;
  float: right;
}
.contact-us .form-wrap fieldset :where(input:not([type="checkbox"]),select), .contact-us .form-wrap .hs-form-field :where(input:not([type="checkbox"]),select) {
  height: 38px;
  border: 1px solid #3E4C5834;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  outline: 0;
  margin: 0;
  padding: 0 5px;
  font-family: var(--museo300);
  font-size: 17px;
  width: 100%;
  box-sizing: border-box;
}
.contact-us .form-wrap .hs-form-field label {
  margin-bottom: 7px;
  font-size: 16px;
  line-height: 19px;
  font-family: var(--museo300);
  display: block;
}
.contact-us .form-wrap fieldset textarea, .contact-us .form-wrap .hs-form-field textarea {
  width: 100% !important;
  box-sizing: border-box;
  height: 70px;
  border: 1px solid #3E4C5834;
}
.hs-firstname, .hs-lastname, .hs-email, .hs-jobtitle, .hs-industry, .hs-topic {
  /*   width: calc(50% - 10px); */
}
.contact-us .form-wrap .hs-form-field.hs-industry :where(label, div.input),
.contact-us .form-wrap .hs-form-field.hs-email :where(label, div.input),
.contact-us .form-wrap .hs-form-field.hs-firstname :where(label, div.input),
.contact-us .form-wrap .hs-form-field.hs-lastname :where(label, div.input),
.contact-us .form-wrap .hs-form-field.hs-jobtitle :where(label, div.input),
.contact-us .form-wrap .hs-form-field.hs-topic :where(label, div.input),
.contact-us .form-wrap .hs-form-field.hs-company :where(label, div.input) {
  max-width: calc(100% - 30px);
  width: 100%;
}
.contact-us .form-wrap fieldset select, .contact-us .form-wrap .hs-form-field select {
  background-image: url(https://blog.ceragon.com/hubfs/down-arrow-black.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
}
.contact-us .form-wrap .hs-submit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 15px;
  width: 100%;
}
.contact-us .form-wrap .hs-submit input[type="submit"] {
  text-transform: uppercase;
  border-radius: 30px !important;
}
.hs-dependent-field {
  width: 100%;
}
.contact-us .form-wrap form .hs-dependent-field div.input {
  max-width: 100%;
}
.hs-message {
  width: 100%;
}
.contact-us .form-wrap form .hs-form-field.hs-message div.input {
  max-width: 100%;
}
.contact-us .form-wrap fieldset label.hs-error-msg, .contact-us .form-wrap .hs-form-field label.hs-error-msg {
  color: #cd1422;
}

@media(max-width: 768px) {
  .contact-us .form-wrap .hs-form-field.hs-industry :where(label, div.input),
  .contact-us .form-wrap .hs-form-field.hs-email :where(label, div.input),
  .contact-us .form-wrap .hs-form-field.hs-firstname :where(label, div.input),
  .contact-us .form-wrap .hs-form-field.hs-lastname :where(label, div.input),
  .contact-us .form-wrap .hs-form-field.hs-jobtitle :where(label, div.input),
  .contact-us .form-wrap .hs-form-field.hs-topic :where(label, div.input) {
    max-width: calc(100% - 10px);
  }
}
@media(max-width: 600px) {
  .hs-firstname, .hs-lastname, .hs-email, .hs-jobtitle, .hs-industry, .hs-topic {
    width: 100%;
  }
  .contact-us .form-wrap form .hs-form-field > div {
    max-width: 100%;
  }
  .contact-us .form-wrap .hs-form-field.hs-industry :where(label, div.input),
  .contact-us .form-wrap .hs-form-field.hs-email :where(label, div.input),
  .contact-us .form-wrap .hs-form-field.hs-firstname :where(label, div.input),
  .contact-us .form-wrap .hs-form-field.hs-lastname :where(label, div.input),
  .contact-us .form-wrap .hs-form-field.hs-jobtitle :where(label, div.input),
  .contact-us .form-wrap .hs-form-field.hs-topic :where(label, div.input) {
    max-width: 100%;
  }
}


/*  */
/*  */
.contact-us-forms {
  padding:100px 0;
}
.contact-us-forms form {
  gap:0 30px;
}
.contact-us-forms .form-wrap {
  margin-top:0;
  padding:50px;
} 
.contact-us-forms form label span {
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #4e4e4e;
  font-family: museo_sans_rounded100, sans-serif;
}
.contact-us-forms form input,
.contact-us-forms form textarea,
.contact-us-forms form select {
  height:auto !important;
  border: 1px solid #3E4C5834;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  outline: 0;
  margin: 0;
  padding:10px !important;
  font-family:museo_sans_rounded100, sans-serif;
  font-size: 17px;
  width: 100%;
  box-sizing: border-box;
}
.contact-us-forms .form-wrap fieldset label.hs-error-msg,
.contact-us-forms .form-wrap .hs-form-field label.hs-error-msg {
  color: #cd1422;
  font-size:12px;
  line-height:24px;
}
.contact-us-forms .form-wrap form .hs-form-field {
  width:48%;
}
.contact-us-forms .form-wrap form .hs-fieldtype-select,
.contact-us-forms .form-wrap form .hs-message {
  width:100% !important;
}
.contact-us-forms .form-wrap form .hs-form-field > div {
  max-width:100% !important;
}
.contact-us-forms .form-wrap form .hs-form-field {
  display:block !important;
}
.contact-us-forms .form-wrap form > div:first-child {
  display:none;
}
@media (max-width:991px) {
  .contact-us-forms {
    padding:80px 0;
  } 
}
@media (max-width:767px) {
  .contact-us-forms {
    padding:60px 0;
  } 
}