* {
  --wp--preset--color--secondary-green: #3B8640;
}

.wp-block-columns {
  display: flex;
  gap: 40px;
  align-items: normal;
  width: 100%;
  margin: 0 auto;
}
.wp-block-columns.has-background {
  padding: 20px 30px;
}
.wp-block-columns.is-not-stacked-on-mobile {
  flex-wrap: nowrap;
}
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
  flex-basis: 0;
  flex-grow: 1;
}
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style] {
  flex-grow: 0;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
  flex-grow: 1;
}
.wp-block-columns.is-vertical-alignment-center {
  align-items: center;
}
.wp-block-columns.is-style-with-separators {
  grid-column-gap: 60px;
  grid-row-gap: 20px;
}
.wp-block-columns.is-style-with-separators .wp-block-column {
  position: relative;
}
.wp-block-columns.is-style-with-separators .wp-block-column:not(:first-of-type):before {
  content: "";
  position: absolute;
  top: 0;
  left: -30px;
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 820px) {
  .wp-block-columns.has-2-columns {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 960px) {
  .wp-block-columns.has-2-columns .wp-block-column {
    flex-basis: 45%;
    max-width: 46%;
  }
}
@media screen and (max-width: 640px) {
  .wp-block-columns.has-2-columns .wp-block-column {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 820px) {
  .wp-block-columns.has-2-columns .wp-block-separator {
    width: 100%;
    height: 1px;
  }
}
@media screen and (max-width: 820px) {
  .wp-block-columns.has-3-columns {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 820px) {
  .wp-block-columns.has-3-columns .wp-block-column {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 820px) {
  .wp-block-columns.has-3-columns .wp-block-separator {
    width: 100%;
    height: 1px;
  }
}
@media screen and (max-width: 960px) {
  .wp-block-columns.has-4-columns {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 960px) {
  .wp-block-columns.has-4-columns .wp-block-column {
    flex-basis: 45%;
    max-width: 46%;
  }
}
@media screen and (max-width: 960px) {
  .wp-block-columns.has-4-columns .wp-block-separator {
    width: 100%;
    height: 1px;
  }
}
