* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}

div#swiper_container {
  background: transparent
}
.blog-slider {
  width:100%;
  position:relative;
  background:var(--global-bg);
}
.blog-slider__item {
  padding: 15px;
  display:flex;
  align-items:center
}
.blog-slider__item.swiper-slide-active .blog-slider__img img {
  opacity:1;
  transition-delay:.3s
}
.blog-slider__item.swiper-slide-active .blog-slider__content>* {
  opacity:1;
  transform:none
}
.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(1) {
  transition-delay:.3s
}
.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(2) {
  transition-delay:.38s
}
.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(3) {
  transition-delay:.46s
}
.blog-slider__img {
  width:40%;
  flex-shrink:0;
  height:200px;
  overflow:hidden
}
.blog-slider__img img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:0;
  border-radius:7px;
  border: 1px solid var(--ah-hover-bg);
  transition:all .3s
}
.blog-slider__content {
  padding-left: 30px;
}
.blog-slider__content>* {
  opacity:0;
  transform:translateX(30px);
  transition:all .4s
}
.blog-slider__code {
  margin-bottom:0;
  display:block
}
.blog-slider__title {
  font-size:1.43em;
  line-height: 1.43em;
  font-weight:bold;
  color:var(--text-highlight-color);
  -webkit-line-clamp:1;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical
}
.blog-slider__text {
  -webkit-line-clamp:1;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  margin: 6px 0;
  line-height:1.5em;
  width:100%;
  display:block;
  word-break:break-all;
  word-wrap:break-word
}

.blog-slider__button {
  display:none
}

.blog-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.blog-slider .swiper-pagination-custom,
.blog-slider .swiper-pagination-fraction {
  bottom:10px;
  left:0;
  width:100%
}
.blog-slider__pagination {
  position: absolute;
  z-index: 21;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-slider__pagination .swiper-pagination-bullet {
  width:10px;
  height:10px;
  display:block;
  border-radius:10px;
  background:var(--hltools-color);
  transition:all .3s
}
.blog-slider__pagination .swiper-pagination-bullet-active {
  height:10px;
  width:30px;
  background:var(--btn-hover-color)
}
@media screen and (max-width:768px) {
  .blog-slider__pagination {
      height: 10px
  }
  .blog-slider__content {
      padding:15px
  }
  .blog-slider__item {
      padding: 0;
      align-items: unset;
      flex-direction:column
  }
  .blog-slider__img {
      width:100%
  }
  .blog-slider__img img {
      border:none;
      border-radius: 0;
   }
  .blog-slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets {
      bottom: 10px;
      position: relative;
  }
  .blog-slider__code{
      display: none;
  }
}
