body {
    text-align: right;
    direction: rtl;

}

.navbar-brand {
    margin-right: 0;
    margin-left: 15px;
}

.card-bg {
    width: 210px;
    height: 237px;
}

@media (max-width: 576px) {
.app-section ul li {
    flex-direction: column;
    text-align: justify;
}
}