.n8nfpxz-component {
  --padding_tb: calc(105px + var(--section-padding-extra, 0rem));
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin-top: var(--section-margin-tb, 0rem);
  margin-bottom: var(--section-margin-tb, 0rem);
  color: #fff;
  background-color: var(--section-background-color, #151515);
  background-image: var(--section-background-image, none);
  background-position: var(--section-background-position, right center);
  background-size: var(--section-background-size, cover);
  background-repeat: var(--section-background-repeat, no-repeat);
  overflow-x: hidden;
}

.n8nfpxz-component,
.n8nfpxz-component * {
  box-sizing: border-box;
}

.n8nfpxz-component__overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(21, 21, 21, 0.88);
  pointer-events: none;
}

.n8nfpxz-component__inner {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--custom-content-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--padding_tb);
  padding-bottom: var(--padding_tb);
  padding-left: var(--padding_lr);
  padding-right: var(--padding_lr);
}

.n8nfpxz-component__heading-group {
  width: 100%;
  margin-bottom: 25px;
  text-align: center;
  transform: translateY(-26.44px);
}

.n8nfpxz-component__eyebrow {
  margin: 0 0 6px;
  color: var(--eyebrow-color, var(--themeColor1));
  font-family: var(--eyebrow-font-family, Barlow, sans-serif);
  font-size: var(--eyebrow-font-size, 14px);
  font-style: var(--eyebrow-font-style, normal);
  font-weight: var(--eyebrow-font-weight, 700);
  line-height: var(--eyebrow-line-height, 1.6);
  letter-spacing: var(--eyebrow-letter-spacing, 2px);
  text-align: var(--eyebrow-text-align, center);
  text-decoration: var(--eyebrow-text-decoration, none);
  text-transform: var(--eyebrow-text-transform, uppercase);
  transition: color 400ms ease;
}

.n8nfpxz-component__heading {
  margin: 0 0 10px;
  color: var(--heading-color, rgb(255, 255, 255));
  font-family: var(--heading-font-family, Barlow, sans-serif);
  font-size: var(--heading-font-size, 34px);
  font-style: var(--heading-font-style, normal);
  font-weight: var(--heading-font-weight, 700);
  line-height: var(--heading-line-height, 1.6);
  letter-spacing: var(--heading-letter-spacing, 0.5px);
  text-align: var(--heading-text-align, center);
  text-decoration: var(--heading-text-decoration, none);
  text-transform: var(--heading-text-transform, uppercase);
  transition: color 400ms ease;
}

.n8nfpxz-component__heading-group:hover .n8nfpxz-component__eyebrow {
  color: var(--eyebrow-hover-color, var(--eyebrow-color, var(--themeColor1)));
  font-family: var(--eyebrow-hover-font-family, var(--eyebrow-font-family, Barlow, sans-serif));
  font-size: var(--eyebrow-hover-font-size, var(--eyebrow-font-size, 14px));
}

.n8nfpxz-component__heading-group:hover .n8nfpxz-component__heading {
  color: var(--heading-hover-color, rgb(255, 255, 255));
  font-family: var(--heading-hover-font-family, var(--heading-font-family, Barlow, sans-serif));
  font-size: var(--heading-hover-font-size, var(--heading-font-size, 34px));
}

.n8nfpxz-component__heading-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 5px;
}

.n8nfpxz-component__divider-line {
  display: block;
  width: var(--divider-line-width, 35px);
  height: var(--divider-line-height, 1px);
  background: var(--divider-line-color, rgba(255, 255, 255, 0.6));
  transition: width 400ms ease;
}

.n8nfpxz-component__divider-marker {
  display: block;
  width: 5px;
  height: 5px;
  margin: 0 6px;
  background: var(--divider-marker-color, var(--themeColor1));
  transform: rotate(45deg);
  transition: transform 400ms ease;
}

.n8nfpxz-component__heading-group:hover .n8nfpxz-component__divider-line {
  width: calc(var(--divider-line-width, 35px) + 10px);
}

.n8nfpxz-component__heading-group:hover .n8nfpxz-component__divider-marker {
  transform: rotate(225deg);
}

.n8nfpxz-component__carousel {
  width: 100%;
}

.n8nfpxz-component__slide {
  display: none;
  position: relative;
  grid-template-columns: 400px minmax(0, 1fr);
  gap: 60px;
  width: 100%;
  margin: 0 auto;
}

.n8nfpxz-component__slide[data-active="true"] {
  display: grid;
}

.n8nfpxz-component__photo-frame {
  width: 400px;
  aspect-ratio: var(--slide-image-ratio, 3 / 2);
  overflow: hidden;
  border-radius: var(--slide-image-shape, 0%);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
  transform-origin: center;
  transition: transform 400ms ease;
}

.n8nfpxz-component__photo-frame:hover {
  /* transform: translateX(-29.58px) scale(1.02); */
}

.n8nfpxz-component__slide-image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: var(--slide-image-fit, cover);
  object-position: center;
}

.n8nfpxz-component__content-area {
  display: flex;
  min-width: 0;
  padding-top: 45px;
  flex-direction: column;
  transform: translateX(33.05px);
}

.n8nfpxz-component__quote-icon {
  min-height: 57px;
  margin-bottom: 18px;
  color: var(--quote-icon-color, var(--themeColor1));
}

.n8nfpxz-component__quote-glyph {
  display: inline-block;
  color: currentColor;
  font-size: var(--quote-icon-size, 56px);
  line-height: 1;
}

.n8nfpxz-component__quote-glyph--image {
  width: var(--quote-icon-size, 56px);
  height: var(--quote-icon-size, 56px);
  object-fit: contain;
}

.n8nfpxz-component__quote-text {
  margin: 0 0 28px;
  color: var(--description-color, rgb(226, 232, 240));
  font-family: var(--description-font-family, Barlow, sans-serif);
  font-size: var(--description-font-size, 18px);
  font-style: var(--description-font-style, italic);
  font-weight: var(--description-font-weight, 400);
  line-height: var(--description-line-height, 1.75);
  letter-spacing: var(--description-letter-spacing, 0px);
  text-align: var(--description-text-align, left);
  text-decoration: var(--description-text-decoration, none);
  text-transform: var(--description-text-transform, none);
  transition: color 300ms ease;
}

.n8nfpxz-component__quote-text:hover {
  color: var(--description-hover-color, rgb(226, 232, 240));
  font-family: var(--description-hover-font-family, var(--description-font-family, Barlow, sans-serif));
  font-size: var(--description-hover-font-size, var(--description-font-size, 18px));
}

.n8nfpxz-component__slide-title {
  margin: 0 0 3px;
  color: var(--slide-title-color, rgb(255, 255, 255));
  font-family: var(--slide-title-font-family, Barlow, sans-serif);
  font-size: var(--slide-title-font-size, 22px);
  font-style: var(--slide-title-font-style, normal);
  font-weight: var(--slide-title-font-weight, 700);
  line-height: var(--slide-title-line-height, 1.6);
  letter-spacing: var(--slide-title-letter-spacing, 0px);
  text-align: var(--slide-title-text-align, left);
  text-decoration: var(--slide-title-text-decoration, none);
  text-transform: var(--slide-title-text-transform, none);
  transition: color 300ms ease;
}

.n8nfpxz-component__slide-title:hover {
  color: var(--slide-title-hover-color, rgb(255, 255, 255));
  font-family: var(--slide-title-hover-font-family, var(--slide-title-font-family, Barlow, sans-serif));
  font-size: var(--slide-title-hover-font-size, var(--slide-title-font-size, 22px));
}

.n8nfpxz-component__slide-meta {
  margin: 0 0 28px;
  color: var(--meta-color, rgb(160, 174, 192));
  font-family: var(--meta-font-family, Barlow, sans-serif);
  font-size: var(--meta-font-size, 13px);
  font-style: var(--meta-font-style, normal);
  font-weight: var(--meta-font-weight, 400);
  line-height: var(--meta-line-height, 1.6);
  letter-spacing: var(--meta-letter-spacing, 0px);
  text-align: var(--meta-text-align, left);
  text-decoration: var(--meta-text-decoration, none);
  text-transform: var(--meta-text-transform, none);
  transition: color 300ms ease;
}

.n8nfpxz-component__slide-meta:hover {
  color: var(--meta-hover-color, rgb(160, 174, 192));
  font-family: var(--meta-hover-font-family, var(--meta-font-family, Barlow, sans-serif));
  font-size: var(--meta-hover-font-size, var(--meta-font-size, 13px));
}

.n8nfpxz-component__navigation {
  display: flex;
  align-items: center;
  gap: 10px;
}

.n8nfpxz-component__nav-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  color: #fff;
  background: rgb(37, 37, 37);
  border: 1px solid rgb(51, 51, 51);
  border-radius: 3px;
  cursor: pointer;
  transform: translateY(0);
  transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease, transform 300ms ease;
}

.n8nfpxz-component__nav-button:hover,
.n8nfpxz-component__nav-button:focus-visible {
  color: #fff;
  background: var(--themeColor1);
  border-color: var(--themeColor1);
  transform: translateY(-2px);
  outline: none;
}

.n8nfpxz-component__nav-icon {
  display: block;
  font-size: 15px;
  line-height: 1;
  text-align: center;
}

@media (max-width: 1200px) {
  .n8nfpxz-component__inner {

  }
}

@media (max-width: 767px) {
  .n8nfpxz-component {
    --padding_tb: calc(64px + var(--section-padding-extra, 0rem));
  }

  .n8nfpxz-component__inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .n8nfpxz-component__heading-group {
    margin-bottom: 36px;
    transform: none;
  }

  .n8nfpxz-component__eyebrow {
    font-size: var(--eyebrow-mo-font-size, 14px);
    overflow-wrap: anywhere;
  }

  .n8nfpxz-component__heading {
    font-size: var(--heading-mo-font-size, 34px);
    overflow-wrap: anywhere;
  }

  .n8nfpxz-component__slide {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    width: 100%;
    max-width: 100%;
  }

  .n8nfpxz-component__photo-frame {
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .n8nfpxz-component__content-area {
    width: 100%;
    padding-top: 0;
    transform: none;
  }

  .n8nfpxz-component__quote-icon {
    text-align: center;
  }

  .n8nfpxz-component__navigation {
    justify-content: center;
  }

  .n8nfpxz-component__quote-text {
    font-size: var(--description-mo-font-size, 18px);
  }

  .n8nfpxz-component__slide-title {
    font-size: var(--slide-title-mo-font-size, 22px);
  }

  .n8nfpxz-component__slide-meta {
    font-size: var(--meta-mo-font-size, 13px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .n8nfpxz-component__eyebrow,
  .n8nfpxz-component__heading,
  .n8nfpxz-component__divider-line,
  .n8nfpxz-component__divider-marker,
  .n8nfpxz-component__photo-frame,
  .n8nfpxz-component__quote-text,
  .n8nfpxz-component__slide-title,
  .n8nfpxz-component__slide-meta,
  .n8nfpxz-component__nav-button {
    transition-duration: 0s;
  }
}