/* 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;
}

/* 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);
*/
.section-accordion__wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: all 300ms ease;
}
.section-accordion__content {
  overflow: hidden;
}
.section-accordion__header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  color: #fff;
  align-items: center;
  gap: 25px;
  transition: color 300ms ease;
}
.section-accordion__header:hover {
  color: var(--sk-color-text);
}
.section-accordion__header svg {
  transition: transform 300ms ease;
  transform: rotate(180deg);
}
.section-accordion__header--open svg {
  transform: rotate(0);
}
.section-accordion__wrapper--open {
  grid-template-rows: 1fr;
  margin-top: 35px;
}
.section-accordion__item {
  padding: 90px 0;
}
@media (max-width: 768px) {
  .section-accordion__item {
    padding-top: var(--sk-spacing-100);
    padding-bottom: var(--sk-spacing-50);
  }
}
@media (max-width: 512px) {
  .section-accordion__item {
    padding-top: var(--sk-spacing-50);
  }
}
.section-accordion__item:first-child {
  padding-top: 185px;
}
@media (max-width: 768px) {
  .section-accordion__item:first-child {
    padding-top: var(--sk-spacing-100);
  }
}
@media (max-width: 512px) {
  .section-accordion__item:first-child {
    padding-top: var(--sk-spacing-50);
  }
}
