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

@layer base {
  @font-face {
    font-family: "iran_Bold";
    src: url(../src/fonts/IRANSansXFaNum-Bold.ttf) format("truetype");
  }
  @font-face {
    font-family: "iran_Light";
    src: url(../src/fonts/IRANSansXFaNum-Light.ttf) format("truetype");
  }
  @font-face {
    font-family: "iran_Medium";
    src: url(../src/fonts/IRANSansXFaNum-Medium.ttf) format("truetype");
  }
  @font-face {
    font-family: "iran_Regular";
    src: url(../src/fonts/IRANSansXFaNum-Regular.ttf) format("truetype");
  }
}
html {
  direction: rtl !important;
  scroll-behavior: smooth !important;
}
body {
  overflow-x: hidden !important;
}

:is(.carousel) .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    display: none !important;
}

.text_ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}


.text_lower{
  -webkit-line-clamp: 2;
}

.text_full{
  -webkit-line-clamp: auto;
}