/* =========================================================
   v1.0.76.65 — Approved Services line-icon system
   - OUR SERVICES: 8 newly redesigned line icons
   - WHY CHOOSE SANGE RIVER: 4 newly redesigned line icons
   Loaded after main.css ONLY on the Services page.
   ========================================================= */

/* OUR SERVICES — keep existing card layout, only replace the icon artwork. */
.services-page-grid .service-card .services-v17665-icon-box{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:70px!important;
  height:64px!important;
  min-width:70px!important;
  min-height:64px!important;
  margin:0 0 10px!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
}
.services-page-grid .service-card .services-v17665-line-icon{
  display:block!important;
  width:62px!important;
  height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
}

/* WHY CHOOSE SANGE RIVER — same line weight and blue visual language. */
.services-v158-why .services-v158-benefit > .services-v17665-benefit-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  flex:0 0 62px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
}
.services-v158-why .services-v158-benefit > .services-v17665-benefit-icon img{
  display:block!important;
  width:56px!important;
  height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
}

/* Mobile: keep the icons clear without crowding the card content. */
@media(max-width:1180px){
  .services-page-grid .service-card .services-v17665-icon-box{
    width:66px!important;height:60px!important;min-width:66px!important;min-height:60px!important;
  }
  .services-page-grid .service-card .services-v17665-line-icon{
    width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;min-width:58px!important;min-height:58px!important;
  }
  .services-v158-why .services-v158-benefit > .services-v17665-benefit-icon{
    width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;flex-basis:58px!important;
  }
  .services-v158-why .services-v158-benefit > .services-v17665-benefit-icon img{
    width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;min-width:52px!important;min-height:52px!important;
  }
}
@media(max-width:620px){
  .services-page-grid .service-card .services-v17665-icon-box{
    width:60px!important;height:56px!important;min-width:60px!important;min-height:56px!important;
  }
  .services-page-grid .service-card .services-v17665-line-icon{
    width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;min-width:52px!important;min-height:52px!important;
  }
  .services-v158-why .services-v158-benefit > .services-v17665-benefit-icon{
    width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;flex-basis:54px!important;
  }
  .services-v158-why .services-v158-benefit > .services-v17665-benefit-icon img{
    width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;min-width:48px!important;min-height:48px!important;
  }
}

/* =========================================================
   v1.0.76.66 — Services visual hierarchy refinements
   1) OUR SERVICES: slightly reduce icons 1,2,4,5,6,7,8; keep icon 3 unchanged.
   2) WHY CHOOSE SANGE RIVER: add orange lead line like OUR SERVICES.
   3) WHY intro copy and four benefit-card typography match OUR SERVICES.
   ========================================================= */

/* OUR SERVICES — selectively reduce all requested line icons except #3 Road Freight. */
.services-page-grid .card-grid.four .service-card:nth-child(1) .services-v17665-line-icon,
.services-page-grid .card-grid.four .service-card:nth-child(2) .services-v17665-line-icon,
.services-page-grid .card-grid.four .service-card:nth-child(4) .services-v17665-line-icon,
.services-page-grid .card-grid.four .service-card:nth-child(5) .services-v17665-line-icon,
.services-page-grid .card-grid.four .service-card:nth-child(6) .services-v17665-line-icon,
.services-page-grid .card-grid.four .service-card:nth-child(7) .services-v17665-line-icon,
.services-page-grid .card-grid.four .service-card:nth-child(8) .services-v17665-line-icon{
  width:54px!important;
  height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
}

/* WHY CHOOSE SANGE RIVER — visually match the OUR SERVICES eyebrow. */
.services-v158-why .services-v158-kicker.blue{
  display:inline-flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-bottom:12px!important;
  font-size:15px!important;
  line-height:1.1!important;
  letter-spacing:.11em!important;
  font-weight:800!important;
}
.services-v158-why .services-v158-kicker.blue::before{
  content:"";
  display:block;
  width:34px;
  height:5px;
  flex:0 0 34px;
  background:#ff641e;
  border-radius:1px;
}

/* Match the WHY CHOOSE intro paragraph to OUR SERVICES intro copy. */
.services-v158-why .services-v158-why-head > p{
  font-size:16px!important;
  line-height:1.45!important;
  color:#334a65!important;
}

/* Match the four WHY CHOOSE titles/subtitles to the 8 OUR SERVICES cards. */
.services-v158-why .services-v158-benefit b{
  font-size:20px!important;
  line-height:1.18!important;
  font-weight:800!important;
  color:var(--navy)!important;
}
.services-v158-why .services-v158-benefit small{
  font-size:14.5px!important;
  line-height:1.42!important;
  color:#43566d!important;
}

@media(max-width:1180px){
  .services-page-grid .card-grid.four .service-card:nth-child(1) .services-v17665-line-icon,
  .services-page-grid .card-grid.four .service-card:nth-child(2) .services-v17665-line-icon,
  .services-page-grid .card-grid.four .service-card:nth-child(4) .services-v17665-line-icon,
  .services-page-grid .card-grid.four .service-card:nth-child(5) .services-v17665-line-icon,
  .services-page-grid .card-grid.four .service-card:nth-child(6) .services-v17665-line-icon,
  .services-page-grid .card-grid.four .service-card:nth-child(7) .services-v17665-line-icon,
  .services-page-grid .card-grid.four .service-card:nth-child(8) .services-v17665-line-icon{
    width:50px!important;
    height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
  }
  .services-v158-why .services-v158-benefit b{font-size:18px!important}
  .services-v158-why .services-v158-benefit small{font-size:13px!important}
}

@media(max-width:620px){
  .services-page-grid .card-grid.four .service-card:nth-child(1) .services-v17665-line-icon,
  .services-page-grid .card-grid.four .service-card:nth-child(2) .services-v17665-line-icon,
  .services-page-grid .card-grid.four .service-card:nth-child(4) .services-v17665-line-icon,
  .services-page-grid .card-grid.four .service-card:nth-child(5) .services-v17665-line-icon,
  .services-page-grid .card-grid.four .service-card:nth-child(6) .services-v17665-line-icon,
  .services-page-grid .card-grid.four .service-card:nth-child(7) .services-v17665-line-icon,
  .services-page-grid .card-grid.four .service-card:nth-child(8) .services-v17665-line-icon{
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
  .services-v158-why .services-v158-kicker.blue{font-size:13px!important}
  .services-v158-why .services-v158-kicker.blue::before{width:29px;height:4px;flex-basis:29px}
  .services-v158-why .services-v158-benefit b{font-size:19px!important}
  .services-v158-why .services-v158-benefit small{font-size:13px!important}
}