.background-color-primary {
  background-color: var(--primary);
}

section.text {
  padding-top: 3rem;
  padding-bottom: 3rem;
  font-size: 16px;
}

@media (width <= 767px) {
  section.text {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

section.text.indented_text > .row > div[class^="col"] {
  margin-left: 12rem;
}

@media (width <= 767px) {
  section.text.indented_text > .row > div[class^="col"] {
    margin-left: 0;
  }
}

section.text > .row > div[class^="col"] {
  position: relative;
}

section.text > .row > div[class^="col"].has_background_svg:before {
  content: "";
  z-index: -1;
  background-position: 0 bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 12rem;
  height: calc(100% + 2rem);
  display: block;
  position: absolute;
  top: -2rem;
  left: -4rem;
}

@media (width <= 767px) {
  section.text > .row > div[class^="col"].has_background_svg:before {
    display: none;
  }
}

section.text > .row > div[class^="col"].background_svg__yellow:before {
  background-image: url("../yellow.svg");
}

section.text > .row > div[class^="col"].background_svg__petrol:before {
  background-image: url("../petrol.svg");
}

section.text > .row > div[class^="col"].background_svg__red:before {
  background-image: url("../red.svg");
}

section.text > .row > div[class^="col"].background_svg__blue:before {
  background-image: url("../blue.svg");
}

section.text .block__text {
  max-width: 960px;
}

section.text .title {
  font-size: var(--font-size-xm);
}

main .container section.text.container {
  width: 100%;
}
/*# sourceMappingURL=text.css.map */