@font-face {
    font-family: Jannat;
    src: url("../fonts/a-jannat-lt.otf");
    font-display: swap;
 }
 
 @font-face {
    font-family: Jannat;
    font-display: swap;
    src: url("../fonts/a-jannat-lt-bold.otf");
    font-weight: bold;
 }
*{
    font-family: Jannat;
    direction: rtl;
    line-height: 34px;
}
.blueText{
    direction: rtl;
}
.dropdown-menu{
    border-top-right-radius: 20px;
    border-top-left-radius: unset;
    border: 4px solid #c543ff;
    padding: 10px;
}
.space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(2rem * var(--tw-space-x-reverse));
    margin-right: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}
.modal-header2 .close {
    right: -4px;
    top: -4px;
}


/* --- Mobile styles --- */
@media (max-width: 768px) {
    .dropdown-menu{
        border-top-left-radius:20px
    }
    .menuToggle {
        left: 10px;
        right: auto;
    }
    .mainMenu {
        transform: translateX(100%);
    }
}