.so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .break {
  flex-basis: 100%;
  height: 0;
}
.so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topics-img {
  margin-bottom: 20px;
  object-fit: cover;
  height: 380px;
  width: 380px;
}
.so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topic:hover .topics-overlay {
  z-index: 11;
}
.so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topic:nth-child(3n) {
  page-break-after: always;
  /* CSS 2.1 syntax */
  break-after: always;
  /* New syntax */
}
.so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topic {
  position: relative;
}
.so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topic-item {
  text-align: center;
  font-size: 16px;
  padding: 10px;
}
.so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topics-overlay {
  background-color: #a30013;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 380px;
  height: 380px;
  z-index: -11;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 20px;
}
.so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .first-view {
  background-color: unset;
  z-index: unset;
  align-items: end;
  font-size: 29px;
}
.so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .first-view .topic-item {
  font-size: 29px;
}
.so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .first-view span {
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topics-img,
  .so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topics-overlay,
  .so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .first-view {
    width: 100%;
  }
  .so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topic:nth-child(3n) {
    page-break-after: unset;
    break-after: unset;
  }
  .so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topic {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) and (min-width: 601px) {
  .so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper {
    justify-content: space-between;
  }
  .so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topic {
    width: 33%;
  }
  .so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topic .first-view {
    display: flex;
    width: 100%;
    height: auto;
  }
  .so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topic .first-view .topic-item {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topic:nth-child(3n) {
    page-break-after: unset;
    break-after: unset;
  }
  .so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topics-img {
    width: 100%;
    height: auto;
  }
  .so-widget-topics-widget-topics_widget-d75171398898-267613 .topics-box-wrapper .topics-overlay {
    display: none;
  }
}