/* 添加媒体查询，针对移动设备 */
@media screen and (max-width: 767px) {
	.client-item.first-item,
	.reviews-carousel {
	  width: 100% !important;
	  float: none !important;
	  display: block !important;
	  margin-bottom: 20px !important;
	}
	
	/* 确保两个元素之间有足够的间距 */
	.client-item.first-item + .reviews-carousel {
	  margin-top: 30px !important;
	}
  }

@media screen and (max-width: 1024px) {
    .our-team__list {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch; /* 为iOS设备提供平滑滚动 */
      scrollbar-width: none; /* 隐藏Firefox的滚动条 */
      -ms-overflow-style: none; /* 隐藏IE和Edge的滚动条 */
      padding-bottom: 15px; /* 为滚动条预留空间 */
      scroll-behavior: smooth; /* 添加平滑滚动效果 */
      /* 防止滚动传播 */
      overscroll-behavior-x: contain;
      touch-action: pan-x; /* 只允许横向滑动，禁止竖向滑动 */
    }
    
    .our-team__list::-webkit-scrollbar {
      display: none; /* 隐藏Chrome、Safari和Opera的滚动条 */
    }
    
    .our-team__list .our-team__item {
      flex: 0 0 auto; /* 防止项目被压缩 */
      width: 100%; /* 修改为100%宽度，确保每个项目占据一整页 */
      box-sizing: border-box;
      padding-right: 15px;
      scroll-snap-align: start; /* 滚动时对齐到开始位置 */
      display: flex;
      flex-direction: column;
      align-items: center; /* 水平居中 */
      justify-content: center; /* 垂直居中 */
    }
    
    /* 设置图片容器样式 */
    .our-team__list .our-team__item .our-team__img {
      display: flex;
      justify-content: center;
      width: 100%;
    }
    
    /* 设置图片样式 */
    .our-team__list .our-team__item .our-team__img img {
      max-width: 100%;
      height: auto;
      margin: 0 auto;
    }
    
    /* 设置文本内容居中 */
    .our-team__list .our-team__item .our-team__info {
      text-align: center;
      width: 100%;
    }
    
    /* 页面指示器样式 */
    .page-indicator {
      text-align: center;
      margin: 15px auto;
      width: 100%;
      pointer-events: none; /* 防止指示器干扰滚动 */
    }
    
    .page-indicator .dot {
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #ccc;
      margin: 0 5px;
      cursor: pointer;
      transition: background-color 0.3s ease;
      pointer-events: auto; /* 允许点击指示器 */
    }
    
    .page-indicator .dot.active {
      background-color: #333;
      width: 10px;
      height: 10px;
    }
    
    /* 最后一个项目不需要右边距 */
    .our-team__list .our-team__item:last-child {
      margin-right: 0;
    }
  }
  
  /* 针对iPad和更大的设备进行微调 */
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .our-team__list .our-team__item {
      width: 100%; /* 修改为100%宽度，确保每个项目占据一整页 */
    }
  }