/**
 * @file
 * section paragraph
 * Use in paragraph--section.html.twig
 */
.section {
  position: relative;
  overflow-x:clip;
}

.section--color-primary-4 {
  background-color: var(--color-primary--4);
}
.section--color-primary-1 {
  background-color: var(--color-primary--1);
}
.section--color-gradiant-white-primary-light {
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 60%, rgba(245,248,255,1) 40%);
}
.section--color-gradiant-primary-dark-light {
  background: rgb(245,248,255);
  background: rgb(0,30,108);
  background: linear-gradient(180deg, rgba(0,30,108,1) 38%, rgba(245,248,255,1) 38%);
}
/**
 * Alignments for section page builder
 */
.section--vertical-align-center > div > .layout {
  align-items: center;
}

.section--color-primary-1 *:not(span.color-secondary, span.color-secondary *) {
  color: var(--color-neutral--6);
}