.div-1 {
    height: 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));
}

.image-1 {
    width: 10rem;
}

.b1 {
    font-size: 0.75rem;
    border: 1px solid rgb(5,150,150);
}

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

.b1:hover {
    color: rgb(255,255,255);
    background-color: rgb(5,150,150) !important;
}

.image-2 {
    width: 4rem;
    height: 4rem;
}

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

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

.image-3 {
    height: 11rem;
}

.card-body {
    height: 4rem;
    font-size: 0.75rem;
}

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