@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
  /* Hide scrollbar for Chrome, Safari and Opera */
  .no-scrollbar::-webkit-scrollbar {
      display: none;
  }
 /* Hide scrollbar for IE, Edge and Firefox */
  .no-scrollbar {
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
}
}

* {
  @apply !font-Mulish
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-BlackItalic.woff2') format('woff2'),
      url('fonts/mulish/Mulish-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-BoldItalic.woff2') format('woff2'),
      url('fonts/mulish/Mulish-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-Black.woff2') format('woff2'),
      url('fonts/mulish/Mulish-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-ExtraBoldItalic.woff2') format('woff2'),
      url('fonts/mulish/Mulish-ExtraBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-ExtraLightItalic.woff2') format('woff2'),
      url('fonts/mulish/Mulish-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-ExtraLight.woff2') format('woff2'),
      url('fonts/mulish/Mulish-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-LightItalic.woff2') format('woff2'),
      url('fonts/mulish/Mulish-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-Italic.woff2') format('woff2'),
      url('fonts/mulish/Mulish-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-MediumItalic.woff2') format('woff2'),
      url('fonts/mulish/Mulish-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-Regular.woff2') format('woff2'),
      url('fonts/mulish/Mulish-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-SemiBold.woff2') format('woff2'),
      url('fonts/mulish/Mulish-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-SemiBoldItalic.woff2') format('woff2'),
      url('fonts/mulish/Mulish-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-Bold.woff2') format('woff2'),
      url('fonts/mulish/Mulish-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-ExtraBold.woff2') format('woff2'),
      url('fonts/mulish/Mulish-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-Medium.woff2') format('woff2'),
      url('fonts/mulish/Mulish-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish/Mulish-Light.woff2') format('woff2'),
      url('fonts/mulish/Mulish-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
html {
  -webkit-text-size-adjust: 100%;
}

.prescription-page.export-pdf {
  width: 794px !important; 
  min-height: 1123px !important; 
  background: #fff;
  transform: scale(1);
  margin: 0 auto;
}

@keyframes slideFade {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-slide-fade {
  animation: slideFade 0.4s ease-out;
}