/**=====================
     Footer CSS Start
==========================**/
.footer {
    background-color: $footer_bg_color;
    box-shadow: $footer_box_shadow;
    padding: 15px;
    position: fixed;
    bottom: 0;
    right: 0;
    width: calc(100% - 250px);
    z-index: 6;
    transition: 0.5s;

    @media (max-width: 1199px) {
        width: calc(100% - 250px);
        right: unset;
        left: 260px;
    }

    @include mq-max(lg) {
        width: 100vw;
        right: unset;
        left: 0;
    }

    &.footer-dark {
        background-color: $footer_dark_color;

        p {
            color: $white;
        }
    }
}

.footer-fix {
    width: calc(100% - 320px);
    position: fixed;
}

.payment-card-bottom {
    img {
        height: 30px;
    }
}