@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}


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

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}
.slick-slider {
  position: relative;
}

.slick-dots {
  position: absolute;
  bottom: 20px;
}

.slick-dots li button:before {
  color: white;
  font-size: 12px;
  opacity: 0.7;
}

.slick-dots li.slick-active button:before {
  color: white;
  opacity: 1;
}
.slick-dots {
  bottom: 20px !important;
  left: 50%;
  transform: translateX(-50%);
}
.slick-dots li button:before{
  font-size: 14px !important;
}
.slick-prev:before, .slick-next:before {
  color: #777777 !important;
}
.slider-custom  {
  height: 500px !important;
}
.slider-custom .slick-slide {
  height: 500px !important;
}
.slider-custom .slick-slide img{
  height: 500px !important;
}
.custom-mini-card img{
  height: 95px;
  width: 95px;
}