@font-face {
    font-family: "Droid Arabic Kufi";
    src: url("../fonts/droid-arabic-kufi/DroidKufi-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Droid Arabic Kufi";
    src: url("../fonts/droid-arabic-kufi/DroidKufi-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --app-font-ar: "Droid Arabic Kufi", "Segoe UI", Tahoma, Arial, sans-serif;
    --bs-body-font-family: var(--app-font-ar);
}

html,
body,
button,
input,
select,
textarea,
.btn,
.form-control,
.form-select,
.dropdown-menu,
.modal,
.alert,
.table,
.card,
.card-box,
.topbar,
.sidebar,
.page,
.pricing-page,
.visitor-page,
.login-page,
.swal2-popup,
.swal2-title,
.swal2-html-container {
    font-family: var(--app-font-ar) !important;
    letter-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-title h1,
.pricing-hero h1,
.checkout-hero h1,
.studio-copy h1,
.visitor-hero h1,
.visitor-showcase-hero h1,
.planner-heading h1,
.stat-number,
.price-row strong,
.checkout-summary-card strong {
    font-family: var(--app-font-ar) !important;
    font-weight: 800;
    letter-spacing: 0;
}

.pricing-hero h1,
.checkout-hero h1,
.studio-copy h1,
.visitor-hero h1,
.visitor-showcase-hero h1 {
    line-height: 1.14;
}

.page-title h1,
.checkout-panel h2,
.pricing-card-head h2,
.pricing-explain h2 {
    line-height: 1.28;
}