/* 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-bsm: 769px;
  --breakpoint-sm: 768px;
  --breakpoint-xsm: 767px;
  --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);
*/
@media (max-width: 767px) {
  .knowledge-of-topics.gutenberg-block .topic-item-col:last-child .topic-text {
    height: auto;
  }
  .knowledge-of-topics.gutenberg-block .topic-item-col .topic-text {
    transition-duration: 0.5s;
  }
  .knowledge-of-topics.gutenberg-block .topic-item-col:not(:first-child) {
    margin-top: -50px;
    transition-duration: 0.5s;
  }
  .knowledge-of-topics.gutenberg-block .topic-item-col.open:not(:first-child) {
    margin-top: 0;
  }
  .knowledge-of-topics.gutenberg-block .topic-item-col .topic-item-top {
    flex-wrap: wrap;
  }
  .knowledge-of-topics.gutenberg-block .topic-item-col .topic-item-top button {
    margin-left: auto;
    display: flex;
    transition-duration: 0.5s;
    transform: rotate(90deg);
  }
  .knowledge-of-topics.gutenberg-block .topic-item-col .topic-item-top h3 {
    flex: 1 1 100%;
  }
  .knowledge-of-topics.gutenberg-block .topic-item-col.active .topic-item-top button {
    transform: rotate(-90deg);
  }
}
@media (max-width: 512px) {
  .knowledge-of-topics.gutenberg-block .topic-item-header {
    padding: 30px;
  }
  .knowledge-of-topics.gutenberg-block .topic-item-header h2 {
    font-size: 22px;
    line-height: 1.2;
  }
  .knowledge-of-topics.gutenberg-block .topic-item-content {
    padding: 30px;
  }
}