.buyers-club-page {
  margin-top: 60px;
  padding-top: 0;

  .buyers-club-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    justify-content: space-between;
    max-width: 1019px;
    margin-left: auto;
    margin-right: auto;
    display: flex;

    @media only screen and (max-width: 991px) {
      flex-direction: column-reverse;
    }
    
    .buyers-club-contents {
      grid-column-gap: 56px;
      grid-row-gap: 56px;
      flex-direction: column;
      display: flex;
      max-width: 270px;

      .content--heading {
        flex-direction: column;
        display: flex;

        h1 {
          font-family: DM Serif Display, sans-serif;
          font-size: 40px;
          color: var(--secondary);
          margin-top: 0;
          margin-bottom: 0;
          font-weight: 400;
          display: flex;
          flex-direction: column;

          &:after {
            content: "";
            display: inline-block;
            background-color: var(--black);
            max-width: 115px;
            height: 1px;
            margin-top: 8px;
            margin-bottom: 19px;
            width: 100%;
          }
          
        }

        h2 {
          font-family: Jost, sans-serif;
          font-size: 20px;
          color: var(--secondary);
          letter-spacing: 2.7px;
          text-transform: uppercase;
          margin: 0;
        }
        
      }

      .content--info {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        width: 100%;
        flex-direction: column;
        display: flex;

        .info--icon {
          display: flex;
          align-items: center;
          margin-bottom: 20px;
          
          .svg-icon {
            display: flex;
            max-width: 37px;
            margin-right: 15px;
            svg {
              width: 100%;
              height: initial;

              * {
                fill: var(--primary);
              }
            }
          }

          .text {
            * {
              font-family: Jost, sans-serif;
              font-weight: 300;
              color: var(--secondary);
              font-size: 16px;
              line-height: 25px;
              margin: 0;
              text-decoration: none;
            }

            a {
              &:hover {
                text-decoration: underline;
              }
            }

            h3 {
              font-weight: 500;
            }
          }
        }
      }
    }

    .buyers-club__form-col {
      flex: 0 80%;
      margin: 0 0 15px;
      max-width: 639px;

      form {
        input, textarea {
           &.form-input-field {
             margin-bottom: 1rem !important;
           }
        }

        textarea {
          resize: none;
          min-height: 126px;
        }

        .zcwf_row.submit-wrapper{
          margin-top: 25px;
        }
      }
    }
    
  }
}