.image-text-columns {
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.image-text-columns.bg-green {
  padding: 4em 20px;
}
@media screen and (max-width: 600px) {
  .image-text-columns.bg-green {
    padding: 2.5em 20px;
  }
}
@media screen and (max-width: 600px) {
  .image-text-columns {
    padding: 2em 20px;
  }
}
.image-text-columns .title {
  margin-bottom: 40px;
}
.image-text-columns .outer-textarea {
  margin: 0 auto 40px auto;
  max-width: 800px;
}
.image-text-columns .outer-textarea p {
  font-size: 15px;
}
.image-text-columns .columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin: 0 auto;
  max-width: 1020px;
}
@media screen and (max-width: 600px) {
  .image-text-columns .columns {
    margin-top: 20px;
  }
}
.image-text-columns .columns .column {
  width: calc(25% - 30px);
}
@media screen and (max-width: 900px) {
  .image-text-columns .columns .column {
    width: calc(50% - 20px);
  }
}
.image-text-columns .columns .column .textarea p {
  font-size: 15px;
  font-weight: 600;
}
@media screen and (max-width: 600px) {
  .image-text-columns .columns .column .textarea p {
    font-size: 14px;
  }
}
.image-text-columns .columns .column .image {
  display: flex;
  justify-content: center;
}
.image-text-columns .columns.columns-5 {
  max-width: 1550px;
}
.image-text-columns .columns.columns-5 .column {
  width: calc(20% - 30px);
}
@media screen and (max-width: 900px) {
  .image-text-columns .columns.columns-5 .column {
    width: calc(50% - 20px);
  }
}
.image-text-columns .columns.columns-5 .column .textarea {
  width: 95%;
  margin: 0 auto;
}

.how-it-works .column .image {
  position: relative;
}

/*# sourceMappingURL=how-it-works.css.map */