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

body,
html,
textarea,
input {
    direction: rtl;
    text-align: right;
    font-family: "Cairo", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
p,
li,
div,
button,
label,
select,
option {
    font-family: "Cairo", sans-serif !important;
}

.-right-20 {
    right: inherit;
    left: calc(var(--spacing) * -20);
}

i.feather.icon-arrow-up-right {
    transform: scale(-1, 1);
}

i.feather.icon-arrow-right,
.before\:content-\[\'\\f101\'\]::before {
    transform: scale(-1);
}

.before\:float-left {
    &::before {
        float: right;
    }
}

.before\:content-\[\'\\f101\'\]::before {
    padding-inline-start: 15px;
    padding-inline-end: 0;
}

.before\:left-0 {
    &::before {
        left: inherit;
        right: calc(var(--spacing) * 0);
    }
}

.right-1\.25 {
    right: inherit;
    left: calc(var(--spacing) * 1.25);
}

.left-12\.5 {
    left: inherit;
    right: calc(var(--spacing) * 12.5);
}

.left-0 {
    right: calc(var(--spacing) * 0);
    left: inherit;
}

.rounded-br-2xxl {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: var(--radius-2xxl);
}

.rounded-tr-2xxl {
    border-top-right-radius: inherit;
    border-top-left-radius: var(--radius-2xxl);
}

.DZ-theme-btn {
    right: 10px;
    left: inherit;
}

.DZ-theme-btn:hover span {
    padding-left: inherit;
    padding-right: 10px;
}

.right-5 {
    right: inherit;
    left: calc(var(--spacing) * 5);
}

.before\:right-2\.5 {
    &::before {
        right: inherit;
        left: calc(var(--spacing) * 2.5);
        transform: scale(-1);
    }
}

.md\:-right-7\.5 {
    @media (width >=768px) {
        left: calc(var(--spacing) * -7.5);
        right: inherit;
    }
}

.sm\:absolute.md\:bottom-10.bottom-5.right-0.max-sm\:\!transform-none {
    left: calc(var(--spacing) * 0);
    right: inherit;
}