.filter-wrapper .flex-item{
  flex: 1;
}
.custom-select-wrapper {
   position: relative;
   user-select: none;
   width: 95%;
   border: 1px solid #000;
}
.custom-select-wrapper:after{
  content:'\f078';
  font-family: 'Font awesome 5 Free';
  font-weight: 700;
  position: absolute;
  right: 18px;
  color: #000;
  font-size: 30px;
  top: 0;
  z-index: 0;
  cursor: pointer;
  width: 100%;
  text-align: right;
  left: 0;
  padding-right: 15px;
}
.select {
   position: relative;
   display: flex;
   flex-direction: column;
}
.select__trigger {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 30px;
   font-size: 20px;
   color: #000;
   height: 50px;
   line-height: 50px;
   cursor: pointer;
}
.custom-options {
   position: absolute;
   display: block;
   top: -1px;
   left: -1px;
   right: -1px;
   border: 1px solid #000;
   transition: all 0.5s;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   z-index: 2;
   overflow: hidden;
   padding-top: 52px;
}
.custom-option {
   position: relative;
   display: block;
   padding: 0 30px;
   font-size: 20px;
   color: #000;
   line-height: 20px;
   cursor: pointer;
   transition: all 0.5s;
   background: #fff;
   border-bottom: none;
}
.select.open .custom-options {
   opacity: 1;
   visibility: visible;
   pointer-events: all;
}
.select__trigger span,
.custom-option span{
  display: inline-block;
  line-height: 20px;
  padding: 10px 0;
}
.custom-option:hover {
     cursor: pointer;
     background-color: #000;
     color: #fff;
}