@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

:root {
    --font-display: "Tajawal", sans-serif;
    --font-body: "Tajawal", sans-serif;
}

body {
    font-family: var(--font-body);
}

.eyebrow,
.font-display,
.hw-logo,
.preload-text,
h1,
h2,
h3,
h4,
h5,
.blog-card h5,
.post-body p, .post-body ul li {
    font-family: var(--font-display);
}

.about-collage .img-b {
    right: auto;
    left: -8%;
}

.about-list li {
    padding-left: 0;
    padding-right: 12px;
}

.footer-hw h6::after {
    left: auto;
    right: 0;
}

.float-card-1 {
    left: auto;
    right: -8%;
}

.float-card-2 {
    right: auto;
    left: -10%;
}

.nav-hw .nav-link {
    font-size: 1.06rem;
    padding: 8px 23px !important;
}

form.wpcf7-form{
    direction: rtl;
}