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

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

.signIn-logo {
    height: 5rem;
}

#form-input {
    box-shadow: none;
    border-color: rgb(230,230,230);
}

.form-input {
    font-size: 0.85rem;
    color: rgb(5,40,40) !important;
}

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

.form-label {
    font-size: 0.85rem;
    color: rgb(5,40,40) !important;
}

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

.form-span {
    font-size: 0.75rem;
}

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

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

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

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

.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));
}

.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;
    }
}

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

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