.customer-styles {
  /* START article: pre-footer */
  /* END article: pre-footer */
}

.customer-styles .template_pre-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  padding: calc(20 * var(--font-size)) 0;
}

.customer-styles .template_pre-footer .global-grid {
  grid-template-rows: 1fr;
  width: 100%;
}

.customer-styles .template_pre-footer .global-grid .pre-footer-wrapper {
  align-self: end;
  grid-column: 1 / 7;
  grid-row: 1 / 2;
  display: flex;
  flex-flow: row;
}

@media (min-width: 768px) {
  .customer-styles .template_pre-footer .global-grid .pre-footer-wrapper {
    grid-column: 3/15;
  }
}

.customer-styles .template_pre-footer .content-left {
  display: flex;
  align-items: flex-start;
}

@media (min-width: 768px) {
  .customer-styles .template_pre-footer .content-left {
    align-items: flex-end;
  }
}

.customer-styles .template_pre-footer .content-left p {
  margin: 0;
  letter-spacing: 0.3px;
  font-weight: 400;
  line-height: 1.4em;
  font-size: Max(15px, calc(15 * var(--font-size)));
}

@media (min-width: 768px) {
  .customer-styles .template_pre-footer .content-left p {
    font-size: Max(16px, calc(16 * var(--font-size)));
  }
}

.customer-styles .template_pre-footer .content-right {
  display: flex;
  align-items: flex-start;
  margin-left: 20px;
  position: relative;
}

@media (min-width: 768px) {
  .customer-styles .template_pre-footer .content-right {
    margin-left: 30px;
    align-items: flex-end;
  }
}

.customer-styles .template_pre-footer .content-right:after {
  content: '';
  display: block;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  position: absolute;
  left: -11px;
  top: 0;
}

@media (min-width: 768px) {
  .customer-styles .template_pre-footer .content-right:after {
    bottom: 0;
    top: auto;
    height: 100%;
    left: -15px;
  }
}

.customer-styles .template_pre-footer .content-right p {
  margin: 0;
  letter-spacing: 0.32px;
  line-height: 1.4em;
  font-size: Max(15px, calc(15 * var(--font-size)));
}

@media (min-width: 768px) {
  .customer-styles .template_pre-footer .content-right p {
    font-size: Max(16px, calc(16 * var(--font-size)));
  }
}