.section-boxes__wrapper_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0rem;
}

.section-boxes__wrapper_list[data-media-align="left"] {
  flex-direction: row;
}

.section-boxes__wrapper_list[data-media-align="right"] {
  flex-direction: row-reverse;
}

.section-boxes__list_items {
  flex: 9 1 calc(65% - 5rem);
  min-width: 320px;
  border-left: solid 1px var(--bg-border);
  padding-left: 4rem;
  margin-left: 4rem;
}

.section-boxes__list {
  flex: 3 1 calc(35% - 5rem);
  min-width: 280px;
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  top: 5rem;
}
.section-boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 2.8rem;
  width: 100%;
  box-sizing: border-box;
}

.section-boxes .boxes-inner__wrapper {
  flex: 0 0 calc(33.333% - 1.9rem);
  box-sizing: border-box;
  min-width: 0;
}
.field--name-field-text-item .field__item {
  padding: 0rem 0 3rem 0;
}
@media screen and (max-width: 1024px) {
  .section-boxes__reference-boxes,
  .section-boxes__list {
    flex: 1 1 100%;
  }
  .section-boxes .boxes-inner__wrapper {
    flex: 0 0 calc(50% - 1.5rem);
  }
}

@media screen and (max-width: 768px) {
  .section-boxes__wrapper_list {
    flex-direction: column !important;
    gap: 2rem;
  }

  .section-boxes__list_items {
    padding-left: 0rem;
    margin-left: 0rem;
    border-left: none;
  }

  .section-boxes__list {
    position: relative !important;
    top: 0;
  }
  .section-boxes .boxes-inner__wrapper {
    flex: 0 0 100%;
  }
}