.wollemiah-need-consulting {

  margin-top: var(--content-blocks-gap);
  width: 100%; max-width: var(--consulting-max-width);
  padding-left: 24px; padding-right: 24px;
  padding-top: 34px; padding-bottom: 34px;
  font-family: 'Roboto Flex';
  font-size: 18px; font-weight: 400;
  margin-left: auto; margin-right: auto;

  /* display: flex; flex-flow: row wrap;
  align-items: center; justify-content: space-between; */
  display: grid;
  grid-template-columns: 0px 160px 2fr 250px;
  border: 3px dashed var(--about-us-border-color);
  align-items: center;
  border-radius: 8px;
  box-sizing: border-box;
}

.wollemiah-need-consulting .need-consulting--image-wrapper {
  overflow: visible;
  width: 120px; height: 120px;
  position: relative;
  opacity: 1.0;
}

.wollemiah-need-consulting .need-consulting--image-wrapper--figure {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border-radius: 55%;
  background-color: var(--wood-circle-background);
  /* opacity: 0.33; */
}

.wollemiah-need-consulting .need-consulting--image-wrapper .need-consulting--image {
  position: absolute;
  display: block;
  z-index: 10; width: 120px; height: 120px;
  opacity: 1.0;
}

.wollemiah-need-consulting .call-order-form-button {
  color: var(--button-text-color-light);
  background-color: var(--button-back-color-default);

}

.wollemiah-need-consulting .call-order-form-button:focus, 
.wollemiah-need-consulting .call-order-form-button:hover {
  background-color: var(--button-back-color-light);
}

.need-consulting-slogan {
  /* word-break: break-all; */
}

.need-consulting-slogan .need-consulting-slogan--title {
  font-family: 'Optima Cyr';
  font-weight: 700;
  font-size: 48px;
  line-height: 100%;
  text-transform: uppercase;
  text-align: left;
  color: var(--main-text-color);
}

@media (max-width: 767px) {

  .wollemiah-need-consulting.need-consulting {
    margin-top: var(--content-blocks-gap-mobile);
    /* border: 2px dashed var(--about-us-border-color); */
    border: 3px dashed var(--about-us-border-color);
    border-radius: 8px;
    padding: 24px 10px;
    width: 96vw; margin-left: 2vw;
    display: flex;
    flex-flow: row wrap;
    /* width: 100%; */
  }

  .wollemiah-need-consulting .need-consulting--image-wrapper { display: none; opacity: 0.0; visibility: hidden; }

  .wollemiah-need-consulting .need-consulting--slogan-wrapper, 
  .wollemiah-need-consulting .need-consulting-slogan {
    margin: 24px 10px; margin-top: 0px;
  }

  .wollemiah-need-consulting .need-consulting-slogan--title {
    width:100%;
    font-weight: 700; font-size: 28px;
    line-height: 100%; letter-spacing: 0%;
    text-transform: uppercase;
    text-align: center;
  }

  .wollemiah-need-consulting .need-consulting-slogan--text {
    font-size: 18px; line-height: 130%;
    letter-spacing: 0%; text-align: center;
  }

  .wollemiah-need-consulting  .need-consulting--toolbar {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }

}