/* Universal breakpoints */
@keyframes from-right {
  0% {
    opacity: 0;
    transform: translateX(40rem); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.bau-hero-with-contact-form {
  position: relative; }
  .bau-hero-with-contact-form .bau-hero-with-contact-form__background {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden; }
    .bau-hero-with-contact-form .bau-hero-with-contact-form__background img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      display: block; }
    .bau-hero-with-contact-form .bau-hero-with-contact-form__background::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(225deg, rgba(59, 61, 73, 0) 3.67%, #3b3d49 93.14%); }
    @media (max-width: 1279px) {
      .bau-hero-with-contact-form .bau-hero-with-contact-form__background.desktop {
        display: none; } }
    .bau-hero-with-contact-form .bau-hero-with-contact-form__background.mobile {
      display: none; }
      @media (max-width: 1279px) {
        .bau-hero-with-contact-form .bau-hero-with-contact-form__background.mobile {
          display: block; } }
  .bau-hero-with-contact-form__inner {
    position: relative;
    display: flex;
    padding: 40px 20px;
    gap: 80px;
    justify-content: center;
    align-items: center;
    box-sizing: border-box; }
    @media (min-width: 1440px) {
      .bau-hero-with-contact-form__inner {
        padding-left: 60px;
        padding-right: 60px; } }
    @media (max-width: 1279px) {
      .bau-hero-with-contact-form__inner {
        flex-direction: column;
        gap: 0px;
        padding: 0; } }
    .bau-hero-with-contact-form__inner .text-container {
      color: white;
      width: 100%;
      position: relative; }
      @media (min-width: 1280px) {
        .bau-hero-with-contact-form__inner .text-container {
          max-width: 440px; } }
      @media (max-width: 1279px) {
        .bau-hero-with-contact-form__inner .text-container {
          padding: 100px 20px 40px 20px;
          box-sizing: border-box; } }
      .bau-hero-with-contact-form__inner .text-container h1 {
        font-size: 46px;
        margin: 0 auto 16px auto; }
        @media (max-width: 991px) {
          .bau-hero-with-contact-form__inner .text-container h1 {
            font-size: 32px; } }
      .bau-hero-with-contact-form__inner .text-container p {
        margin: 0 auto;
        font-size: 18px;
        line-height: 24px; }
        @media (max-width: 991px) {
          .bau-hero-with-contact-form__inner .text-container p {
            font-size: 16px; } }
      .bau-hero-with-contact-form__inner .text-container .ready-button {
        display: flex;
        gap: 4px;
        margin-top: 40px;
        padding: 0;
        color: white;
        font-size: 16px;
        font-weight: 500;
        text-decoration: underline;
        outline-color: #fbc600; }
        .bau-hero-with-contact-form__inner .text-container .ready-button img {
          transform: rotate(90deg); }
        @media (min-width: 768px) {
          .bau-hero-with-contact-form__inner .text-container .ready-button {
            display: none; } }
    .bau-hero-with-contact-form__inner .form-state-container {
      position: relative;
      background-color: white;
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
      padding: 30px; }
      @media (min-width: 1280px) {
        .bau-hero-with-contact-form__inner .form-state-container {
          width: 55%; } }
      @media (max-width: 1279px) {
        .bau-hero-with-contact-form__inner .form-state-container {
          box-sizing: border-box;
          width: 100%; } }
      .bau-hero-with-contact-form__inner .form-state-container h2 {
        font-size: 32px;
        margin-top: 0;
        margin-bottom: 8px;
        font-weight: 700; }
        @media (max-width: 991px) {
          .bau-hero-with-contact-form__inner .form-state-container h2 {
            font-size: 24px; } }
      .bau-hero-with-contact-form__inner .form-state-container > p {
        margin: 0;
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 24px; }
        @media (max-width: 991px) {
          .bau-hero-with-contact-form__inner .form-state-container > p {
            font-size: 16px; } }
      .bau-hero-with-contact-form__inner .form-state-container .contact-form {
        background-color: white; }
        .bau-hero-with-contact-form__inner .form-state-container .contact-form > p {
          margin-bottom: 12px; }
      .bau-hero-with-contact-form__inner .form-state-container form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(5, auto);
        grid-auto-flow: column;
        -moz-column-gap: 24px;
        column-gap: 24px; }
        @media (max-width: 991px) {
          .bau-hero-with-contact-form__inner .form-state-container form {
            grid-template-columns: 1fr;
            width: 100%;
            grid-auto-flow: row; } }
        @media (min-width: 992px) {
          .bau-hero-with-contact-form__inner .form-state-container form .contact-form__captcha-wrapper {
            height: 48px; }
            .bau-hero-with-contact-form__inner .form-state-container form .contact-form__captcha-wrapper .recaptcha-vertical img {
              width: 20px;
              height: 20px; }
            .bau-hero-with-contact-form__inner .form-state-container form .contact-form__captcha-wrapper .contact-form__error-label {
              transform: translateY(-36px); } }
        .bau-hero-with-contact-form__inner .form-state-container form .form-submit-container p {
          font-size: 14px;
          font-style: italic;
          margin-top: -12px;
          margin-bottom: 9px; }
          @media (max-width: 991px) {
            .bau-hero-with-contact-form__inner .form-state-container form .form-submit-container p {
              margin-bottom: 16px;
              margin-top: 24px; } }
        .bau-hero-with-contact-form__inner .form-state-container form .form-submit-container button {
          width: 100%;
          cursor: pointer;
          line-height: 1; }
          @media (max-width: 991px) {
            .bau-hero-with-contact-form__inner .form-state-container form .form-submit-container button {
              width: 260px; } }
          @media (max-width: 479px) {
            .bau-hero-with-contact-form__inner .form-state-container form .form-submit-container button {
              width: 100%; } }