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

@tailwind base;
@tailwind components;
@tailwind utilities;

.switch-btn{
    @apply bg-bgray-300;
}
.switch-btn.active {
    @apply bg-success-300;
}
.switch-btn span{
    @apply translate-x-0;
}
.switch-btn.active span {
    @apply translate-x-[23px] rtl:translate-x-[-23px];
}
