.cms-element-bc-contact-us {
  .contact-form-background {
    &.bg-image {
      position: relative;
    }
    .contact--form-bg {
      position: relative;
      .heading--wrapper {
        display: flex;
        align-items: center;
        height: 100%;
        width: 70%;
        h2 {
          font-size: 50px;
          line-height: normal;
          font-weight: 600;
          margin-bottom: 0;
          z-index: 1;
        }
      }
      .contact--card {
        padding: 40px 45px;
        border-radius: $bcb-shoppingexperiences-radius+px;
  
        h3 {
          font-size: 30px;
          line-height: normal;
          margin-bottom: 35px;
          margin-top: 10px;
          font-weight: 600;
        }
        .form-row {
          .form-group {
            .form-control {
              background: transparent;
              border: none;
              font-size: 16px;
              border-bottom: 1px solid #bfbfbf;
              border-radius: 0;
              &::-webkit-input-placeholder {
                color: inherit !important;
                opacity: 1;
              }
              &::placeholder {
                color: inherit !important;
                opacity: 1;
              }
              &::-ms-input-placeholder {
                color: inherit;
              }
            }
            textarea {
              min-height: 120px;
              background: transparent;
              border: none;
              border-bottom: 1px solid #bfbfbf;
              &::placeholder {
                color: inherit;
                opacity: 1;
              }
              &::-ms-input-placeholder {
                color: inherit;
              }
            }
          }
        }
        .btn {
          border-radius: $bcb-shoppingexperiences-btn-radius+px;
          line-height: 45px;
          outline: none;
          border: none;
          font-size: 14px;
          font-weight: 600;
          text-transform: uppercase;
          height: 45px;
          width: 200px;
          display: flex;
          justify-content: center;
          align-items: center;
          &:focus {
            box-shadow: none;
          }
        }
      }
      &:before {
        content: "";
        position: absolute;
        background: $bcb-shoppingexperiences-ContactbannerOverlay;
        width: 100%;
        height: 100%;
      }
      .contact-form {
        padding: 5% 0;
        .bc-contact-us-text-left {
          order: 1;
        }
      }
    }

    @media screen and (max-width: 1440px) {
      .contact--form-bg {
        .contact-form {
          padding: 5% 2%;
        }

        &::before { 
          top: 0;
          z-index: 0;
        }
        .heading--wrapper {
          h2 {
            font-size: 44px;
            line-height: 44px;
          }
        }
        .contact--card {
          .form-row {
            .form-group {
              .form-control {
                font-size: 16px;
              }
            }
          }
          .btn {
            padding: 6px 20px;
            font-size: 16px;
          }
        }
      }
    }

    @media (max-width: 991.98px) {
      .contact--form-bg {
        .heading--wrapper {
          h2 {
            font-size: 38px;
            line-height: normal;
          }
        }
        .contact--card {
          padding: 30px 30px;
          h3 {
            font-size: 32px;
            line-height: 30px;
          }
          .btn {
            padding: 4px 14px;
            font-size: 14px;
          }
        }
      }
    }

    @media (max-width: 767.98px) {
      .contact--form-bg {
        .row {
          row-gap: 30px;
          text-align: center;
        }
        .heading--wrapper {
          width:  95%;
          justify-content: center;
          padding: 0 8px;
        }

        .contact-form {
          padding: 75px 3%;
        }
      }
    }

    @media (max-width: 575.98px) {
      .contact--form-bg {
        .heading--wrapper {
          h2 {
            font-size: 30px;
            line-height: 35px;
          }
        }
        .contact--card {
          padding: 24px 15px;
          h3 {
            font-size: 20px;
            margin-bottom: 10px;
          }
          .form-row {
            .form-group {
              .form-control {
                font-size: 14px;
              }
            }
          }
        }
      }
    }
  }
}
