/* ========== PROJECT COVER SECTION ========== */

/* body {
  background: #f8cb46;
} */
.margin {
  background: var(--color-bg-white);
}

.project-cover {
  background: #f8cb46;
  border-bottom: 2px solid var(--color-border-primary);
}

.project-cover-contents-img {
  background: url(/public/media/images/gallery-snippets/FRAME1.png) lightgray
    50% / cover no-repeat;
}

.project-cover-contents-info-title {
  color: var(--color-text-primary);
  /* font-family: var(--font-primary);
  font-size: 3.75rem;
  font-style: normal;
  font-weight: var(--heading-font);
  line-height: normal; */
}

.project-cover-contents-info-description {
  color: var(--color-text-primary);
  /* font-family: var(--font-primary);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--subheading-font);
  line-height: normal; */
}
.blinkit-slider-img {
  width: 300px;
  height: 500px;
}
/* 
slider */
.slider-wrapper {
  padding: 2rem 0rem;
  width: 100%;
  overflow: hidden;
  /* border-radius: 10px; */
}

.image-track {
  display: flex;
  transition: transform 0.05s linear; /* smooth manual control */
  gap: 1rem;
}

.image-track img {
  width: 600px;
  height: 400px;
  object-fit: cover;
  
}

.slider {
  width: 100%;
  margin-top: 10px;
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  background: linear-gradient(to right, #f8cb46, #000000);
  border-radius: 5px;
  outline: none;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: var(--color-bg-white);
  border: 2px solid #f8cb46;
  border-radius: 50%;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: var(--color-bg-white);
  border: 2px solid #f8cb46;
  border-radius: 50%;
  cursor: pointer;
}