#custom-breadcrumb {

    display: flex;

    gap: 20px;

    align-items: flex-start;

}

#custom-breadcrumb a {

    position: relative;

    color: #A4A7CD;

    font-family: "Roboto", Sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

}

#custom-breadcrumb a:after {

    content: "";

    position: absolute;

    width: 0%;

    height: 1px;

    bottom: 0;

    left: 0;

    background-color: #A4A7CD;

    transition: 0.3s;

    -webkit-transition: 0.3s;

    transition-timing-function: ease-out;

    -webkit-transition-timing-function: ease-out;

}

#custom-breadcrumb a:hover:after {

    width: 100%;

}

#custom-breadcrumb .current {

    position: relative;

    color: #1B2482;

    font-family: "Roboto", Sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

}

#custom-breadcrumb .current:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 1px;

    bottom: 0;

    left: 0;

    background-color: #1B2482;

}



@media (max-width: 880px) {

    #custom-breadcrumb a, #custom-breadcrumb .current {

        font-size: 14px;

        line-height: 21px;

    }

    /* #custom-breadcrumb .current:after {

        display: none;

    }

    #custom-breadcrumb .current {

        text-decoration: underline;

        text-decoration-skip-ink: none;

    } */

}