.news-default {
  position: relative;
}
.news-default .news-list-view {
  position: unset;
  user-select: none;
  margin: 0 calc(0% - var(--container-margin));
  padding: 1rem var(--container-margin) 4rem;
}
@media screen and (min-width: 1520px) {
  .news-default .news-list-view {
    margin: 0 -1rem;
    padding: 1rem 1rem 4rem;
  }
}
.news-default .news-list-view .article {
  width: 90%;
  max-width: 24.16rem;
  background: #FFFFFF;
  box-shadow: 0.22rem 0.22rem 0.83rem rgba(0, 0, 0, 0.12);
  border-radius: 0.22rem;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  .news-default .news-list-view .article {
    width: 100%;
  }
}
.news-default .news-list-view .article .news-img-wrap img {
  width: 100%;
  object-fit: cover;
}
.news-default .news-list-view .article .teaser-content {
  padding: 1.5rem 1.66rem;
}
.news-default .news-list-view .article .teaser-content .header {
  margin: 0 0 0.5rem;
}
.news-default .news-list-view .article .teaser-content .header h3 a {
  color: #24282D;
}
.news-default .news-list-view .article .teaser-content p {
  font-size: 0.77rem;
  line-height: 1.33rem;
  color: #707C8B;
  margin: 0;
}
.news-default .news-list-view .article .teaser-content .teaser-text {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.news-default .news-list-view .article .teaser-content .teaser-text .more {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 0.88rem;
  line-height: 1.5rem;
  color: #13A538;
  padding: 0.5rem 0.88rem;
  border-radius: 0.27rem;
  background-image: linear-gradient(90deg, #23A835 0%, #95C11F 100%);
  width: max-content;
}
.news-default .news-list-view .article .teaser-content .teaser-text .more::before {
  content: attr(title);
  display: flex;
  align-items: center;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: #ffffff;
  border-radius: 0.22rem;
  padding: 0.5rem 0.88rem;
}
.news-default .news-list-view .article .teaser-content .teaser-text .more svg {
  position: relative;
  display: block;
  margin-left: 0.44rem;
  z-index: 1;
}
.news-default .news-list-view .article .teaser-content .teaser-text .more:hover {
  color: #ffffff;
}
.news-default .news-list-view .article .teaser-content .teaser-text .more:hover::before {
  background: linear-gradient(92.29deg, #209E31 0%, #89B11E 100%);
}
.news-default .news-list-view .article .teaser-content .teaser-text .more:hover svg path {
  stroke: #ffffff;
}
.news-default .swiper-arrow-prev, .news-default .swiper-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
}
.news-default .swiper-arrow-prev svg path, .news-default .swiper-arrow-next svg path {
  stroke: #707C8B;
}
.news-default .swiper-arrow-prev {
  left: var(--container-margin);
}
@media screen and (min-width: 103.125em) {
  .news-default .swiper-arrow-prev {
    left: calc(var(--container-margin) - 1rem);
  }
}
.news-default .swiper-arrow-next {
  right: var(--container-margin);
}
@media screen and (min-width: 103.125em) {
  .news-default .swiper-arrow-next {
    right: calc(var(--container-margin) - 1rem);
  }
}
.news-default .swiper-button-disabled svg path {
  stroke: #E4E4E4;
}
.news-default .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 2rem;
  bottom: auto;
  --swiper-pagination-bullet-horizontal-gap: 1rem;
  --swiper-pagination-bullet-inactive-color: #E4E4E4;
  --swiper-pagination-color: #707C8B;
}
.news-default .swiper-pagination .swiper-pagination-bullet {
  width: 0.55rem;
  height: 0.55rem;
  opacity: 1;
}
.news-default .swiper-pagination .swiper-pagination-bullet-active {
  width: 1.11rem;
  height: 1.11rem;
}