/* 
 * 吉尔吉斯斯坦国立医科大学网站样式
 * 修复轮播图区域样式问题
 */

/* 修改hero部分，移除背景颜色和背景图片 */
.hero {
  height: auto;
  min-height: 600px;
  color: #fff;
  position: relative;
  margin-top: 80px; /* 头部高度 */
  background: none; /* 移除背景色 */
  background-image: none; /* 移除背景图片 */
  padding: 0; /* 移除内边距 */
  display: block; /* 改为块级元素 */
}

/* 修改slider-container样式，确保轮播图正确显示 */
.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 600px; /* 与hero高度一致 */
}

.slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
  height: 100%;
}

.slide {
  min-width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
}

.slide-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 20px;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .hero {
    min-height: 400px;
  }
  
  .slider-container {
    height: 400px;
  }
}

@media (max-width: 480px) {
  .hero {
    min-height: 300px;
  }
  
  .slider-container {
    height: 300px;
  }
}