@import url('https://fonts.googleapis.com/css?family=Tajawal&display=swap');

body {
    direction: rtl;
    font-family: 'Tajawal', sans-serif !important;
    overflow-x: hidden;
}
.about {
    text-align: right
}
h4::after {
    right: 0;
    left: auto;
    bottom: -7px !important
}
h3::after {
    right: 0;
    left: auto;
    bottom: -7px !important
}
.footer {
    text-align: right
}
.fa-phone {
    transform: rotate(0);
}
.header .navbar-logo {
    right: 0
}
.contact-us {text-align: right}

@media only screen and (min-width:300px) and (max-width:780px) {
    .header {text-align: right;overflow: hidden}
    .header ul {padding: 0}
}