/* V43 homepage-only client edit support. This file MUST NOT style the footer. */

/* Business section: text LEFT, fumigation image RIGHT on desktop/laptop.
   HTML source is also physically ordered content -> visual, so this remains
   correct even if page styles are cached or partially loaded. */
.jop-about--business > .jop-about__container{
  display:grid!important;
  grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)!important;
  align-items:center!important;
}
.jop-about--business > .jop-about__container > .jop-about__content{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
}
.jop-about--business > .jop-about__container > .jop-about__visual{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
}
.jop-about--business .jop-about__image{
  object-fit:cover!important;
  object-position:64% center!important;
}

.jps-services-wrap .jps-service-card__media img{max-width:100%;}
.jps-services-wrap .jps-service-card__title{overflow-wrap:anywhere;}

@media (max-width:820px){
  .jop-about--business > .jop-about__container,
  .jop-about--home > .jop-about__container{grid-template-columns:1fr!important;}
  .jop-about--business > .jop-about__container > .jop-about__visual,
  .jop-about--business > .jop-about__container > .jop-about__content{grid-column:1!important;grid-row:auto!important;}
  .jop-about--business > .jop-about__container > .jop-about__visual{order:1!important;}
  .jop-about--business > .jop-about__container > .jop-about__content{order:2!important;}
}
@media (max-width:600px){
  .jop-about--business .jop-about__frame{aspect-ratio:1.18/1;}
  .jop-about--business .jop-about__image{object-position:64% center!important;}
}