.paragraph {
  padding: 60px 0;
  position: relative;
}

.paragraph.padding-both--wrapper {
  padding: 60px 0;
}

.paragraph.only-padding-top--wrapper {
  padding: 60px 0 0 !important;
}

.paragraph.only-padding-bottom--wrapper {
  padding: 0 0 60px !important;
}

.paragraph.no-padding--wrapper {
  padding: 0 !important;
}

@media (width <= 1023.98px) {
  .paragraph {
    padding: 30px 0;
  }
}

.paragraph.has-extra-padding-top {
  padding-top: 120px;
}

@media (width <= 1023.98px) {
  .paragraph.has-extra-padding-top {
    padding-top: 60px;
  }
}

.paragraph.has-extra-padding-bottom {
  padding-bottom: 120px;
}

@media (width <= 1023.98px) {
  .paragraph.has-extra-padding-bottom {
    padding-bottom: 60px;
  }
}

.paragraph :where(.paragraph) {
  padding: 0;
}
/*# sourceMappingURL=paragraph.css.map */