/* ==========================================
   Home Categories
========================================== */
.javo-home-section h3{
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin:0;
    margin-right:18px;
    padding:1px 16px;
    font-size:17px;
    font-weight:700;
    color:#344054;
}

.javo-home-section h3::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#5FA8FF;
    box-shadow:0 0 12px rgba(95,168,255,.45);
}

.javo-home-categories{
    margin:18px 0 26px;
}

.javo-home-categories-list{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}

/* Category */

.javo-home-category{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:110px;
    height:42px;
    padding:0 18px;

    font-family:inherit;
    font-size:14px;
    font-weight:600;
    line-height:1;

    white-space:nowrap;

    cursor:pointer;

    color:#1e3a8a;

    background:rgba(255,255,255,.55);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.85);
    border-radius:999px;

    box-shadow:
        0 4px 14px rgba(31,38,135,.06);

    transition:
        background .25s,
        color .25s,
        border-color .25s,
        transform .25s,
        box-shadow .25s;
}

/* Hover */

.javo-home-category:hover{

    color:#1F4F8D;

    background:#ffffff;

    border-color:#D8E8FF;

    transform:translateY(-2px);

    box-shadow:
        0 10px 22px rgba(95,168,255,.16);

}

/* Active */

.javo-home-category.is-active{

    color:#fff;

    background:linear-gradient(
        135deg,
        #78C4FF,
        #5FA8FF
    );

    border-color:transparent;

    box-shadow:
        0 10px 25px rgba(95,168,255,.28);

}

/* Click */

.javo-home-category:active{

    transform:scale(.97);

}
/* Mobile */
@media (max-width:768px){

    .javo-home-categories-list{
        gap:8px;
    }

    .javo-home-category{

        min-width:auto;

        height:38px;

        padding:0 16px;

        font-size:13px;

    }
        .javo-home-section h3{

        margin-right:12px;

        margin-bottom:12px;

        font-size:16px;

        padding:0 12px;

    }

}