@import url('https://fonts.googleapis.com/css2?family=Rakkas&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@700&family=IBM+Plex+Sans+Arabic:wght@500&family=Noto+Naskh+Arabic&display=swap');

@font-face {
    font-family: 'Droid Arabic Naskh';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/DroidNaskh-Regular.eot);
    src: url(../fonts/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/DroidNaskh-Regular.woff2) format('woff2'), url(../fonts/DroidNaskh-Regular.woff) format('woff'), url(../fonts/DroidNaskh-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Arabic Naskh';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/DroidNaskh-Bold.eot);
    src: url(../fonts/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/DroidNaskh-Bold.woff2) format('woff2'), url(../fonts/DroidNaskh-Bold.woff) format('woff'), url(../fonts/DroidNaskh-Bold.ttf) format('truetype');
}

html {
    /*font-family: 'Droid Arabic Naskh',sans-serif;*/
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    position: relative;
    min-height: 100%;
    font-family: 'Noto Naskh Arabic', serif;
}

h1 {
    /*    font-family: 'IBM Plex Sans Arabic', sans-serif;
*/ font-family: 'Rakkas', cursive;
}

body {
    font-family: 'Amiri', serif;
}

.tagify--select::after {
    content: ">";
    left: 0;
    right: initial;
    transform: translate(150%,50%) scaleX(1.2) rotate(90deg);
}

.tagify--select[aria-expanded=true]::after {
    transform: translate(-150%,-50%) rotate(90deg) scaleY(1.2)
}

.tagify--select .tagify__tag {
    right: 23.8em;
}

.tagify--select[aria-expanded=true]::after {
    transform: translate(150%,50%) rotate(270deg) scaleY(1.2)
}

.tagify__tag__removeBtn {
    margin-left: 4.6666666667px;
    margin-right: initial;
}