.islider-txt {
    max-height: 1080px;
}
.islider-txt .islider__item {
  display: flex;
}
.islider-txt .islider__content {
  position: relative;
  max-width: 490px;
  color: #181818;
  padding: 200px 100px;
}
.islider-txt .pagination {
  position: absolute;
  bottom: 0;
  left: 20px;
  width: 50%;
  height: 50px;
  justify-content: space-between;
  display: flex;
  z-index: 10;
}

@-webkit-keyframes Pager-step-line {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes Pager-step-line {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.islider-txt .swiper-pagination-line{
    max-width: 350px;
    display: flex;
}
.islider-txt .swiper-pagination-bullet{
    /* min-width: 70px; */
    width: 70px;
    height: 2px;
    border-radius: 0;
   opacity: 1;
   background: #ccc;
}
.islider-txt  .progress{
    width: 0;
    height: 2px;
    background: #181818;
    z-index: 20;
    position: relative;
}
.islider-txt .swiper-pagination-bullet-active .progress{
  -webkit-animation: Pager-step-line 12s linear;
  animation: Pager-step-line 12s linear;
  width: 70px;
}
.num {
    position: absolute;
    left: 350px;
    bottom: 30px;
    font-size: 20px;
    opacity: 0;
    color: #181818;
}
.islider-txt .swiper-pagination-bullet-active .num{
    font-size: 32px;
    opacity: 1;
}
.islider-txt .swiper-pagination-bullet:last-of-type .num{
    left: 400px;
    opacity: 1;
}
.islider-txt .swiper-pagination-bullet:last-of-type .num:before{
    content: '/';
    color: #181818;
    position: absolute;
    right: 25px;
    bottom: 0;
    opacity: 1;
    font-size: 32px;
}
.islider-txt .swiper-pagination-bullet-active:last-of-type .num{
    font-size: 20px;
}
.islider-txt .swiper-pagination-bullet-active:last-of-type .num:before{
    content: '03/';
    /* right: 45px; */
    /* width: 40px; */
}
.islider .islider-txt-swiper-button-prev{
  transform: rotate(180deg);
  left: 10px;
  right: unset;
  background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23181818'%2F><%2Fsvg>");
  top: 50%;
  filter: drop-shadow(10px 0px 0px #b0cc14);
  
}
.islider .islider-txt-swiper-button-next{
  transform: rotate(0);
  background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23181818'%2F><%2Fsvg>");
  filter: drop-shadow(10px 0px 0px #b0cc14);
}
@media (max-width: 768px){
    .islider.islider-txt {
        background: none;
    }
    .islider-txt .islider__content{
        padding: 20px;
        padding-bottom: 100px;
        background: none;
        min-height: 300px;
    }
    .islider-txt .islider__item {
        flex-direction: column-reverse;
    }
    .islider-txt .swiper-pagination-bullet .num{
        left: 250px;
        
    }
    
    .islider-txt .swiper-pagination-bullet:last-of-type .num{
        left: 300px;
    }
    .islider-txt .islider__button{
        position: relative;
        margin-top: 30px;
    }
}