/* ========================= 
   BAOJIA ABOUT - SECTION 03 
   COMPANY AT A GLANCE 
========================= */ 
 
.baojia-about-stats { 
  width: 100%; 
  background: #0b2345; 
  padding: 52px 24px; 
  box-sizing: border-box; 
  font-family: Arial, Helvetica, sans-serif; 
} 
 
.baojia-about-stats * { 
  box-sizing: border-box; 
} 
 
.baojia-about-stats .stats-inner { 
  width: 100%; 
  max-width: 1360px; 
  margin: 0 auto; 
} 
 
 
/* ========================= 
   HEADING 
========================= */ 
 
.baojia-about-stats .stats-heading { 
  margin-bottom: 34px; 
  text-align: center; 
} 
 
.baojia-about-stats .stats-eyebrow { 
  display: block; 
  margin-bottom: 9px; 
  color: #8db9f3; 
  font-size: 17px; 
  line-height: 1.2; 
  font-weight: 700; 
  letter-spacing: 1.5px; 
  text-transform: uppercase; 
} 
 
.baojia-about-stats .stats-title { 
  margin: 0 !important; 
  padding: 0 !important; 
  color: #ffffff !important; 
  font-size: 21px !important; 
  line-height: 1.35 !important; 
  font-weight: 700 !important; 
  letter-spacing: -0.2px !important; 
} 
 
 
/* ========================= 
   STATS 
========================= */ 
 
.baojia-about-stats .stats-grid { 
  display: grid; 
  grid-template-columns: repeat(4, 1fr); 
} 
 
.baojia-about-stats .stat-item { 
  position: relative; 
  padding: 5px 30px; 
  text-align: center; 
} 
 
.baojia-about-stats .stat-item:not(:last-child)::after { 
  content: ""; 
  position: absolute; 
  top: 8%; 
  right: 0; 
  width: 1px; 
  height: 84%; 
  background: rgba(255, 255, 255, 0.16); 
} 
 
.baojia-about-stats .stat-number { 
  margin-bottom: 9px; 
  color: #ffffff; 
  font-size: 32px; 
  line-height: 1.15; 
  font-weight: 700; 
  letter-spacing: -0.4px; 
} 
 
.baojia-about-stats .stat-label { 
  color: #c6d1df; 
  font-size: 14px; 
  line-height: 1.5; 
  font-weight: 400; 
} 
 
 
/* ========================= 
   TABLET 
========================= */ 
 
@media screen and (max-width: 900px) { 
 
  .baojia-about-stats { 
    padding: 48px 22px; 
  } 
 
  .baojia-about-stats .stats-grid { 
    grid-template-columns: repeat(2, 1fr); 
    row-gap: 34px; 
  } 
 
  .baojia-about-stats .stat-item:nth-child(2)::after { 
    display: none; 
  } 
 
  .baojia-about-stats .stat-number { 
    font-size: 29px; 
  } 
 
  .baojia-about-stats .stats-title { 
    font-size: 21px !important; 
  } 
 
} 
 
 
/* ========================= 
   MOBILE 
========================= */ 
 
@media screen and (max-width: 640px) { 
 
  .baojia-about-stats { 
    padding: 42px 18px; 
  } 
 
  .baojia-about-stats .stats-heading { 
    margin-bottom: 30px; 
  } 
 
  .baojia-about-stats .stats-eyebrow { 
    font-size: 14px; 
  } 
 
  .baojia-about-stats .stats-title { 
    font-size: 21px !important; 
  } 
 
  .baojia-about-stats .stats-grid { 
    grid-template-columns: repeat(2, 1fr); 
    row-gap: 30px; 
  } 
 
  .baojia-about-stats .stat-item { 
    padding: 4px 10px; 
  } 
 
  .baojia-about-stats .stat-item::after { 
    display: none !important; 
  } 
 
  .baojia-about-stats .stat-number { 
    margin-bottom: 6px; 
    font-size: 25px; 
  } 
 
  .baojia-about-stats .stat-label { 
    font-size: 13px; 
  } 
 
}