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

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
html,
body {
  overflow-x: hidden;
}
body {
}

.gra-text {
  background: linear-gradient(180deg, #f6f6f7 0%, #7e808f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Container to hold the slides */
.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* max-width: 1200px; */
  height: 400px; /* Adjust as needed */
  margin: 2rem auto;
}

/* Each slide is absolutely positioned, starting off-screen (left: 100%) */
.slide {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  transition: left 0.7s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  /* You can add background color or image if needed */
}

/* The active slide is visible (left: 0) */
.slide.active {
  left: 0;
}
/* .montserrat-thin {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.montserrat-bold {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
} */