/* Department carousel styles - Fixed version */
.dept-section { 
  padding: 48px 0 28px; 
  background: transparent; 
  padding-top: 120px;
  position: relative;
  overflow: hidden; /* Add this */
}

.dept-swiper { 
  position: relative;
  width: 100%;
  /* Add container padding instead of wrapper padding */
  padding: 0 24px;
}

.dept-swiper .swiper-wrapper { 
  align-items: stretch;
  /* Remove padding from wrapper */
  padding: 0;
  box-sizing: border-box;
}

.dept-swiper .swiper-slide {
  width: 48%; /* two-up layout */
  height: 260px;
  background-size: cover;
  background-position: center;
  position: relative;
  /* Remove margin-right and use spaceBetween in Swiper instead */
  flex-shrink: 0;
}

/* Rest of your CSS remains the same */
.dept-swiper .swiper-slide .dept-overlay { 
  position: absolute; 
  inset: 0; 
  background: rgba(0,0,0,0.12); 
}

.dept-swiper .swiper-slide .dept-label {
  position: absolute; 
  left: 6%; 
  top: 42%; 
  transform: translateY(-50%);
  z-index: 2; 
  color: #fff; 
  text-transform: uppercase; 
  font-weight: 400;
  font-size: 44px; 
  letter-spacing: 0.08em; 
  line-height: 1.1;
}

.dept-swiper .swiper-slide .dept-paragraph {
  position: absolute; 
  left: 6%; 
  top: 58%;
  z-index: 2; 
  color: #fff; 
  font-weight: 300;
  font-size: 18px; 
  line-height: 1.4; 
  max-width: 80%;
}

@media (max-width: 991px){
  .dept-section { 
    padding: 28px 0;
    padding-top: 80px;
  }
  .dept-swiper {
    padding: 0 20px;
  }
  .dept-swiper .swiper-slide { 
    width: 70%; 
    height: 220px; 
  }
  .dept-swiper .swiper-slide .dept-label { 
    font-size: 40px; 
    left: 8%; 
    top: 40%; 
  }
  .dept-swiper .swiper-slide .dept-paragraph { 
    font-size: 16px; 
    left: 8%; 
    top: 60%; 
  }
}

@media (max-width: 480px){
  .dept-section { 
    padding: 18px 0;
    padding-top: 80px; 
  }
  .dept-swiper {
    padding: 0 16px;
  }
  .dept-swiper .swiper-slide { 
    width: 90%; 
    height: 180px; 
  }
  .dept-swiper .swiper-slide .dept-label { 
    font-size: 24px; 
    left: 6%; 
    top: 35%; 
  }
  .dept-swiper .swiper-slide .dept-paragraph { 
    font-size: 14px; 
    left: 6%; 
    top: 65%; 
    line-height: 1.3; 
  }
}