.member-filter{
    
}
.member-filter .filter-wrap{
    padding:1rem;
    background-color:rgba(18, 104, 197, .1);
    border-radius: .5rem;
    position:relative;
    margin-bottom:1.25rem;
}
.filter-wrap form .form-control:focus{
    box-shadow:none;
    border-color:rgba(18, 104, 197, .1);
    color:#1268c5;
}
.member-filter .filter-wrap form label{
    padding:.8rem 0;
    border:0;
}
.member-filter .filter-word{
    font-size: 1.5rem;
    text-align: center;
    color: #eee;
    margin-bottom: .7rem;
    z-index:1;
    line-height:1.6;
}
.member-filter .filter-word span{
    height:2.5rem;
    width:2.5rem;
    background-color:rgb(118, 179, 244);
    display: inline-block;
    border-radius: .3rem;
    z-index:1;
}
.member-filter .filter-word:before{
    content:"";
    position:absolute;
    height:1px;
    background-color:#f1f1f1;
    top:calc( 50% - 1px );
    z-index:-1;
    left:1rem;
    right:1rem;
}
.member-filter .filter-word:not(:first-of-type){
    margin-top:margin-top:1.5rem;
    margin-bottom:1rem;
}
.member-filter .member-wrap,
.member-filter .member-wrap .member_info,
.member-wrap .member_info .address,
.member-wrap .social-media,
.member-wrap .social-media a{
    display:flex;
}
.member-filter .member-wrap{
    gap:1rem;
    border:1px solid rgba(18, 104, 197, .1);
    padding:1.5rem;
    flex-direction: column;
    border-radius: .5rem;
    margin-bottom:1.25rem;
}
.member-filter .member-wrap .member-top_info{
    border-bottom: 1px dashed #aaa;
    padding-bottom: .3rem;
    align-items: center;
}
.member-filter .member-wrap .member_info,
.member-wrap .social-media{
    gap:.5rem;
}
.member-wrap .member_info .fa,
.member-wrap .social-media .fa{
    color:#c1c1c1;
}

.member-wrap .member_info span{
    font-size:.85rem;
}
.member-wrap .social-media a{
    gap: .3rem;
    align-items: center;
    padding: .5rem .6rem;
    border-radius: .2rem;
    background-color: #edf5ff;
    transition:all ease-in-out .3s;
}
.member-wrap .social-media a:hover{
    background-color:#1268c5;
}
.member-wrap .social-media a:hover .fa,
.member-wrap .social-media a:hover span{
    color:#eee;
}
.member-wrap .social-media .fa{
    font-size:.85rem;
}
.member-wrap .social-media span{
    font-size:.75rem;
}
.member-wrap .member-top_info h4{
    color:#e46c37;
}
.member-wrap .member-top_info .fa.big{
    color: rgba(18, 104, 197, .2);
    font-size: 2rem;
}
.member-wrap .member_info .address{
    flex-direction:column;
    gap:.3rem;
    padding: 0;
    background-color: transparent;
}
.member-wrap .social-media{
    border-top: 1px dotted #aaa;
    padding-top: .5rem;
    flex-wrap: wrap;
}
@media (max-width:767px){
    .member-filter .filter-wrap{
        
    }
    .member-filter .member-wrap{
        
    }
}