.block-value-chain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@media (min-width: 1025px) {
  .block-value-chain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.block-value-chain > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1025px) {
  .block-value-chain > div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.block-value-chain > div > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
@media (max-width: 1024px) {
  .block-value-chain .value-chain__stream {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .block-value-chain .value-chain__stream > * {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
.block-value-chain .value-chain__stream_box header {
  background: var(--wp--preset--color--darkgrey);
  color: #fefffe;
  padding: 5px;
  font-weight: 600;
}
.block-value-chain .value-chain__stream_box p {
  padding: 10px;
  background: linear-gradient(282deg, #82cbf0 0%, #488bb8 100%);
  color: #fefffe;
  font-weight: 600;
  font-size: 2rem;
}
.block-value-chain .value-chain__graphics {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1024px) {
  .block-value-chain .value-chain__graphics {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .block-value-chain .value-chain__graphics > * {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
.block-value-chain .value-chain__links {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
}
@media (max-width: 1024px) {
  .block-value-chain .value-chain__links {
    gap: 10%;
  }
}
.block-value-chain .value-chain__links > div {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: calc(33.3% + 15px);
  padding-bottom: 5px;
}
@media (max-width: 1024px) {
  .block-value-chain .value-chain__links > div {
    white-space: nowrap;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-transform: scale(-1);
            transform: scale(-1);
  }
}
.block-value-chain .value-chain__links > div span {
  display: inline-block;
  padding-left: 20px;
  color: var(--wp--preset--color--primary);
  font-size: 1.4rem;
  font-weight: 600;
}
.block-value-chain .value-chain__links > div span:after {
  display: block;
  content: "";
  width: 125%;
  position: relative;
  left: -10%;
  height: 15px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="155" height="13" viewBox="0 0 155 13"><g id="Group_3194" data-name="Group 3194" transform="translate(-629 -3361)"><rect id="Rectangle_2428" data-name="Rectangle 2428" width="145" height="5" transform="translate(629 3365)" fill="%23006db4"/><path id="Polygon_7" data-name="Polygon 7" d="M6.5,0,13,10H0Z" transform="translate(784 3361) rotate(90)" fill="%23006db4"/></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .block-value-chain .value-chain__links > div span:after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    width: 120px;
    position: absolute;
    left: -65px;
    top: calc(50% - 12px);
  }
}
.block-value-chain .value-chain__flow {
  position: relative;
}
@media (max-width: 1024px) {
  .block-value-chain .value-chain__flow {
    white-space: nowrap;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-transform: scale(-1);
            transform: scale(-1);
    margin-right: 20px;
  }
}
.block-value-chain .value-chain__flow:before {
  display: block;
  width: 100%;
  height: 15px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="882" height="12" viewBox="0 0 882 12"><g id="Group_3196" data-name="Group 3196" transform="translate(-418 -3362)"><rect id="Rectangle_2428" data-name="Rectangle 2428" width="872" height="2" transform="translate(428 3367)" fill="%23c9cbcc"/><path id="Polygon_7" data-name="Polygon 7" d="M6,0l6,10H0Z" transform="translate(418 3374) rotate(-90)" fill="%23c9cbcc"/></g></svg>');
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .block-value-chain .value-chain__flow:before {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    width: 500px;
    position: absolute;
    left: -260px;
    top: calc(50% - 8px);
  }
}
.block-value-chain .value-chain__flow span {
  color: var(--wp--preset--color--darkgrey);
  font-size: 1.4rem;
}