@font-face {
    font-family: "IRANSansX-DemiBold";
    src: url("/fonts/IRANSansX-DemiBold.woff2") format("woff2"), url("/fonts/IRANSansX-DemiBold.woff") format("woff")
}

@font-face {
    font-family: "IRANSansX-ExtraBold";
    src: url("/fonts/IRANSansX-ExtraBold.woff2") format("woff2"), url("/fonts/IRANSansX-ExtraBold.woff") format("woff")
}

.store-list1 {
    font-family: "IRANSansX-ExtraBold";
    font-size: 0.9rem;
}

@media(min-width: 992px) {
    html {
        height: 100%;
    }
}

body {
    font-family: "IRANSansX-DemiBold";
    font-size: 0.9rem;
    background-color: rgb(248,249,250) !important;
    color: rgb(108,117,125) !important;
    padding: 0;
    margin: 0;
    padding-bottom: 5rem;
}

@media(min-width: 992px) {
    body {
        padding-top: 7rem;
        padding-bottom: 0rem;
    }
}

.fixed-top {
    backdrop-filter: blur(0.6rem);
}

.fixed-bottom {
    backdrop-filter: blur(0.6rem);
}

.sticky-bottom {
    font-size: 0.75rem;
    background-color: rgb(243, 244, 245) !important;
}

.hover:hover {
    text-decoration: underline;
    text-underline-offset: 2rem;
    text-decoration-color: rgb(5,130,130) !important;
}

.logo-image {
    width: 60px;
}

.dropdown-toggle {
    cursor: pointer;
}

    .dropdown-toggle::after {
        display: none;
        cursor: pointer;
    }

.nav-footer {
    font-size: 0.8rem !important;
}

.dropdown-item:hover {
    background-color: rgb(245,245,245) !important;
    cursor: pointer;
}

.toast {
    border-color: rgb(5,130,130) !important;
}

.toast-header {
    font-size: 0.7rem;
}

@media(min-width: 992px) {
    .toast-header {
        font-size: 0.8rem;
    }
}

.toast-body {
    font-size: 0.7rem;
}

@media(min-width: 992px) {
    .toast-body {
        font-size: 0.8rem;
    }
}

@keyframes blink {
    50% {
        opacity: 0.5;
    }
}

.blink {
    animation: blink 1s step-start infinite;
}

.logo {
    width: 5rem;
}

.pointer {
    cursor: pointer;
}





.gray {
    color: rgb(108,117,125) !important;
}

.black {
    color: rgb(33,37,41) !important;
}

.blue {
    color: rgb(89,169,255) !important;
}

.green {
    color: rgb(115,198,134) !important;
}

.red {
    color: rgb(220,53,69) !important;
}

.ray {
    color: rgb(5,130,130) !important;
}

.coffe {
    color: rgb(111,78,55) !important;
}

.gold {
    color: rgb(255,216,0) !important;
}

.bg-gray {
    background-color: rgb(108,117,125) !important;
}

.bg-black {
    background-color: rgb(33,37,41) !important;
}

.bg-blue {
    background-color: rgb(89,169,255) !important;
}

.bg-green {
    background-color: rgb(115,198,134) !important;
}

.bg-red {
    background-color: rgb(220,53,69) !important;
}

.bg-ray {
    background-color: rgb(5,130,130) !important;
}

.bg-coffe {
    background-color: rgb(111,78,55) !important;
}

.bg-gold {
    background-color: rgb(255,216,0) !important;
}