.block_s44-contact-form {
  background-color: var(--s44-dark-green);

  .container {
    display: flex;
    gap: var(--spacing_medium);

    @media screen and (max-width: 991px) {
      gap: var(--spacing_small);
    }

    @media screen and (max-width: 767px) {
      flex-direction: column-reverse;
    }

    > div {
      flex: 1;
    }
    .form-left {
      background-color: #fff;
      border-radius: var(--border_radius);
      padding: 40px 24px;

      h2 {
        font-size: 36px;
      }

      form {
        margin-top: 12px;


        > div {
          display: flex;
          margin-bottom: 12px;
          gap: 12px;

          @media screen and (max-width: 991px) {
            flex-direction: column;
          }

        }
        input, select, textarea {
          font-size: 16px;
          width: 100%;
          padding: 10px;
          border-radius: 4px;
          border: solid 1px rgba(45, 61, 53, 0.2);
          font-family: var(--main_font);
          color: var(--s44-dark-green);
        }

        select {
          margin-bottom: 12px;
        }

        textarea {
          height: 120px;
        }

        .wpcf7-submit {
          background-color: var(--s44-orange);
          color: var(--s44-cream);
          width: 200px;
        }

        .wpcf7-response-output:empty, .wpcf7-spinner:empty {
          display: none;
        }
      }
    }

    .form-right {
      padding: 24px 0;

      .form-content {
        gap: 24px;
      }

      h3 {
        font-family: var(--main_font);
        font-weight: 500;
        text-transform: none;
      }

      .form-subheading {
        font-size: 14px;
      }

     div > p > i {
        font-size: 20px;
        margin-right: 18px;
      }

      .socials {
        border-top: solid 1px rgba(251, 248, 239, 0.47);
        padding-top: 24px;
        display: flex;
        gap: 16px;
        i {
        font-size: 20px;
        }
      }

      * {
        color: #fff;
      }
    }
  }

}