@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
    font-family: "Iransans";
    src: url(~/public/fonts/IRANSansWebFaNum.woff2) format("woff2");
}
body {
    font-family: "Iransans";
    direction: rtl;
}
@layer utilities {
    .pinkShadow {
        filter: drop-shadow(0px 0px 2px #a6228527);
    }
}
@layer components {
    .loginInput{
        @apply bg-white rounded-[1.563vw] text-[0.833vw] w-full h-[2.917vw] ps-[1.2vw]
    }
    .flexBox{
        @apply flex items-center justify-center
    }
    .greenButton{
        @apply h-[2.917vw] rounded-[1.563vw] py-[0.833vw] px-[4.167vw] text-white bg-primaryGreen gap-[0.521vw] text-[0.833vw]
    }
    .categoriesOption{
        @apply font-semibold py-[2.051vw] md:py-[0.625vw] w-[22.821vw] md:w-[8vw] mx-[0.5vw] md:mx-auto gap-2 rounded-[2.051vw] md:rounded-[0.521vw]  border-[1px] border-primaryGreen text-primaryGreen text-[3.59vw] md:text-[1.055vw]
    }
}