/* CSS Document */
#demoForm {
  position: relative;
}
#demoForm > * {
  width: 47%;
  padding: 0 24px;
}
#demoForm > * h1 {
  font-size: clamp(48px, 6.6666666667vw, 96px);
  margin-bottom: 20px;
}
#demoForm > * .brands {
  margin-top: calc(var(--paddingHigh) - 30px);
}
#demoForm > * .brands .marquee .title {
  max-width: 400px;
  padding: 0;
  margin: 0 auto;
}
#demoForm > * .brands .marquee .logoCont:before, #demoForm > * .brands .marquee .logoCont:after {
  display: none;
}
#demoForm > * .brands .marquee .logos .img img {
  height: 26px;
}

@media (max-width: 768px) {
  #demoForm {
    margin-bottom: calc(var(--paddingMobile) + var(--paddingLeftRight) + 35px + 26px + 40px);
  }
  #demoForm > * {
    padding: 0;
  }
  #demoForm > *:first-child {
    text-align: center;
  }
  #demoForm > * .brands {
    width: 100%;
    margin-top: var(--paddingMobile);
    position: absolute;
    top: 100%;
  }
}