.partners-title{
    margin-bottom:40px;
}

.partners-filters{
    background:#F7F7F6;
    margin-bottom:40px;
    padding:30px 40px;
    border-radius:8px;
    display:flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    column-gap:40px;
}

    .partners-filters ul{
        margin:0;
        padding:0;
        list-style-type:none;
        width:100%;
        max-width:230px;
    }

        .partners-filters ul li{
            font-size:15px;
            line-height:34px;
            position:relative;
        }

    .partners-filters > ul > li > span{
        display:block;
        height:34px;
        display:block;
        border-bottom:1px solid #181B1E;
        display:flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom:9px;
        cursor:pointer;
    }

        .partners-filters > ul > li > span > b{
            font-weight: 500;
        }

        .partners-filters > ul > li > span > svg{
            float:right;
        }

        .partners-filters > ul > li > ul{
            position:absolute;
            z-index: 9;
            display:none;
            border-radius:4px;
            overflow:hidden;
            background:#ffffff;
            box-shadow: 0 4px 12px 0 rgba(0,0,0,0.1);
        }

            .partners-filters > ul > li > ul > li{
                padding:0 15px;
                height:34px;
            }

            .partners-filters > ul > li > ul > li.show,
            .partners-filters > ul > li > ul > li:hover{
                background:#2D30C6;
                cursor:pointer;
                color:#ffffff;
            }

    .partners-filters > ul > li.active svg{
        transform: rotate(180deg);
    }

        .partners-filters > ul li.active > ul{
            display:block;
            height:200px;
            overflow:auto;
        }

.partners-directory{
    display:flex;
    flex-wrap:wrap;
    column-gap:1.33%;
    row-gap:30px;
    align-content: center;
}

    .partners-directory > div{
        flex:0 0 24%;
        box-shadow: 0 10px 28px 0 rgba(0,0,0,0.1);
        height:210px;
        border-radius:9px;
        position:relative;
        cursor:pointer;
    }

        .partners-directory > div > figure{
            display:flex;
            align-items: center;
            height:100%;
        }

            .partners-directory > div > figure > img{
                display:block;
                margin:0 auto;
            }

@media only screen and (max-width: 768px) {
    .partners-directory > div{
        flex: 100%;
    }
}