.story-type-filter-wrap,
.d-blck {
  display: block;
}
.filter-wrap {
  display: none;
}
.stories-block-wrap .testimonial-block .stories-tag {
  display: none;
}
.zw-product-header,
.zw-template-inner,
.cutomer-stories-outer {
  background: #15882e;
}
.cutomer-stories-outer {
  padding: 60px 0 70px;
}
.zwf-custmr-bnr {
  padding: 50px 0 10px;
}
.zwf-ttle-blck {
  max-width: 802px;
  margin: 0 auto;
  text-align: center;
}
.zwf-ttle-blck:last-child {
  margin-bottom: 0;
}
.zwf-ttle-blck.txt-whte * {
  color: #fff;
}
.zwf-ttle-blck h1,
.zwf-ttle-blck h2 {
  font-family: var(--zf-primary-bold);

  letter-spacing: -0.02em;
  margin: 0 0 6px;
}
.zwf-ttle-blck h1 {
  line-height: 1.1;
  font-size: 64px;
}
.zwf-ttle-blck h2 {
  line-height: 1.2;
  font-size: 52px;
}
.zwf-ttle-blck p {
  font-size: 24px;
  font-family: var(--zf-secondary-medium);
  line-height: var(--line-height8);
  letter-spacing: -0.02em;
}

.zwf-ttle-blck p:last-child {
  margin-bottom: 0;
}
.story-type-filter-wrap {
  text-align: center;
  padding: 0 30px;
}
.story-type-filter {
  margin: 0 auto;
  text-align: center;
  background: #00660a;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 25px;
}

.story-type-filter-wrap ul li {
  font-family: var(--zf-secondary-medium);
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #fff;
}
.story-type-filter-wrap ul li {
  margin: 0 10px;
}
.story-type-filter-wrap ul li.active {
  color: #fed70b;
  border-color: #fed70b;
}

.stories-block-wrap .testimonial-block {
  border-radius: 10px;
  padding: 40px;
}
.testimonial-block .customer-detail .name,
.testimonial-block .content-block p,
.testimonial-block .customer-detail .job-desc,
.testimonial-block.reviews-cont .customer-detail span.job-desc {
  color: #000000;
}

.testimonial-block .customer-detail .name {
  font-size: 20px;
}
.testimonial-block .customer-detail > div span.name {
  font-family: var(--zf-secondary-medium);
  font-size: 20px;
  color: #000000;
}
.testimonial-block .customer-detail .job-desc,
.testimonial-block.reviews-cont .customer-detail span.job-desc {
  font-family: var(--primaryfont-regular);
  font-size: 16px;
  letter-spacing: -0.02em;
}
.testimonial-block .content-block p {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: -0.02em;
}
.zwf-custmr-img1 .img-block img {
  max-width: 103px;
}
.zwf-custmr-img2 .img-block img {
  max-width: 179px;
}
.zwf-custmr-img3 .img-block img {
  max-width: 183px;
}
.zwf-custmr-img4 .img-block img {
  max-width: 104px;
}
.zwf-custmr-img6 .img-block img {
  max-width: 112px;
}
.testimonial-block .content-block p span:nth-child(1),
.testimonial-block .content-block p span:last-child {
  display: none;
}
.zwf-sub-title {
  margin: 0 0 10px;
  font-weight: normal;
  font-family: var(--primaryfont-semibold);
  font-size: 18px;
  line-height: 1.4;
  display: block;
}
.testimonial-block a.read-more {
  color: #0047ff;
  font-size: 16px;
  line-height: 1.4;
  border: none;
}
.zwf-footer {
  background: #fff;
  padding: 80px 0;
}
.zwf-footer .zwf-ttle-blck {
  max-width: 730px;
  margin: 0 auto 40px;
}
.zwf-btn-set {
  text-align: center;
}
.zwf-btn-set a.act-btn.cta-btn {
  text-transform: uppercase;
}
.zwf-custmr-wlsi .img-block img {
  max-width: 150px;
}
.zwf-custmr-phonedr .img-block img{
    max-width: 90px;
}
.zwf-custmr-forbtch .img-block img {
  max-width: 180px;
}
.testimonial-block .customer-detail {
  display: flex;
  align-items: flex-start;
}
.testimonial-block .customer-detail > div {
  order: 1;
}
.testimonial-block .customer-detail > div.customer-image {
  order: 2;
  padding-right: 0;
  width: 110px;
  margin: 30px 0 0 auto;
}

.testimonial-block .customer-detail > div > img {
  border: none;
  width: auto;
  height: auto;
  border-radius: 0;
  margin: 0 0 0;
}
.testimonial-block a.read-more {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-right: 20px;
}
.testimonial-block .arrow {
  position: relative;
  width: 15px;
  height: 2px;
  background: #0047ff;
  display: inline-block;
  top: -3px;
  right: -12px;
  transition: all ease 0.3s;
}
.testimonial-block .arrow:after {
  box-sizing: content-box;
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid #0047ff;
  transform: rotate(-45deg);
  border-left: 0;
  border-top: 0;
  top: -3px;
  right: 0;
}
.testimonial-block a.read-more:hover .arrow {
  transform: translateX(3px);
  transition: all ease 0.3s;
}
.testimonial-block .content-block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.testimonial-block .content-block .customer-detail {
  order: 3;
  margin-bottom: 0;
  flex-direction: column;
}
.testimonial-block a.read-more {
  order: 2;
  margin-bottom: 30px;
}
.cs-team-clean.casestudy-cont .img-block{
    margin-bottom:20px
}
/* Media Query */
@media (max-width: 1440px) {
  .zwf-ttle-blck h1,
  .zwf-ttle-blck h2 {
    font-size: 52px;
  }
  .zwf-ttle-blck p {
    font-size: 20px;
  }
  .cutomer-stories-outer {
    padding: 30px 0 60px;
  }
}
@media (max-width: 1199px) {
  .zwf-ttle-blck h1,
  .zwf-ttle-blck h2 {
    font-size: 44px;
  }
  .zwf-ttle-blck p,
  .testimonial-block .customer-detail .name {
    font-size: 18px;
  }
  .zwf-footer {
    padding: 70px 0;
  }
}
@media (max-width: 991px) {
  .zwf-ttle-blck {
    max-width: 450px;
  }
  .zwf-ttle-blck h1,
  .zwf-ttle-blck h2 {
    font-size: 36px;
  }
  .zwf-ttle-blck p {
    font-size: 16px;
  }
  .testimonial-block .customer-detail .name,
  .story-type-filter-wrap ul li,
  .testimonial-block .customer-detail > div span.name {
    font-size: 18px;
  }
  .testimonial-block .customer-detail .job-desc,
  .testimonial-block.reviews-cont .customer-detail span.job-desc {
    font-size: 14px;
  }
  .testimonial-block a.read-more {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .zwf-ttle-blck {
    max-width: 300px;
  }
  .stories-block-wrap .testimonial-block {
    padding: 30px;
  }
  .zwf-ttle-blck h1,
  .zwf-ttle-blck h2 {
    font-size: 24px;
  }
  .zwf-footer {
    padding: 50px 0;
  }
  .zwf-btn-set a.act-btn.cta-btn {
    font-size: 14px;
  }
  .testimonial-block .customer-detail > div.customer-image {
    width: 100px;
  }
}
@media (max-width: 480px) {
  .stories-block-wrap {
    margin: 70px auto 30px;
  }
  .story-type-filter-wrap {
    padding: 6px;
  }
  .zwf-ttle-blck h2 {
    font-size: 24px;
  }
  .testimonial-block .customer-detail .name,
  .story-type-filter-wrap ul li {
    font-size: 16px;
  }
  .story-type-filter-wrap ul li {
    margin: 0 6px;
  }
}