/* ----------------------------
Portfolio Filters
-----------------------------*/

.portfolio-filters{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:15px;
    margin:0 0 50px;
}

.portfolio-filter{
    background:#111827;
    color:#D1D5DB;
    border:1px solid #1F2937;
    padding:12px 22px;
    border-radius:999px;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    transition:all .25s ease;
}

.portfolio-filter:hover{
    background:#2563EB;
    color:#fff;
    border-color:#2563EB;
}

.portfolio-filter.active{
    background:#2563EB;
    border-color:#2563EB;
    color:#fff;
    box-shadow:0 0 18px rgba(37,99,235,.35);
}