.bottom-nav__call-back {position: absolute;bottom: 4.25rem;right: .5rem;}
.bottom-nav__call-back-wrap {
    width: 4rem;
    height: 4rem;
    border-radius: 2.5rem;
    background-color: #67C15E;
    background-position: center;
    background-size: 55%;
    position: relative;
}
.bottom-nav__call-back-count {
    font-size: .5rem;
    font-weight: 700;
    width: 1.25rem;
    height: 1.25rem;
    background-color: red;
    border-radius: 100%;
    text-align: center;
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 1.25rem;
    font-size: .75rem;
}
.bottom-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 90;
}
.bottom-nav__bar {
    background-color: white;
    box-shadow: 0px 0.5rem 2.5rem rgb(0 0 0 / 10%);
    border-radius: 1rem 1rem 0 0;
    /* height: 3.5rem; */
    align-items: center;
    padding-bottom: .5rem;
}
.bottom-nav__bar-link {
    font-size: .6rem;
    text-decoration: none;
    font-weight: 650;
    flex: 1;
    color: var(--color__dark);
    /* margin-top: .25rem; */
    /* filter: grayscale(.8); */
    opacity: .6;
    height: 3.5rem;
}

.bottom-nav__bar-icon {
    width: 1.5rem;
    height: 1.5rem;
    background-position: center;
    background-size: contain;
    margin-top: .75rem;
    opacity: .4;
    /* filter: grayscale(1); */
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottom-nav__bar-label {
    margin-bottom: .125rem;
}
.bottom-nav__bar-link.is-active {
    filter: grayscale(0);
    opacity: 1;
    color: var(--color__fill-1);
}

.bottom-nav__bar-link.is-active .bottom-nav__bar-icon {
    opacity: 1;
}

.bottom-nav__bar-icon {}

.bottom-nav__bar-icon svg {
    max-width: 1.5rem;
    max-height: 1.5rem;
    width: 100%;
}

.bottom-nav .bottom-nav__bar-icon svg path{
    stroke: unset;
}

.bottom-nav__bar-icon svg path {
    transition: all ease .24s;
    fill: var(--color__dark);
}
.bottom-nav .bottom-nav__bar-icon.--svg__bottom-nav--services svg path {
    transition: all ease .24s;
    stroke: var(--color__dark);
}

.--svg__top-nav-stock.top-nav__menu-icon svg path{
    fill: transparent;
}
.bottom-nav__bar-link.is-active svg {
    fill: var(--color__fill-1);
    opacity: 1;
    width: 100%;
}

.bottom-nav__bar-link.is-active svg path {
    fill: var(--color__fill-1);
}


@media screen and (min-width: 768px) {  
 
    .bottom-nav {
        display: none;
    }

}