body {
    direction: rtl;
    text-align: right;
    font-family: 'Almarai', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Almarai', sans-serif;
}

.ml-auto,
.mx-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}
.components {
    flex-direction: row-reverse;
    align-items: center;
}
.components .info a {
    font-size: 11px;
}

.components .price-offer p {
    font-size: 14px;
    margin: 0;
    top: auto;
}