:root {
    --afterB: -16px;
}

.mj-sad-nkala-footer {
    font-family: FontAwesome !important;
}

.mj-sad-nkala-footer {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.83) 51.56%, #FFFFFF 100%);
    position: fixed;
    bottom: 0;
    min-height: 63px;
    height: 63px;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 999;
    right: 0;
}

.mj-sad-nkala-footer-div {
    position: absolute;
    width: 95%;
    height: 68px;
    bottom: 30px;
    background: #33348E;
    /*backdrop-filter: blur(6px);*/
    max-width: 400px;
    /*transition: bottom 400ms ease;*/
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 45.5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    /*overflow: hidden;*/
}

.mj-sad-nkala-footer-options-div {
    color: #FFFFFF;
    font-size: 25px;
    position: relative;
}

.mj-sad-nkala-footer-options-div a {
    position: relative;
}

.mj-sad-nkala-footer-options-div a div {
    font-family: FontAwesome !important;
    font-size: 25px;
    font-weight: 300;
}

.mj-sad-footer-active {
    font-weight: 400 !important;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
}

/*.mj-sad-footer-active.mj-sad-footer-home::after{*/
/*bottom: -16px !important;*/
/*}*/
/*.mj-sad-footer-active.mj-sad-footer-favorite::after{*/
/*    bottom: -16px !important;*/
/*}.mj-sad-footer-active.mj-sad-footer-shop::after{*/
/*     bottom: -16px !important;*/
/* }.mj-sad-footer-active.mj-sad-footer-profile::after{*/
/*      bottom: -16px !important;*/
/*  }*/

.mj-sad-footer-active::after {
    bottom: -16px !important;
}

.mj-sad-footer-active::after {
    bottom: -16px !important;
}

.mj-sad-footer-active::after {
    bottom: -16px !important;
}

.mj-sad-footer-active::after {
    bottom: -16px !important;
}


.mj-sad-footer-home:hover::after {
    bottom: -16px;
}

.mj-sad-footer-home:hover {
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
    /*transition: 400ms;*/
}

.mj-sad-footer-favorite::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 6.52px;
    left: 5.5px;
    bottom: -36px;
    background: #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    /*transition: 200ms;*/
}

.mj-sad-footer-favorite:hover::after {
    bottom: -16px;
}

.mj-sad-footer-favorite:hover {
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
    /*transition: 400ms;*/
}


.mj-sad-footer-shop:hover::after {
    bottom: -16px;
}

.mj-sad-footer-shop:hover {
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
    /*transition: 400ms;*/
}

/*.mj-sad-footer-profile::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 13px;*/
/*    height: 6.52px;*/
/*    left: 4.5px;*/
/*    bottom: -36px;*/

/*    border-radius: 15px 15px 0px 0px;*/
/*    transition: 200ms;*/
/*}*/

.mj-sad-footer-profile:hover::after {
    bottom: -16px;
}

.mj-sad-footer-profile:hover {
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
    /*transition: 400ms;*/
}

.mj-sad-basket-items-number-footer {
    position: absolute;
    width: 29px;
    background: #FF862A;
    box-shadow: 0px 0px 10px rgba(255, 134, 42, 0.4);
    color: #FFFFFF;
    font-weight: 400 !important;
    font-size: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-family: 'iransans', 'sans-serif' !important;
    margin-bottom: 0px;

    right: -18px;
    z-index: 99;
    direction: ltr;
}

.mj-sad-footer-home,
.mj-sad-footer-favorite,
.mj-sad-footer-shop,
.mj-sad-footer-profile {

    position: relative;
}

.mj-sad-footer-home:after,
.mj-sad-footer-favorite:after,
.mj-sad-footer-shop:after,
.mj-sad-footer-profile:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 6.52px;
    right: 50%;
    transform: translateX(50%);
    bottom: -16px;
    background: #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    /*transition: 200ms;*/
}

.mj-sad-footer-home.active,
.mj-sad-footer-favorite.active,
.mj-sad-footer-shop.active,
.mj-sad-footer-profile.active {
    color: white !important;
    font-weight: bold;
    filter: drop-shadow(0 0 5px #ffffff94)
}
.mj-sad-footer-home:after,
.mj-sad-footer-favorite:after,
.mj-sad-footer-shop:after,
.mj-sad-footer-profile:after {
    display: none;
}
.mj-sad-footer-home.active:after,
.mj-sad-footer-favorite.active:after,
.mj-sad-footer-shop.active:after,
.mj-sad-footer-profile.active:after {
    display: block;
}

@media screen and (min-width: 769px) {


}