.collaspe-icon-style {
    z-index: 2;
    background-color: $homepageTopnavBGColorLHS;
    color: $homepageTopnavLHSColor;
    justify-content: center;
    display: flex;
    cursor: pointer;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2) !important;
    filter: grayscale(20%);
    transform: perspective(1px) translateZ(0);
    transition-duration: 0.5s;
    transition-property: box-shadow;
}

.homepage-bar-collapse {
    cursor: pointer;
    transition: all .2s ease-in-out;
    transition-duration: .4s;
    transition-property: color, margin;
    transition-timing-function: cubic-bezier(.25, .8, .25, 1);
}

.homepage3-bar {
    cursor: pointer;
}