.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #aaa9a9 !important;
  border-radius: 50px;
  margin: 0 3px !important;
  position: relative;
  overflow: hidden;
}

.swiper-pagination-bullet .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: #000;
  border-radius: 4px;
}
.case-study-slide-inner img.rounded.wp-post-image {
    width: 100%;
}
.swiper-pagination-bullet-active {
  width: 30px;
  height: 6px;
}
.badge-sec {
    background-color: #2ca5d8;
    padding: 5px 10px;
    font-size: 16px;
    margin-bottom:40px;
}
.casestudy-btn {
    margin-left: -43px !important;
}
.swiper-pagination-bullet-active .progress-bar {
  animation: fillBar 3s linear forwards;
}

@keyframes fillBar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}