/*==============================
    BREADCRUMB
==============================*/

#breadcrumbSection{
    max-width: 1400px;
    margin: 110px auto 35px;
    padding: 0 20px;
}

.breadcrumb{
    display: inline-flex;
    align-items: center;
    gap: 14px;

    padding: 14px 24px;

    background:rgba(255,255,255,.58);

    backdrop-filter:blur(14px);

    -webkit-backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.45);

    box-shadow:0 8px 25px rgba(76,29,149,.06);

    animation: breadcrumbEntrance .8s ease;
}

.breadcrumb a{

    text-decoration:none;

    color:#7C3AED;

    font-weight:600;

    transition:.35s;

    position:relative;

}

.breadcrumb a:hover{

    color:#FF4FA3;

}

.breadcrumb a::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-3px;

    width:0;
    height:2px;

    background:#FF4FA3;

    transition:.35s;

}

.breadcrumb a:hover::after{

    width:100%;

}

.breadcrumb span{

    color:#7A7A7A;

    font-weight:500;

}

.breadcrumb .current{

    color:#4C1D95;

    font-weight:700;

}

.separator{

    color:#B8A6E8;

    font-size:12px;

    display:flex;
    align-items:center;

}

@keyframes breadcrumbEntrance{

    from{

        opacity:0;
        transform:translateY(-20px);
        filter:blur(8px);

    }

    to{

        opacity:1;
        transform:translateY(0);
        filter:blur(0);

    }

}
#breadcrumbSection{
    max-width:1400px;
    margin:0 auto;
    padding:140px 20px 35px;
}