/* stylelint-disable */
/* stylelint-disable max-line-length */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
  --breakpoint-container-lg: 1599px;
  --breakpoint-container-md: 1299px;
  --breakpoint-container-sm: 1199px;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
/* stylelint-disable */
.wp-block .quote-block,
.quote-block {
  padding: 50px 0 37px;
}
@media (max-width: 1440px) {
  .wp-block .quote-block,
  .quote-block {
    padding: 3.125vw 0;
  }
}
.wp-block .quote-block__inner,
.quote-block__inner {
  text-align: right;
}
.wp-block .quote-block__text,
.quote-block__text {
  display: inline-block;
  color: var(--sk-color-border);
  font-weight: 300;
}
.wp-block .quote-block__text .first-span,
.quote-block__text .first-span {
  position: relative;
  padding-left: 50px;
}
@media (max-width: 768px) {
  .wp-block .quote-block__text .first-span,
  .quote-block__text .first-span {
    padding-left: 30px;
  }
}
.wp-block .quote-block__text .deco-line,
.quote-block__text .deco-line {
  position: absolute;
  left: 0;
  top: calc(50% + 5px);
  transform: translateY(-50%);
  height: 1px;
  background-color: var(--sk-color-black);
  max-width: 0;
  transition: max-width 1.5s;
  transition-delay: 1s;
  transition-timing-function: ease-in-out;
}
@media (max-width: 768px) {
  .wp-block .quote-block__text .deco-line,
  .quote-block__text .deco-line {
    top: calc(50% + 2px);
  }
}
.wp-block .quote-block__text.aos-animate .deco-line,
.quote-block__text.aos-animate .deco-line {
  max-width: 100vw;
}