/* Start  Scroll to Top */

.scroll_top {
    position: fixed;
    height: 35px;
    width: 35px;
    z-index: 10000000;
    left: 25px;
    bottom: 25px;
    background-color: black;
    transition: all .3s ease-in-out;
    display: none;
    animation: fade .7s ease-in-out 0s 1 alternate;
}

    .scroll_top:hover {
        background-color: rgb(16 16 16 / 90%)
    }

    .scroll_top span {
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        width: 100%;
        height: 100%;
        color: #fff;
        text-align: center;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
    }
/* End Scroll to Top */


/* Start User Icon*/

.fa-user {
    width: 25px;
    height: 25px;
    cursor: pointer;
    transition: color .3s ease-in-out;
}

    .fa-user:hover, .fa-shopping-cart:hover {
        color: #b88128
    }

    .fa-user:hover, .fa-shopping-cart:hover {
        color: #b88128
    }

.user-card {
    position: relative
}

    .user-card .inner-user-card {
        padding: 10px;
        width: 170px;
        position: absolute;
        background: white;
        border: 1px solid #e4e4e4;
        top: 49px;
        z-index: 10000;
        right: 0px;
        animation: fade .3s ease-in-out 0s 1 alternate;
    }

.user_details .btn:hover {
    background-color: #b88128
}

/* end User Icon*/