.div-2 {
    border-end-end-radius: 4rem;
    background-image: linear-gradient(to left, rgb(5,0,0), rgb(5,10,10), rgb(5,20,20), rgb(5,30,30), rgb(5,40,40), rgb(5,50,50), rgb(5,60,60), rgb(5,70,70), rgb(5,80,80), rgb(5,90,90), rgb(5,100,100), rgb(5,110,110), rgb(5,120,120));
}

.p1 {
    font-family: "IRANSansX-Bold";
    font-size: 1rem;
}

li:active {
    background-color: rgb(255,255,255) !important;
    color: rgb(5,40,40) !important;
}

li:hover {
    background-color: rgb(255,255,255) !important;
    color: rgb(5,120,120) !important;
}

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

#search {
    box-shadow: none;
}

.box {
    font-size: 0.75rem;
}

@media(min-width: 992px) {
    .box {
        font-size: 1rem;
    }
}

.store-body {
    height: 6rem;
    font-size: 0.75rem;
}

.store-image {
    height: 5rem;
}

.store-footer {
    font-size: 0.75rem;
}

.store-load {
    cursor: pointer;
    font-size: 1rem;
}

#offcanvas-filter {
    width: 80%;
}

@media(min-width: 992px) {
    #offcanvas-filter {
        width: 25%;
    }
}

.item {
    cursor: pointer;
    font-size: 0.9rem;
}

.filter-submit {
    background-color: rgb(255,255,255);
    border: 1px solid rgb(5,120,120);
    color: rgb(5,150,150);
}

    .filter-submit:hover {
        background-color: rgb(5,120,120);
        color: rgb(255,255,255);
    }

.close:hover {
    color: rgb(5,120,120);
}