.blog-slider {
  border: 1px solid #f2f2f2;
}
.blog-slider + .banners-slider {
  --row-start: 3;
}
.blog-slider .slider-nav__icon {
  min-width: auto;
  min-height: auto;
}
.blog-slider .swiper-slide {
  height: auto;
}
.blog-slider .swiper-horizontal.swiper-pagination {
  bottom: 0px;
}

/* blog-slider */
.blog-slider__section{
  color: #666;
  font-size: 12px;
  font-weight: 400;
}
.blog-slider__title {
  color: #1D2839;
  font-size: 14px;
  font-weight: 700;
  flex: 1;
  text-align: left;
  word-break: break-word;
}
.blog-slider__data {
  color: #999;
  font-weight: 400;
  font-size: 12px;
}
.blog-slider__img{
  flex-basis: 132px;
  flex-shrink: 0;
}
.blog-slider__item {
  height: 100%;
  padding: 40px 50px 40px 30px; 
}
.blog-slider__info {
  margin-left: 16px;
  align-self: stretch;
}
.blog-slider__info .line-block {
  justify-content: space-between;
  height: 100%;
}
.blog-slider__item .line-block{
  height: 100%;
}
.blog-slider .swiper-pagination-bullet:before {
  border: 2px solid var(--theme-base-color);
}
.blog-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background-color: var(--theme-base-color);
}
@media (min-width: 768px) { 
  .blog-slider .swiper-pagination {
    display: none;
  }
}
@media (max-width: 450px) {
  .blog-slider__info {
    margin-left: 0px;
    margin-top: 16px;
  }
}

.info-block{
  --ib-side: 24px;
  --cards-gutter: 36px;
  --arrow-gap: 32px;
  --arrow-hover: #444F00;
}

.info-block .blog-slider-wrap{
  position: relative;
  padding: 0 var(--ib-side);
}

.info-block .blog-slider{
  margin: 0 var(--cards-gutter);
  overflow: hidden;
}
.info-block .blog-slider .swiper-wrapper{ align-items: stretch; }
.info-block .blog-slider .swiper-slide{ height: auto; }

.info-block .blog-card{
  height:100%;
  background:#fff;
  border:1px solid #E6E8EB;
  border-radius:2px;
  padding:20px;
  display:flex; flex-direction:column;
}
.info-block .blog-slider .swiper-slide + .swiper-slide .blog-card{ border-left:none; }

.info-block .blog-card__img{
  display:block; width:100%; height:200px;
  background:#F5F7FA; border-radius:2px; overflow:hidden;
}
.info-block .blog-card__img img{ width:100%; height:100%; object-fit:contain; }

.info-block .blog-card__title{
  margin-top:16px;
  font-family: Onest, sans-serif;
  font-weight:700;
  font-size:14px; line-height:100%; letter-spacing:0;
}
.info-block .blog-card__desc{
  margin-top:8px;
  font-family: Onest, sans-serif;
  font-weight:400; font-size:12px; line-height:100%; letter-spacing:0;
}
.info-block .blog-card__price{
  margin-top:16px;
  font-family: Onest, sans-serif;
  font-weight:700;
  font-size:20px; line-height:100%; letter-spacing:0;
}

.info-block .blog-slider-wrap .swiper-button-prev,
.info-block .blog-slider-wrap .swiper-button-next{
  position:absolute;
  top:50%; transform:translateY(-50%);
  width:30px; height:30px;
  display:flex; align-items:center; justify-content:center;
  padding:0; margin:0; line-height:0;
  background:none !important; box-shadow:none !important; border:none !important;
  z-index:3; pointer-events:auto;
  color: inherit;
}

.info-block .blog-slider-wrap .swiper-button-prev{
  left: calc(var(--cards-gutter) - var(--arrow-gap));
}
.info-block .blog-slider-wrap .swiper-button-next{
  right: calc(var(--cards-gutter) - var(--arrow-gap));
}

.info-block .blog-slider-wrap .slider-nav .slider-nav__icon{
  width:20px; height:20px;
  min-width:20px; min-height:20px;
  display:block;
}
.info-block .blog-slider-wrap .slider-nav svg{
  width:100%; height:100%; display:block;
  fill:currentColor; stroke:currentColor;
}

.info-block .blog-slider-wrap .swiper-button-prev:hover,
.info-block .blog-slider-wrap .swiper-button-next:hover{ color: var(--arrow-hover); }
.info-block .blog-slider-wrap .swiper-button-prev:hover .slider-nav__icon,
.info-block .blog-slider-wrap .swiper-button-next:hover .slider-nav__icon{ fill: var(--arrow-hover) !important; stroke: var(--arrow-hover) !important; }
.info-block .blog-slider-wrap .swiper-button-prev:hover .slider-nav__icon use,
.info-block .blog-slider-wrap .swiper-button-next:hover .slider-nav__icon use{ fill: var(--arrow-hover) !important; stroke: var(--arrow-hover) !important; }

.info-block .blog-slider-wrap .slider-nav::before,
.info-block .blog-slider-wrap .slider-nav::after{ content:none !important; }
.info-block .blog-slider-wrap .slider-nav{ background:none !important; }

.info-block .blog-slider .swiper-scrollbar{ display:none; }
@media (max-width: 575.98px){
  .info-block .blog-slider-wrap{ padding: 0; }
  .info-block .blog-slider{ margin: 0; }

  .info-block .blog-slider .swiper-scrollbar{
    display:block;
    height:4px;
    margin:10px 0 0;
    background:#ECEFF3; border-radius:2px;
  }
  .info-block .blog-slider .swiper-scrollbar-drag{
    background:#C6CBD3; border-radius:2px;
  }
  .info-block .blog-slider-wrap .swiper-button-prev,
  .info-block .blog-slider-wrap .swiper-button-next{ display:none; }
}