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

.wp-block .faq,
.faq {
  padding: 2.5rem 0;
}
@media (min-width: 1024px) {
  .wp-block .faq,
  .faq {
    padding: 5rem 0;
  }
}
.wp-block .faq h2,
.faq h2 {
  text-align: center;
  margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  .wp-block .faq h2,
  .faq h2 {
    margin-bottom: 3.5rem;
  }
}
.wp-block .faq-item,
.faq-item {
  margin-bottom: 1.75rem;
}
.wp-block .faq-item--content,
.faq-item--content {
  border-bottom: 1px solid #dce2fa;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  position: relative;
}
.wp-block .faq-item--content .faq-item--text,
.faq-item--content .faq-item--text {
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  transition: max-height 300ms ease;
}
.wp-block .faq-item--content .faq-item--text p,
.faq-item--content .faq-item--text p {
  padding-top: 1.5rem;
  margin: 0;
}
.wp-block .faq-item--content .sk-dropdown,
.faq-item--content .sk-dropdown {
  position: absolute;
  right: 0;
  top: 0;
}
.wp-block .faq-item--content .sk-dropdown svg,
.faq-item--content .sk-dropdown svg {
  stroke: var(--sk-color-second);
  transform: translateY(-50%);
}
.wp-block .faq-item--content.active .faq-item--text,
.faq-item--content.active .faq-item--text {
  max-height: 31.25rem;
}
.wp-block .faq-item--content.active .sk-dropdown,
.faq-item--content.active .sk-dropdown {
  transform: rotateZ(-180deg);
}
.wp-block .faq-item--title,
.faq-item--title {
  cursor: pointer;
  transition: 0.3s;
  transition-timing-function: ease;
}
.wp-block .faq-item--title:hover, .wp-block .faq-item--title:focus,
.faq-item--title:hover,
.faq-item--title:focus {
  color: var(--sk-color-link-hover);
}
.wp-block .faq-item--counter,
.faq-item--counter {
  margin-right: 1.25rem;
}
