/* SOP流程展示组件样式 */
.bomao-pic-text {
  /* 字体尺寸变量 - 阶梯递减 */
  --bomao-pic-text-title-xl: 2.5rem;       /* 桌面端主标题 */
  --bomao-pic-text-title-lg: 1.875rem;       /* 平板端主标题 */
  --bomao-pic-text-title-md: 1.25rem;       /* 移动端主标题 */
  --bomao-pic-text-title-sm: 1rem;       /* 小屏移动端主标题 */
  
  --bomao-pic-text-desc-xl: 0.625rem;        /* 桌面端描述文字 */
  --bomao-pic-text-desc-lg: 0.5625rem;        /* 平板端描述文字 */
  --bomao-pic-text-desc-md: 0.5rem;        /* 移动端描述文字 */
  --bomao-pic-text-desc-sm: 0.4375rem;        /* 小屏移动端描述文字 */
  
  --bomao-pic-text-btn-xl: 0.5625rem;         /* 桌面端按钮文字 */
  --bomao-pic-text-btn-lg: 0.5rem;         /* 平板端按钮文字 */
  --bomao-pic-text-btn-md: 0.46875rem;         /* 移动端按钮文字 */
  --bomao-pic-text-btn-sm: 0.4375rem;         /* 小屏移动端按钮文字 */
  
  --bomao-pic-text-badge-xl: 0.9375rem;       /* 桌面端徽章文字 */
  --bomao-pic-text-badge-lg: 0.8125rem;       /* 平板端徽章文字 */
  --bomao-pic-text-badge-md: 0.6875rem;       /* 移动端徽章文字 */
  --bomao-pic-text-badge-sm: 0.5625rem;       /* 小屏移动端徽章文字 */
  
  --bomao-pic-text-step-desc-xl: 0.625rem;   /* 桌面端步骤描述 */
  --bomao-pic-text-step-desc-lg: 0.5625rem;   /* 平板端步骤描述 */
  --bomao-pic-text-step-desc-md: 0.5rem;   /* 移动端步骤描述 */
  --bomao-pic-text-step-desc-sm: 0.4375rem;   /* 小屏移动端步骤描述 */
}

/* 主容器 */
.bomao-pic-text {
  margin-top: -4.6875rem;
  background: linear-gradient(135deg, #9278E8 0%, #5D44C7 100%);
  overflow: hidden;
  border-radius: 1.5625rem 1.5625rem 0 0;
  position: relative;
  z-index: 102;
  padding-bottom: 4.8125rem;
  margin-bottom: 4.6875rem;
}



.bomao-pic-text .container {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 0.625rem;
}

/* 文字内容区域 */
.bomao-pic-text .bomao-text-section {
  padding: 2.5rem 0 2.5rem;
  width: 100%;
}
.bomao-pic-text .bomao-section-content-left{
  display: flex;
  flex-direction: column;
  text-align: left;
}
.bomao-pic-text .bomao-text-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.125rem;
}

.bomao-pic-text .bomao-section-title {
  font-size: var(--bomao-pic-text-title-xl);
  font-weight: 700;
  color: #fff;
  margin: 0 0 5px 0;
  line-height: 1.2;
  font-family: var(--title-font-family);
  animation: bomaoFadeInLeft 0.8s ease-out 0.2s both;
}

.bomao-pic-text .bomao-section-title .light{
  color: #FFF100;
  display: inline-block;
  line-height: 1.2;
}

.bomao-pic-text .bomao-section-description {
  font-size: var(--bomao-pic-text-desc-xl);
  color: white;
  line-height: 1.22;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  max-width: 29.21875rem;
}

.bomao-pic-text .bomao-section-action {
  animation: bomaoFadeInLeft 0.8s ease-out 0.6s both;
}

/* Learn More 按钮 - 参考 company_infor 组件动画 */
.bomao-pic-text .bomao-learn-more-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0;
  /* height: 1.75rem; */
  line-height: 1.75rem;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.5625rem;
  transition: all .3s ease-in-out;
  cursor: pointer;
  border-radius: 50px;
  border: 1px solid #fff;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.02em;
  /* min-width: 5.15625rem; */
  padding: 0 30px;
  padding: 0 1.25rem;
}

.bomao-pic-text .bomao-learn-more-btn::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  bottom: -1px;
  background-color: #FFF100;
  transform: translateX(-100%);
  z-index: -1;
  transition: all .3s ease-in-out;
}

.bomao-pic-text .bomao-learn-more-btn:hover::before {
  transform: translateX(0);
}

.bomao-pic-text .bomao-learn-more-btn:hover {
  color: #876DE1;
  border-color: transparent;
  text-decoration: none;
}

/* SOP流程展示区域 */
.bomao-pic-text .bomao-process-section {
  flex: 1;
  animation: bomaoFadeInRight 0.8s ease-out 0.4s both;
}

.bomao-pic-text .bomao-process-container {
  position: relative;
  width: 100%;
}

/* 桌面端完整流程展示 */
.bomao-pic-text .bomao-process-desktop {
  display: flex;
  gap: 0;
  justify-content: center;
  position: relative;
  padding-top: 5.4375rem;
}
.bomao-pic-text .bomao-process-image{
  position: absolute;
  bottom: calc(4.8125rem + 3.875rem);
  left: 0;
  width: 100%;
  height: 8.71875rem;
  z-index: -1;
}
.bomao-pic-text .bomao-process-image svg{
  /* width: 100%; */
  /* height: 100%; */
}
.bomao-pic-text .bomao-process-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  position: relative;
  max-width: 8.125rem;
}
.bomao-pic-text .bomao-process-step + .bomao-process-step{
  margin-left: -9px;
}
.bomao-pic-text .bomao-process-step:nth-child(even){
  flex-direction: column-reverse;
  transform: translateY(-50%);
}.bomao-pic-text .bomao-process-step:nth-child(1){
  margin-left: -6px;
}
.bomao-pic-text .bomao-process-step:nth-child(even) .bomao-step-content{
  display: flex;
  flex-direction: column-reverse; 
}
.bomao-pic-text .bomao-process-step:nth-child(even) .bomao-step-badge{
  margin-bottom: 0;
  margin-top: 10px;
}
.bomao-pic-text .bomao-process-step:nth-child(3n + 1) .bomao-step-badge {
  border-radius: 1.25rem;
  background: #3D99FB;
}

.bomao-pic-text .bomao-process-step:nth-child(3n + 2) .bomao-step-badge {
  border-radius: 1.25rem;
  background: #483599;
}

.bomao-pic-text .bomao-process-step:nth-child(3n) .bomao-step-badge {
  border-radius: 1.25rem;
  background: #EAC518;
}


.bomao-pic-text .bomao-step-icon {
  width: 77.7%;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}


.bomao-pic-text .bomao-step-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.bomao-pic-text .bomao-step-content {
  text-align: center;
  align-items: center;
  width: 100%;
}

.bomao-pic-text .bomao-step-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 0;
  border-radius: 1.25rem;
  color: #fff;
  font-weight: 600;
  font-size: var(--bomao-pic-text-badge-xl);
  line-height: 1.22;
  margin-bottom: 10px;
  width: 84.6%;
}

.bomao-pic-text .bomao-badge-blue {
  background-color: #3D99FB;
}

.bomao-pic-text .bomao-badge-purple {
  background-color: #483599;
}

.bomao-pic-text .bomao-badge-yellow {
  background-color: #EAC518;
}

.bomao-pic-text .bomao-step-description {
  font-size: var(--bomao-pic-text-step-desc-xl);
  color: white;
  line-height: 1.1;
  margin: 0;
  text-align: center;
  font-weight: 400;

  /* 超过三行省略 */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 移动端流程展示: GSAP 无缝滚动 */
.bomao-pic-text .bomao-process-mobile {
  overflow: hidden;
  width: 100%;
}

.bomao-pic-text .bomao-process-mobile .bomao-process-scroll {
  display: flex;
  flex-wrap: nowrap;
  width: max-content; /* 让容器宽度由内容决定 */
  will-change: transform; /* 性能优化: 提示浏览器该元素即将发生变换 */
}

.bomao-pic-text .bomao-process-track-inner {
  display: flex;
  position: relative;
  align-items: center;
}

/* 确保SVG背景图也能正常跟随滚动 */
.bomao-pic-text .bomao-process-mobile .bomao-process-image-mobile {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1; /* 将其置于步骤下方 */
  pointer-events: none; /* 避免干扰鼠标事件 */
}

/* 移动端手动滚动 (旧代码, 如需保留请取消注释) */
/*
.bomao-pic-text .bomao-process-scroll {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 0.625rem;
  padding: 10px 5px;
  -webkit-overflow-scrolling: touch;
}

.bomao-pic-text .bomao-process-scroll::-webkit-scrollbar {
  height: 4px;
}

.bomao-pic-text .bomao-process-scroll::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}

.bomao-pic-text .bomao-process-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 2px;
}

.bomao-pic-text .bomao-process-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.8);
}
*/

.bomao-pic-text .bomao-mobile-step {
  flex: 0 0 4.0625rem;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  animation: bomaoStepAppear 0.6s ease-out both;
}

.bomao-pic-text .bomao-mobile-step-icon {
  width: 3.15625rem;
  height: 3.15625rem;
  border-radius: 50%;
  overflow: hidden;
}

.bomao-pic-text .bomao-mobile-step-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bomao-pic-text .bomao-mobile-step-content {
  text-align: center;
  width: 100%;
}

.bomao-pic-text .bomao-mobile-step-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 0.375rem;
  border-radius: 0.625rem;
  background-color: #3D99FB;
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: var(--bomao-pic-text-badge-md);
  line-height: 1.22;
  margin-bottom: 8px;
}

.bomao-pic-text .bomao-mobile-step-description {
  font-size: var(--bomao-pic-text-step-desc-md);
  color: white;
  line-height: 1.22;
  margin: 0;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}


/* 滑动指示器 */
.bomao-pic-text .bomao-scroll-indicators {
  display: none;
  justify-content: center;
  margin-top: 0.625rem;
}

.bomao-pic-text .bomao-scroll-dots {
  display: flex;
  gap: 8px;
}

.bomao-pic-text .bomao-scroll-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transition: background 0.3s ease;
  cursor: pointer;
}

.bomao-pic-text .bomao-scroll-dot.active {
  background: white;
}
.bomao-pic-text .mobile-btn .bomao-learn-more-btn{
  margin-top: 40px;
}
.bomao-pic-text .mobile-btn{
  margin: 0 auto;
  text-align: center;
  display: none;
}
/* 响应式设计 - 阶梯递减 */
@media (max-width: 1200px) {
  :root{
    --bomao-pic-text-desc-xl: 0.75rem;
  }
  .bomao-pic-text{
    --bomao-pic-text-step-desc-lg: 0.75rem;
  }
  
  .bomao-pic-text .bomao-section-title {
    /* font-size: 1.5rem; */
  }
  
  .bomao-pic-text .bomao-section-description {
    font-size: 0.875rem;
  }
  
  .bomao-pic-text .bomao-learn-more-btn {
    font-size: 0.75rem;
    /* padding: 0 30px; */
    /* line-height: 56px; */
  }
  
  .bomao-pic-text .bomao-process-desktop {
    gap: 0;
  }
  
  /* .bomao-pic-text .bomao-step-icon {
    width: 100px;
    height: 100px;
  } */
  
  .bomao-pic-text .bomao-step-content {
    /* width: 220px; */
  }
  
  .bomao-pic-text .bomao-step-badge {
    font-size: var(--bomao-pic-text-badge-lg);
  }
  
  .bomao-pic-text .bomao-step-description {
    font-size: var(--bomao-pic-text-step-desc-lg);
  }
}

@media (max-width: 991px) {
  
  .bomao-pic-text .container {
    flex-direction: column;

    text-align: center;
  }
  
  .bomao-pic-text .bomao-text-section {
    flex: none;
    max-width: 100%;
    padding-bottom: 1.875rem;
    padding-top: 1.875rem;
  }
  
  .bomao-pic-text .bomao-section-title {
    font-size: 1.5rem;
  }
  
  .bomao-pic-text .bomao-section-description {
    font-size: 0.875rem;
  }
  
  .bomao-pic-text .bomao-learn-more-btn {
    /* font-size: var(--bomao-pic-text-btn-md); */
    /* padding: 8px 0; */
    /* height: 1.4375rem; */
  }
  
  
  /* 移动端沿用PC的横向滚动容器，实现同款交互 */
  .bomao-pic-text .bomao-process-desktop {
    /* padding-left: 3.40625rem; */
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    /* 与PC保持一致的滚动交互；保持你已调整好的上方padding */
    padding-top: 5.85rem;
  }
  .bomao-pic-text .bomao-process-desktop::-webkit-scrollbar {
    height: 4px;
  }
  .bomao-pic-text .bomao-process-desktop::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.4);
    border-radius: 2px;
  }
  .bomao-pic-text .bomao-process-desktop::-webkit-scrollbar-track {
    background: rgba(255,255,255,.2);
    border-radius: 2px;
  }

 

  
}

@media (max-width: 767px) {
  .bomao-pic-text .bomao-process-desktop {
      /* display: none !important; */
  }
  .bomao-pic-text .bomao-process-mobile {
      display: block !important;
  }

  .bomao-pic-text .mobile-btn{
    display: block;
  }
  .bomao-pic-text .desktop-btn{
    display: none;
  }
  .bomao-pic-text{
    padding-bottom: 1rem;
  }
  .bomao-pic-text .bomao-text-section{
    padding-bottom: 1rem;
  }
   /* 步骤卡缩小：宽度130，图标101 */
   .bomao-pic-text .bomao-process-mobile .bomao-process-step {
    flex: 0 0 auto;
    width: 130px; /* 调整为与之前桌面端横向滚动时一致的尺寸 */
    scroll-snap-align: start;
    margin-right: 0; /* GSAP控制间距，此处设为0 */
  }

  .bomao-pic-text .bomao-step-icon {
    width: 101px;
    height: 101px;
  }
  .bomao-pic-text .bomao-step-content {
    width: 110px;
  }
  .bomao-pic-text .bomao-step-badge {
    font-size: 15px;
    padding: 3px 0;
    line-height: 1.2;
    width: 110px;
  }
  .bomao-pic-text .bomao-step-description {
    font-size: 10px;
  }
  
  .bomao-pic-text .bomao-process-mobile {
    display: none; /* 移动端不再使用mobile版本，沿用PC横向滚动 */
  }
  
  .bomao-pic-text .bomao-scroll-indicators {
    display: flex;
  }
  .bomao-pic-text .bomao-process-image-mobile{
    display: block;
  }
  .bomao-pic-text .bomao-process-image-desktop{
    display: none;
  }
  .bomao-pic-text {
    padding: 15px 0 60px;
  }
  
  .bomao-pic-text::before,
  .bomao-pic-text::after {
    display: none;
  }
  
  .bomao-pic-text .container {

    padding: 0 0.46875rem;
  }
  
  .bomao-pic-text .bomao-section-title {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 8px;
  }
  
  .bomao-pic-text .bomao-section-description {
    font-size: 0.875rem;
    text-align: center;
  }
  
  .bomao-pic-text .bomao-learn-more-btn {
    font-size: 18px;
    padding: 0 30px;
    /* height: 1.4375rem; */
    min-width: 4.53125rem;
    line-height: 56px;
  }
  
  .bomao-pic-text .bomao-mobile-step {
    flex: 0 0 4.0625rem;
  }
  
  .bomao-pic-text .bomao-mobile-step-icon {
    width: 3.15625rem;
    height: 3.15625rem;
    border-width: 4px;
  }
  
  .bomao-pic-text .bomao-mobile-step-badge {
    font-size: var(--bomao-pic-text-badge-md);
    padding: 3px 10px;
  }
  
  .bomao-pic-text .bomao-mobile-step-description {
    font-size: var(--bomao-pic-text-step-desc-md);
  }
  .bomao-pic-text .bomao-text-content{
    gap: 0.625rem;
  }
  .bomao-pic-text .bomao-step-description{
    
  }
  .bomao-pic-text .bomao-process-step + .bomao-process-step{
    margin-left: -1px;
  }
  .bomao-pic-text .bomao-process-step:nth-child(1){
    margin-left: -1px;
  }
}

@media (max-width: 576px) {
  .bomao-pic-text {
    /* padding: 0.9375rem 0; */
  }
  
  .bomao-pic-text .container {
    padding: 0 10px;
  }
  
  .bomao-pic-text .bomao-section-title {
    /* font-size: var(--bomao-pic-text-title-sm); */
    margin-bottom: 6px;
  }
  
  .bomao-pic-text .bomao-section-description {
    /* font-size: var(--bomao-pic-text-desc-sm); */
  }
  
  
  .bomao-pic-text .bomao-mobile-step {
    flex: 0 0 4.0625rem;
  }
  
  .bomao-pic-text .bomao-mobile-step-icon {
    width: 3.15625rem;
    height: 3.15625rem;
  }
  
  .bomao-pic-text .bomao-mobile-step-badge {
    font-size: var(--bomao-pic-text-badge-sm);
    padding: 2px 8px;
  }
  
  .bomao-pic-text .bomao-mobile-step-description {
    font-size: var(--bomao-pic-text-step-desc-sm);
  }
  
  .bomao-pic-text .bomao-process-scroll {
    gap: 0.46875rem;
  }
}

@media (min-width: 0) {
  /* 让流程区域“出栏”至视口宽度，保持背景模块通栏 */
  .bomao-pic-text .bomao-process-section {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  /* 将桌面端流程容器改为横向滚动的行内布局 */
  .bomao-pic-text .bomao-process-desktop {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    /* scroll-snap-type: x mandatory; */
    /* padding: 20px 0; */
    justify-content: flex-start;
    /* padding-top: 174px; */
    padding-left: 109px;
  }

  .bomao-pic-text .bomao-process-step {
    flex: 0 0 auto;
    width: 130px;
    scroll-snap-align: start;
    /* transform: translateX(180px); */
  }

  /* 横向布局下隐藏网格连接线，避免视觉干扰 */
  .bomao-pic-text .bomao-process-step .bomao-step-connector {
    display: none;
  }

  /* 弯曲背景图随横向滚动（纯CSS，无JS） */
  .bomao-pic-text .bomao-process-desktop .bomao-process-image {
    position: absolute;
    left: 0;
    bottom: 140px;
    height: 140px;
    width: 969px;
    pointer-events: none;
    z-index: 0;
  }
  .bomao-pic-text .bomao-process-desktop .bomao-process-image svg {
    display: block;
    width: auto;
    height: 100%;
  }

  /* 桌面端滚动条样式（可选增强） */
  .bomao-pic-text .bomao-process-desktop::-webkit-scrollbar {
    display: none;
  }
  .bomao-pic-text .bomao-process-desktop::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
  }
  .bomao-pic-text .bomao-process-desktop::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
  }
  .bomao-pic-text .bomao-process-desktop::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.8);
  }

  .bomao-pic-text .bomao-process-step:nth-child(even){
    transform: translateY(-50%);
  }
  .bomao-pic-text .bomao-process-step{
    gap: 10px;
  }
  .bomao-pic-text .bomao-process-step + .bomao-process-step{
    /* margin-left: -5px; */
  }
  .bomao-pic-text .bomao-process-desktop .bomao-process-image{
    /* margin-left: -117px; */
    bottom: 65px;
  }
}


/* 桌面端：图片/流程区域通栏 + 横向滚动（尽量不改原有样式，仅做增强） */
@media (min-width: 768px) {
  .bomao-pic-text .bomao-process-mobile {
    display: none !important;
  }
  .bomao-pic-text .bomao-process-step:nth-child(1){
    margin-left: -6px;
  }
  .bomao-pic-text .bomao-process-desktop .bomao-process-image{
    margin-left: 0;
  }
  .bomao-pic-text .bomao-process-step + .bomao-process-step{
    margin-left: -5px;
  }
  .bomao-pic-text .bomao-process-step{
    gap: 0.625rem;
  }
  .bomao-pic-text .bomao-process-step:nth-child(even){
    transform: translateY(-45%);
  }
  /* 让流程区域“出栏”至视口宽度，保持背景模块通栏 */
  .bomao-pic-text .bomao-process-section {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  /* 将桌面端流程容器改为横向滚动的行内布局 */
  .bomao-pic-text .bomao-process-desktop {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    /* scroll-snap-type: x mandatory; */
    /* padding: 20px 0; */
    justify-content: center;
    /* padding-top: 5.4375rem; */
    padding-left: 0;
    /* min-width: 1280px; */
  }

  .bomao-pic-text .bomao-process-step {
    flex: 0 0 auto;
    width: 13.54%;
    min-width: calc(40rem * 0.1354);
    scroll-snap-align: start;
    /* transform: translateX(180px); */
  }

  /* 横向布局下隐藏网格连接线，避免视觉干扰 */
  .bomao-pic-text .bomao-process-step .bomao-step-connector {
    display: none;
  }

  /* 弯曲背景图随横向滚动（纯CSS，无JS） */
  .bomao-pic-text .bomao-process-desktop .bomao-process-image {
    position: absolute;
    left: 0;
    /* bottom: 100px; */
    height: auto;
    width: 100%;
    top: 75px;
    pointer-events: none;
    z-index: 0;
    min-width: 40rem;
  }
  .bomao-pic-text .bomao-process-desktop .bomao-process-image svg {
    display: block;
    width: 100%;
    height: auto;
  }
  .bomao-pic-text .bomao-step-badge{
    font-size:0.625rem;
  }
  .bomao-pic-text .bomao-process-step + .bomao-process-step {
    margin-left: -4px;
}
.bomao-pic-text .bomao-process-step:nth-child(even){
  transform: translateY(-52%);
}
}
@media (min-width: 991px) {
  .bomao-pic-text .bomao-process-step + .bomao-process-step{

  }
  .bomao-pic-text .bomao-process-step + .bomao-process-step {
    margin-left: -5px;
}
.bomao-pic-text .bomao-process-desktop .bomao-process-image{
  top:4.2875rem;
}
.bomao-pic-text .bomao-process-step:nth-child(even){
  transform: translateY(-45%);
}
}

@media (min-width: 1280px) {
  .bomao-pic-text .bomao-process-desktop{
    justify-content: center;
    padding-left: 0;
  }
  .bomao-pic-text .bomao-process-step:nth-child(even){
    transform: translateY(-43%);
  }
  
  .bomao-pic-text .bomao-step-badge{
    font-size:0.75rem;
  }
  .bomao-pic-text .bomao-process-step + .bomao-process-step {
    margin-left: -7px;
}
}
@media (min-width: 1500px) {
  .bomao-pic-text .bomao-process-step:nth-child(even){
    transform: translateY(-43%);
  }
  .bomao-pic-text .bomao-step-badge{
    font-size:0.8125rem;
  }
  .bomao-pic-text .bomao-process-step + .bomao-process-step {
    margin-left: -7px;
}
}

@media (min-width: 1600px) {
  .bomao-pic-text .bomao-process-step:nth-child(even){
    transform: translateY(-42%);
  }
  .bomao-pic-text .bomao-process-step + .bomao-process-step{
    margin-left:-8px;
  }
  .bomao-pic-text .bomao-step-badge{
    font-size:0.875rem;
  }
}
@media (min-width: 1800px) {
  .bomao-pic-text .bomao-process-step:nth-child(even){ 
    transform: translateY(-40%);
  }
  .bomao-pic-text .bomao-process-step + .bomao-process-step{
    margin-left:-10px;
  }
  .bomao-pic-text .bomao-process-desktop .bomao-process-image{
    top: 4.53125rem;
    max-width: 60rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .bomao-pic-text .bomao-step-badge{
    font-size:0.9375rem;
  }
}