@import "tailwindcss";
@import 'react-datepicker/dist/react-datepicker.css';


:root {
  --background: #ffffff;
  --foreground: #171717;
  --font-nunito: 'Nunito', sans-serif;
  --font-albert-sans: 'Albert Sans', sans-serif;
  --font-poppins: 'Poppins', sans-serif;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

.font1{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

.font2{
 font-family: 'Albert Sans', sans-serif;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}
.logo{
  width: auto;
  height: auto;
}
/*
 * Browser autofill styles ko theek karne ke liye
 * yeh code apne global CSS file mein add karein.
 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  /*
  * Yeh line browser ke white background ko hide karti hai.
  * #1f2937 Tailwind ka bg-gray-800 color code hai.
  */
  -webkit-box-shadow: 0 0 0px 1000px #1f2937 inset !important;
  
  /*
  * Yeh line input mein likhe hue text ko safed (white) rakhti hai.
  * #f3f4f6 Tailwind ka text-gray-100 color code hai.
  */
  -webkit-text-fill-color: #f3f4f6 !important;
  caret-color: #f3f4f6 !important; /* Cursor ka color bhi white kar deta hai */
}