.filter-area {
  display: inline-block;
  height: auto;
  margin-bottom: 20px;
  width: 100%
}
.filter-area .filter {display: inline-block;margin-bottom:20px;}
.filter-area .filter .filter-text{color: #5c607a; letter-spacing: .08em; text-transform: uppercase; font-family: Spacegrotesk, sans-serif; font-size: 14px; font-weight: 500; line-height: 130%;}
.filter-area .filter .filter1,.filter-area .filter .filter2{width: 145px; display: inline-block; margin-left: 15px;margin-right;20px;display: inline-block;}
.filter-area .display {
  float: right;
  text-align: right;
  width: 200px;
}

.filter-area .display button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  margin-right: 20px;
  opacity: .5;
  padding: 0;
  transition: all .3s
}

.filter-area .display button.active {
  opacity: 1;
  transition: all .3s
}

.filter-area .display button:focus {
  box-shadow: none!important;
  outline: none
}

.listing-case-studies {
  display: block;
  width: 100%
}

.listing-case-studies .case-studies-area {
  width: 100%;
  min-height:500px;
}

.listing-case-studies .case-studies-area .item {
  border-radius: 8px;
  display: inline-block;
  overflow: hidden;
  padding: 0 12.5px 50px;
  vertical-align: top;
  width: calc(33.33333% - 5px)
}

.listing-case-studies .case-studies-area .content-cs {
  position: relative;
  width: 100%
}

.listing-case-studies .case-studies-area .item .content-cs .image {
  height: 374px;
  width: 100%;
  display: block;
}

.listing-case-studies .case-studies-area .item .content-cs .image img {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.listing-case-studies .case-studies-area .item .content-cs .text {
  margin-bottom: 0;
  margin-top: 15px
}

.listing-case-studies .case-studies-area .item .content-cs .text h3,.listing-case-studies .case-studies-area .item .content-cs .text h3>a {
  color: #000;
  font-size: 18px;
  font-weight: 300;
  line-height: 150%;
  padding-bottom: 15px;
}

.listing-case-studies .hover-content {
  align-content: space-between;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(92,96,122,.12);
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  transition: all .7s;
  width: 100%;
  z-index: 2
}
.listing-case-studies .hover-content .full-link{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.listing-case-studies .hover-content .logo {
  background-position: 50%;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 52px;
  margin-left: 25px;
  margin-top: 25px;
  width: 148px
}

.listing-case-studies .hover-content .info {
  height: auto;
  padding: 10px 20px;
  width: 100%
}

.listing-case-studies .hover-content .info h4 {
  color: #000;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 10px
}

.listing-case-studies .hover-content .info p {
  color: #48485e;
  font-size: 18px;
  font-weight: 300
}

.listing-case-studies .hover-content .info a.button {
  color: #48485e;
  margin-top: 5px
}

.listing-case-studies .item:hover .hover-content {
  transform: translateY(0);
  transition: all .7s
}

.case-studies-list{min-height:400px;}
.case-studies-list li {
  border-bottom: 1px solid #c5cae8;
  list-style: none;
  margin-bottom: 15px;
  width:100%;
}

.case-studies-list a.item {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.case-studies-list .item .image {
  width: 20%
}

.case-studies-list .item .image img {
  display: flex;
  height: auto;
  margin: 12px auto;
  max-height: 70px;
  object-fit: contain;
  width: 160px
}

.case-studies-list .item .text {
  width: 37%
}

.case-studies-list .item .text h3 {
  color: #000;
  font-size: 22px;
  font-weight: 300
}

.case-studies-list .item .meta {
  width: 33%
}

.case-studies-list .item .meta p {
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 140%
}

.filter-area .select2-container--default .select2-selection--single{border: 1px solid #959bbf; border-radius: 50px !important; padding: 13.5px 19px; transition: border-color .2s ease-out; height: 47px;}
.filter-area .select2-container--default .select2-selection--single>span{margin-right: 10px; font-size: 15px; line-height: 18px; color: #242734; text-align: center; padding: 0px;}
.filter-area .select2-container--default .select2-selection--single .select2-selection__arrow{height:47px !important;}
.filter-area .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#000 transparent transparent transparent;}
.select2-dropdown{border:none !important;border-radius:0px;}
.select2-results__option--selectable{font-weight: 500; font-family: Inter, sans-serif; font-size: 16px;padding-top:0px;padding-bottom:0px;}
.select2-container--open .select2-dropdown{top:6px;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#e8ebfb !important;color:#181a27 !important;}
.select2-container--default .select2-results__option--selected {
  background-color: var(--link-color) !important;
  color: #fff;
}
.select2-container--default .select2-results>.select2-results__options {
  max-height: 480px !important;
}
.select2-dropdown .select2-results{border-radius:8px;box-shadow:0px 0px 10px rgb(0 0 0 / 22%);}
.select2-dropdown .select2-results .select2-results__options{border-radius:8px;}
.select2-dropdown .select2-results .select2-results__options .select2-results__option{padding:6px 11px !important;}

/* XS */
@media (max-width: 767px){

  .listing-case-studies .case-studies-area .item{width:100%;padding:0px 0px 20px;}
  .listing-case-studies .case-studies-area .item .content-cs .image{height:275px;}
  .filter-area .filter .filter-text{display:block;width:100%;margin-bottom:15px;}
  .filter-area .filter .filter1{margin-left:0px;}
  .case-studies-list a.item{flex-wrap:nowrap;}
  .case-studies-list .item .image{width:31%;}
  .case-studies-list .item .text{width:60%;}
  .case-studies-list .item .meta{display:none;}
  .case-studies-list .item .text h3{font-size:17px;}
}

/* SM */
@media (min-width:768px) and (max-width:991px){
  .listing-case-studies .case-studies-area .item{width:calc(50% - 5px);}
  .listing-case-studies .case-studies-area .item .content-cs .image{height:300px;}
}