@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');

:root {
    --title-font: "Cairo", sans-serif;
    --body-font: "Cairo", sans-serif;
}

body {
    font-family: 'Cairo', sans-serif;
    direction: rtl;
}

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

.header-layout1 .header-top .header-links li:has(.sidebar-btn) {
    border-left: 0;
    border-right: 1px solid var(--border-color);
    padding-left: 0;
    padding-right: 25px;
}

.main-menu a {
    font-weight: 600;
}

.accordion-button::after {
    margin-left: unset;
    margin-right: auto;
}

.variant-box {
    margin-right: 0 !important;
    margin-left: 8px;
}

.ms-2 {
    margin-left: 0 !important;
    margin-right: .5rem !important;
}

.me-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

.nav.product-tab-style1 {
    padding-right: 0;
}

.sidemenu-wrapper .closeButton {
    right: unset;
    left: 20px;
}

.nav-pills .nav-link {
    text-align: right;
}

.dashboard_tab_button .nav {
    padding: 0;
}