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

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

.card {
    border-color: rgb(255,255,255) !important;
}

    .card:hover {
        border-color: rgb(5,150,150) !important;
    }

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

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

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

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

.accordion-button, .accordion-button:not(.collapsed) {
    color: rgb(5,40,40) !important;
}

#accordion-button {
    box-shadow: none;
}