/* ========================= 
   BAOJIA ABOUT - SECTION 04 
   WHAT WE DO 
========================= */ 
 
.baojia-about-services { 
  width: 100%; 
  background: #ffffff; 
  padding: 76px 24px 82px; 
  box-sizing: border-box; 
  font-family: Arial, Helvetica, sans-serif; 
} 
 
.baojia-about-services * { 
  box-sizing: border-box; 
} 
 
.baojia-about-services .services-inner { 
  width: 100%; 
  max-width: 1360px; 
  margin: 0 auto; 
} 
 
 
/* ========================= 
   HEADING 
========================= */ 
 
.baojia-about-services .services-heading { 
  max-width: 700px; 
  margin: 0 auto 46px; 
  text-align: center; 
} 
 
.baojia-about-services .services-eyebrow { 
  display: block; 
  margin-bottom: 10px; 
  color: #2475df; 
  font-size: 17px; 
  line-height: 1.2; 
  font-weight: 700; 
  letter-spacing: 1.5px; 
  text-transform: uppercase; 
} 
 
.baojia-about-services .services-title { 
  margin: 0 0 14px 0 !important; 
  padding: 0 !important; 
  color: #0b2345 !important; 
  font-size: 21px !important; 
  line-height: 1.35 !important; 
  font-weight: 700 !important; 
  letter-spacing: -0.2px !important; 
} 
 
.baojia-about-services .services-intro { 
  max-width: 620px; 
  margin: 0 auto; 
  color: #6a7583; 
  font-size: 15px; 
  line-height: 1.7; 
} 
 
 
/* ========================= 
   SERVICE GRID 
========================= */ 
 
.baojia-about-services .services-grid { 
  display: grid; 
  grid-template-columns: repeat(3, 1fr); 
  border-top: 1px solid #e3e8ee; 
  border-bottom: 1px solid #e3e8ee; 
} 
 
.baojia-about-services .service-item { 
  position: relative; 
  min-height: 280px; 
  padding: 38px 38px 36px; 
} 
 
.baojia-about-services .service-item:not(:last-child) { 
  border-right: 1px solid #e3e8ee; 
} 
 
 
/* ========================= 
   NUMBER 
========================= */ 
 
.baojia-about-services .service-number { 
  margin-bottom: 28px; 
  color: #2475df; 
  font-size: 16px; 
  line-height: 1; 
  font-weight: 700; 
  letter-spacing: 1.3px; 
} 
 
 
/* ========================= 
   SERVICE TITLE 
========================= */ 
 
.baojia-about-services .service-title { 
  margin: 0 0 15px 0 !important; 
  padding: 0 !important; 
  color: #0b2345 !important; 
  font-size: 19px !important; 
  line-height: 1.35 !important; 
  font-weight: 700 !important; 
} 
 
 
/* ========================= 
   DESCRIPTION 
========================= */ 
 
.baojia-about-services .service-text { 
  margin: 0; 
  color: #667281; 
  font-size: 14px; 
  line-height: 1.75; 
} 
 
 
/* ========================= 
   SMALL ACCENT LINE 
========================= */ 
 
.baojia-about-services .service-line { 
  width: 32px; 
  height: 2px; 
  margin-top: 28px; 
  background: #2475df; 
} 
 
 
/* ========================= 
   TABLET 
========================= */ 
 
@media screen and (max-width: 900px) { 
 
  .baojia-about-services { 
    padding: 60px 22px 66px; 
  } 
 
  .baojia-about-services .services-heading { 
    margin-bottom: 38px; 
  } 
 
  .baojia-about-services .services-title { 
    font-size: 21px !important; 
  } 
 
  .baojia-about-services .services-grid { 
    grid-template-columns: 1fr; 
  } 
 
  .baojia-about-services .service-item { 
    min-height: auto; 
    padding: 32px 28px; 
  } 
 
  .baojia-about-services .service-item:not(:last-child) { 
    border-right: none; 
    border-bottom: 1px solid #e3e8ee; 
  } 
 
  .baojia-about-services .service-number { 
    margin-bottom: 18px; 
  } 
 
} 
 
 
/* ========================= 
   MOBILE 
========================= */ 
 
@media screen and (max-width: 640px) { 
 
  .baojia-about-services { 
    padding: 48px 18px 54px; 
  } 
 
  .baojia-about-services .services-heading { 
    margin-bottom: 32px; 
    text-align: left; 
  } 
 
  .baojia-about-services .services-eyebrow { 
    font-size: 14px; 
  } 
 
  .baojia-about-services .services-title { 
    font-size: 21px !important; 
  } 
 
  .baojia-about-services .services-intro { 
    font-size: 14px; 
    line-height: 1.7; 
  } 
 
  .baojia-about-services .service-item { 
    padding: 28px 4px; 
  } 
 
  .baojia-about-services .service-number { 
    margin-bottom: 15px; 
    font-size: 15px; 
  } 
 
  .baojia-about-services .service-title { 
    font-size: 18px !important; 
  } 
 
  .baojia-about-services .service-text { 
    font-size: 14px; 
    line-height: 1.7; 
  } 
 
  .baojia-about-services .service-line { 
    margin-top: 22px; 
  } 
 
}