/* M&J Towing — explicit component selectors.
No presentation class stacks or nested class selectors.
Only state/pseudo rules and media/container queries are nested. */
* {
  box-sizing: border-box;
}
:where(h1, h2, h3, h4, h5, h6) {
  text-wrap: wrap;
}
html,
body,
div,
span,
h1,
h2,
h3,
p,
a,
img,
strong,
ul,
li,
article,
section {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font: inherit;
  vertical-align: baseline;
}
article,
section {
  display: block;
}
ul {
  list-style: none;
}
body {
  text-size-adjust: none;
  line-height: 1;
  min-height: var(--viewport-height);
  min-width: 320px;
  overflow-x: hidden;
  overflow-wrap: break-word;
  background-color: rgb(255, 255, 255);
  text-wrap: pretty;
}
::before,
::after {
  box-sizing: border-box;
}
html {
  font-size: 100%;
}
strong {
  color: inherit;
  font-weight: bolder;
}
a {
  color: inherit;
  text-decoration: underline;
  transition: color 0.25s;
}
:root {
  --mj-desktop-scale: 1;
  --mj-length-unit: calc(1rem * var(--mj-desktop-scale));
  --mj-content-max-width: calc(62rem * var(--mj-desktop-scale));
  --mj-layout-gutter: calc(var(--mj-page-gutter) * var(--mj-desktop-scale));
}
@media (width >= 64rem) {
  :root {
    --mj-desktop-scale: clamp(1, calc(0.2 + tan(atan2(100vw, 1rem)) * 0.0125), 1.2);
    /* Prefer typed division: Safari can resolve viewport trigonometry differently per property. */
    @supports (width: calc(1px * (1rem / 1rem))) {
      --mj-desktop-scale: clamp(1, calc(0.2 + (100vw / 1rem) * 0.0125), 1.2);
    }
  }
}
:root {
  --background-height: 100vh;
  --site-language-alignment: left;
  --site-language-direction: ltr;
  --viewport-height: 100vh;
  --mj-call-blue-l: 0.47;
  --mj-call-blue-c: 0.115;
  --mj-call-blue-h: 254;
  --mj-call-blue: oklch(var(--mj-call-blue-l) var(--mj-call-blue-c) var(--mj-call-blue-h));
  --mj-call-white: #fff;
  --mj-call-space: calc(0.875rem * var(--mj-desktop-scale));
  --mj-page-gutter: clamp(1.5rem, 16.67vw + -6.5rem, 6rem);
  --mj-shell-gutter: min(var(--mj-layout-gutter), calc(3rem * var(--mj-desktop-scale)));
  --mj-section-space: calc(clamp(1.5rem, 3vw, 2.5rem) * var(--mj-desktop-scale));
  --mj-group-space: calc(clamp(1rem, 2vw, 1.5rem) * var(--mj-desktop-scale));
  --mj-heading-space: calc(0.75rem * var(--mj-desktop-scale));
  --mj-media-radius: calc(0.875rem * var(--mj-desktop-scale));
  --mj-section-heading-gap: calc(clamp(1.5rem, 3vw, 2rem) * var(--mj-desktop-scale));
}
body.is-instant::after {
  display: none !important;
  transition: none !important;
}
body.is-instant .mj-page__main {
  transition: none !important;
}
body.is-instant .mj-header,
body.is-instant .mj-hero,
body.is-instant .mj-services,
body.is-instant .mj-pricing-section,
body.is-instant .mj-callout,
body.is-instant .mj-values,
body.is-instant .mj-contact,
body.is-instant .mj-footer__copyright,
body.is-instant .mj-tracking {
  transition: none !important;
}
body.is-instant .mj-hero__heading,
body.is-instant .mj-hero__content,
body.is-instant .mj-section__heading,
body.is-instant .mj-services__content,
body.is-instant .mj-pricing-heading,
body.is-instant .mj-pricing {
  transition: none !important;
}
.mj-page {
  font-size: var(--mj-length-unit);
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: var(--viewport-height);
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.mj-page__main {
  --alignment: center;
  --border-radius-tl: 0;
  --border-radius-tr: 0;
  --border-radius-br: 0;
  --border-radius-bl: 0;
  align-items: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  max-width: 100%;
  position: relative;
  text-align: var(--alignment);
  z-index: 1;
}
.mj-header {
  --alignment: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(255, 255, 255);
  margin-bottom: calc(0rem * var(--mj-desktop-scale)) !important;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  margin-top: calc(var(--padding-vertical) * -1) !important;
  max-width: 100vw;
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  right: auto;
  border-radius: 0px !important;
}
.mj-hero__heading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(61, 117, 184);
  width: 100%;
  max-width: none;
  margin: 0px !important;
  margin-bottom: calc(0rem * var(--mj-desktop-scale)) !important;
  min-height: 0px;
}
.mj-hero__content {
  position: relative;
  --alignment: center;
  display: flex;
  min-height: calc(17rem * var(--mj-desktop-scale));
  align-items: center;
  justify-content: center;
  background-color: rgb(61, 117, 184);
  @media (max-width: 736px) {
    min-height: calc(12.75rem * var(--mj-desktop-scale));
  }
  @media (max-width: 360px) {
    min-height: calc(8.5rem * var(--mj-desktop-scale));
  }
  width: 100%;
  max-width: none;
  margin: 0px !important;
  margin-top: calc(0rem * var(--mj-desktop-scale)) !important;
}
.mj-services__content {
  position: relative;
  --alignment: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  width: 100%;
  max-width: none;
  margin: 0px !important;
}
.mj-pricing-heading {
  position: relative;
  --alignment: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(31, 31, 31);
  width: 100%;
  max-width: none;
  margin: 0px !important;
  margin-bottom: calc(0rem * var(--mj-desktop-scale)) !important;
}
.mj-callout {
  --alignment: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(255, 153, 0);
  margin-top: calc(0rem * var(--mj-desktop-scale)) !important;
  margin-bottom: calc(0rem * var(--mj-desktop-scale)) !important;
  max-width: 100vw;
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  right: auto;
  border-radius: 0px !important;
  margin-block: 0px !important;
}
.mj-values {
  margin-bottom: var(--spacing);
  --alignment: center;
  display: flex;
  min-height: calc(17rem * var(--mj-desktop-scale));
  align-items: center;
  justify-content: center;
  background-color: rgb(61, 117, 184);
  @media (max-width: 736px) {
    min-height: calc(12.75rem * var(--mj-desktop-scale));
  }
  @media (max-width: 360px) {
    min-height: calc(8.5rem * var(--mj-desktop-scale));
  }
  margin-top: calc(0rem * var(--mj-desktop-scale)) !important;
  max-width: 100vw;
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  right: auto;
  border-radius: 0px !important;
  margin-block: 0px !important;
}
.mj-contact {
  margin-bottom: var(--spacing);
  --alignment: center;
  display: flex;
  min-height: calc(17rem * var(--mj-desktop-scale));
  align-items: center;
  justify-content: center;
  background-color: transparent;
  @media (max-width: 736px) {
    min-height: calc(12.75rem * var(--mj-desktop-scale));
  }
  @media (max-width: 360px) {
    min-height: calc(8.5rem * var(--mj-desktop-scale));
  }
  margin-top: calc(0rem * var(--mj-desktop-scale)) !important;
  max-width: 100vw;
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  right: auto;
  border-radius: 0px !important;
  margin-block: 0px !important;
}
.mj-header__brand {
  direction: var(--site-language-direction);
  position: relative;
  text-transform: uppercase;
  color: rgb(255, 138, 0);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
  font-weight: 700;
  @media (max-width: 736px) {
    width: 100%;
  }
  --mj-header-logo-font: calc(clamp(1.5rem, 1rem + 3.5vw, 3rem) * var(--mj-desktop-scale));
  font-size: var(--mj-header-logo-font);
  @media (width > 46rem) {
    font-size: 1.875em;
  }
  margin-bottom: var(--spacing);
  margin-top: 0px !important;
}
.mj-header__call {
  direction: var(--site-language-direction);
  position: relative;
  color: rgb(64, 64, 64);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 400;
  @media (max-width: 736px) {
    width: 100%;
    font-size: 1.75em;
  }
  @media (max-width: 360px) {
    font-size: 1.75em;
  }
  margin-bottom: var(--spacing);
  margin-top: var(--spacing);
}
.mj-header__area {
  direction: var(--site-language-direction);
  position: relative;
  color: rgb(69, 69, 69);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
  font-weight: 400;
  @media (max-width: 736px) {
    width: 100%;
  }
  font-size: calc(clamp(1.3125rem, 1.05rem + 0.7vw, 1.42188rem) * var(--mj-desktop-scale));
  @media (width > 46rem) {
    font-size: 1em;
  }
  margin-top: var(--spacing);
  margin-bottom: 0px !important;
}
.mj-hero__title {
  direction: var(--site-language-direction);
  position: relative;
  color: rgb(255, 255, 255);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.5em;
  line-height: 1.5;
  font-weight: 700;
  @media (max-width: 736px) {
    width: 100%;
    font-size: 2em;
  }
  @media (max-width: 360px) {
    font-size: 2em;
  }
  text-wrap: balance;
  margin-bottom: var(--spacing);
  margin-top: 0px !important;
}
.mj-hero__subtitle {
  direction: var(--site-language-direction);
  position: relative;
  color: rgb(255, 255, 255);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 400;
  @media (max-width: 736px) {
    width: 100%;
    font-size: 1.625em;
  }
  @media (max-width: 360px) {
    font-size: 1.625em;
  }
  text-wrap: pretty;
  margin-top: var(--spacing);
  margin-bottom: 0px !important;
}
.mj-services__title {
  direction: var(--site-language-direction);
  position: relative;
  color: rgb(0, 0, 0);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.5em;
  line-height: 1.5;
  font-weight: 700;
  @media (max-width: 736px) {
    width: 100%;
    font-size: 2em;
  }
  @media (max-width: 360px) {
    font-size: 2em;
  }
  padding-top: 0px;
  margin: 0px !important;
}
.mj-services__description {
  direction: var(--site-language-direction);
  position: relative;
  color: rgb(64, 64, 64);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 400;
  @media (max-width: 736px) {
    width: 100%;
    font-size: 1.25em;
  }
  @media (max-width: 360px) {
    font-size: 1.25em;
  }
  margin-block: var(--mj-heading-space) var(--mj-section-heading-gap) !important;
}
.mj-pricing-heading__title {
  direction: var(--site-language-direction);
  position: relative;
  color: rgb(255, 255, 255);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.5em;
  line-height: 1.5;
  font-weight: 700;
  @media (max-width: 736px) {
    width: 100%;
    font-size: 2em;
  }
  @media (max-width: 360px) {
    font-size: 2em;
  }
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mj-callout__title {
  direction: var(--site-language-direction);
  position: relative;
  color: rgb(255, 255, 255);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.5em;
  line-height: 1.5;
  font-weight: 700;
  @media (max-width: 736px) {
    width: 100%;
    font-size: 1.5em;
  }
  @media (max-width: 360px) {
    font-size: 1.5em;
  }
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mj-values__heading {
  direction: var(--site-language-direction);
  position: relative;
  text-wrap: balance;
  color: rgb(255, 255, 255);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 700;
  @media (max-width: 736px) {
    width: 100%;
    font-size: 1.625em;
  }
  @media (max-width: 360px) {
    font-size: 1.625em;
  }
  margin-bottom: var(--spacing);
  margin-top: var(--spacing);
  @media (width < 48rem) {
    @container mj-values (36rem <= width < 60rem) {
      grid-area: 1 / 2;
      align-self: end;
      text-align: left;
      margin: 0px !important;
    }
  }
}
.mj-values__description {
  direction: var(--site-language-direction);
  position: relative;
  text-wrap: pretty;
  color: rgb(255, 255, 255);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.875em;
  line-height: 1.5;
  font-weight: 400;
  @media (max-width: 736px) {
    width: 100%;
    font-size: 1.25em;
  }
  @media (max-width: 360px) {
    font-size: 1.25em;
  }
  margin-top: var(--spacing);
  @media (width < 48rem) {
    @container mj-values (36rem <= width < 60rem) {
      grid-area: 2 / 2;
      align-self: start;
      text-align: left;
      margin: 0px !important;
    }
  }
  margin-bottom: 0px !important;
}
.mj-contact__area {
  direction: var(--site-language-direction);
  position: relative;
  color: rgb(64, 64, 64);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
  font-weight: 700;
  @media (max-width: 736px) {
    width: 100%;
  }
  font-size: calc(clamp(1.625rem, 1rem + 2.3vw, 2.25rem) * var(--mj-desktop-scale));
  @media (width > 46rem) {
    font-size: 1.5em;
  }
  margin-bottom: var(--spacing);
  margin-top: 0px !important;
}
.mj-contact__title {
  direction: var(--site-language-direction);
  position: relative;
  color: rgb(61, 117, 184);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
  font-weight: 700;
  @media (max-width: 736px) {
    width: 100%;
  }
  font-size: calc(clamp(2rem, 1rem + 3vw, 2.5rem) * var(--mj-desktop-scale));
  @media (width > 46rem) {
    font-size: 2em;
  }
  margin-bottom: var(--spacing);
  margin-top: var(--spacing);
}
.mj-contact__hours {
  direction: var(--site-language-direction);
  position: relative;
  color: rgb(64, 64, 64);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
  font-weight: 400;
  @media (max-width: 736px) {
    width: 100%;
  }
  font-size: calc(clamp(1.5rem, 0.875rem + 2vw, 1.875rem) * var(--mj-desktop-scale));
  @media (width > 46rem) {
    font-size: 1.5em;
  }
  margin-bottom: var(--spacing);
  margin-top: var(--spacing);
}
.mj-contact__call {
  direction: var(--site-language-direction);
  position: relative;
  color: rgb(64, 64, 64);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.125em;
  line-height: 1.5;
  font-weight: 400;
  @media (max-width: 736px) {
    width: 100%;
    font-size: 1.5em;
  }
  @media (max-width: 360px) {
    font-size: 1.5em;
  }
  margin-top: var(--spacing);
  margin-bottom: 0px !important;
}
.mj-footer__copyright {
  direction: var(--site-language-direction);
  position: relative;
  margin-top: var(--spacing);
  margin-bottom: var(--spacing);
  color: rgb(107, 107, 107);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1em;
  line-height: 1.5;
  font-weight: 400;
  @media (max-width: 736px) {
    width: 100%;
    font-size: 1em;
  }
  @media (max-width: 360px) {
    font-size: 1em;
  }
  padding-block: var(--mj-group-space);
  margin: 0px !important;
}
.mj-hero__media {
  display: block;
  line-height: 0;
  position: relative;
  width: 100vw;
  max-width: none;
  margin-inline: calc(50% - 50vw);
  @media (width > 46rem) {
    width: auto;
    max-width: 100%;
    margin-inline: 0px;
  }
  --mj-desktop-image-width: calc(49.125rem * var(--mj-desktop-scale));
  --mj-desktop-image-height: calc(14.625rem * var(--mj-desktop-scale));
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mj-services__media {
  display: block;
  line-height: 0;
  position: relative;
  text-align: center;
  width: 100vw;
  max-width: none;
  margin-inline: calc(50% - 50vw);
  @media (width > 46rem) {
    width: auto;
    max-width: 100%;
    margin-inline: 0px;
  }
  --mj-desktop-image-width: calc(25.625rem * var(--mj-desktop-scale));
  --mj-desktop-image-height: calc(11.5rem * var(--mj-desktop-scale));
  @media (37.5rem <= width <= 48rem) {
    width: 100vw;
    max-width: none;
    margin-inline: calc(50% - 50vw);
  }
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mj-contact__media {
  display: block;
  line-height: 0;
  position: relative;
  width: 100vw;
  max-width: none;
  margin-inline: calc(50% - 50vw);
  @media (width > 46rem) {
    width: auto;
    max-width: 100%;
    margin-inline: 0px;
  }
  --mj-desktop-image-height: calc(20.125rem * var(--mj-desktop-scale));
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mj-benefits {
  display: block;
  color: rgb(255, 255, 255);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.375;
  font-weight: 400;
  --mj-benefits-font: clamp(1em, 6.67vw + -0.33em, 1.75em);
  font-size: var(--mj-benefits-font);
  @media (width > 46rem) {
    font-size: 1.25em;
  }
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mj-services__list {
  display: block;
  color: rgb(48, 48, 48);
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
  font-weight: 400;
  --mj-services-font: clamp(0.8em, 3vw + 0.11em, 1.5em);
  font-size: var(--mj-services-font);
  container-type: inline-size;
  @media (width > 46rem) {
    font-size: 1em;
    container-type: normal;
  }
  @media (37.5rem <= width <= 48rem) {
    font-size: calc(clamp(0.8125rem, 0.25rem + 1.5vw, 1rem) * var(--mj-desktop-scale));
  }
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mj-call-original {
  display: none;
  @media (width > 46rem) {
    display: inline;
  }
}
.mj-header__call-context {
  display: block;
  line-height: 1.4;
  @media (width > 46rem) {
    display: none;
  }
  font-size: calc(clamp(1.125rem, 0.75rem + 2vw, 1.875rem) * var(--mj-desktop-scale));
}
.mj-callout__call-context {
  display: block;
  line-height: 1.4;
  @media (width > 46rem) {
    display: none;
  }
  font-size: calc(clamp(1.375rem, 1rem + 2vw, 2rem) * var(--mj-desktop-scale));
}
.mj-call-button__icon {
  flex-shrink: 0;
  width: 1.125em;
  height: 1.125em;
  filter: var(--mj-call-icon-filter, none);
}
.mj-header__button-label,
.mj-contact__button-label {
  white-space: nowrap;
  text-shadow: 0 1px 2px rgb(0 0 0 / 55%);
}
.mj-callout__button-label {
  white-space: nowrap;
}
.mj-hero {
  background: rgb(61, 117, 184);
  margin-top: var(--spacing);
  margin-bottom: var(--spacing);
  margin-left: calc(var(--padding-horizontal) * -1);
  max-width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
  width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
  margin-block: 0px !important;
}
.mj-section__heading {
  max-width: var(--mj-content-max-width);
  margin-inline: auto;
  padding-inline: var(--mj-layout-gutter);
  padding-top: var(--mj-section-heading-gap);
}
.mj-pricing {
  --mj-pricing-bg: oklch(0.97 0.007 254);
  --mj-pricing-card-bg: var(--mj-call-white);
  font-family:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  background: var(--mj-pricing-bg);
  padding-block: 0;
  @media (width >= 64rem) {
    background: var(--mj-call-white);
  }
  width: 100%;
  max-width: none;
  margin: 0px !important;
}
.mj-pricing__inner {
  max-width: var(--mj-content-max-width);
  margin-inline: auto;
  padding-inline: 0;
  @media (width > 46rem) {
    padding-inline: var(--mj-layout-gutter);
  }
  @media (37.5rem <= width < 64rem) {
    max-width: none;
    padding-inline: 0;
  }
}
.mj-pricing__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
.mj-towing-card,
.mj-tire-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: 0;
  background: var(--mj-pricing-card-bg);
  box-shadow: none;
  @media (width >= 37.5rem) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 64rem) {
    gap: calc(2.5rem * var(--mj-desktop-scale));
    align-items: center;
    padding-block: var(--mj-section-heading-gap);
  }
}
.mj-battery-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: 0;
  background: var(--mj-pricing-card-bg);
  box-shadow: none;
  @media (width >= 37.5rem) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 64rem) {
    gap: calc(2.5rem * var(--mj-desktop-scale));
    align-items: center;
    padding-block: var(--mj-section-heading-gap);
    position: relative;
    isolation: isolate;
    overflow: visible;
    background: #fffcde;
    &::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset-block: 0;
      left: 50%;
      width: 100vw;
      transform: translateX(-50%);
      background: #fffcde;
    }
  }
}
/* A real picture box gives Safari a stable row height while the viewport resizes. */
.mj-towing-card__picture,
.mj-battery-card__picture,
.mj-tire-card__picture {
  display: contents;
  @media (37.5rem <= width < 64rem) {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: calc(15rem * var(--mj-desktop-scale));
    aspect-ratio: 3 / 2;
    align-self: stretch;
  }
}
.mj-battery-card__picture {
  @media (37.5rem <= width < 64rem) {
    grid-area: 1 / 2;
  }
}
.mj-towing-card__image,
.mj-tire-card__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  @media (37.5rem <= width < 64rem) {
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }
  @media (width >= 64rem) {
    aspect-ratio: 3 / 2;
  }
  @media (37.5rem <= width < 64rem) {
    height: 100%;
  }
  @media (width >= 64rem) {
    height: auto;
    border-radius: var(--mj-media-radius);
  }
}
.mj-battery-card__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  @media (37.5rem <= width < 64rem) {
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }
  @media (width >= 64rem) {
    aspect-ratio: 3 / 2;
  }
  @media (37.5rem <= width < 64rem) {
    height: 100%;
  }
  @media (width >= 64rem) {
    height: auto;
    border-radius: var(--mj-media-radius);
  }
  @media (37.5rem <= width < 64rem) {
    grid-area: 1 / 2;
  }
  @media (width >= 64rem) {
    grid-area: 1 / 2;
  }
  @media (width >= 37.5rem) {
    grid-column: 2;
    grid-row: 1;
  }
}
.mj-towing-card__body,
.mj-tire-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: calc(0.75rem * var(--mj-desktop-scale));
  padding: calc(1.375rem * var(--mj-desktop-scale)) var(--mj-layout-gutter);
  text-align: left;
  @media (width > 46rem) {
    padding: calc(1.375rem * var(--mj-desktop-scale)) calc(1.125rem * var(--mj-desktop-scale));
  }
  @media (37.5rem <= width < 64rem) {
    align-self: center;
    padding-block: calc(clamp(1.5rem, 4vw, 2.5rem) * var(--mj-desktop-scale));
    padding-inline: var(--mj-layout-gutter);
  }
  @media (width >= 64rem) {
    padding: calc(1rem * var(--mj-desktop-scale)) calc(1.5rem * var(--mj-desktop-scale));
  }
}
.mj-battery-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: calc(0.75rem * var(--mj-desktop-scale));
  padding: calc(1.375rem * var(--mj-desktop-scale)) var(--mj-layout-gutter);
  text-align: left;
  @media (width > 46rem) {
    padding: calc(1.375rem * var(--mj-desktop-scale)) calc(1.125rem * var(--mj-desktop-scale));
  }
  @media (37.5rem <= width < 64rem) {
    align-self: center;
    padding-block: calc(clamp(1.5rem, 4vw, 2.5rem) * var(--mj-desktop-scale));
    padding-inline: var(--mj-layout-gutter);
  }
  @media (width >= 64rem) {
    padding: calc(1rem * var(--mj-desktop-scale)) calc(1.5rem * var(--mj-desktop-scale));
  }
  @media (37.5rem <= width < 64rem) {
    grid-area: 1 / 1;
  }
  @media (width >= 64rem) {
    grid-area: 1 / 1;
  }
  @media (width >= 37.5rem) {
    grid-column: 1;
    grid-row: 1;
  }
}
.mj-towing-card__title,
.mj-battery-card__title,
.mj-tire-card__title {
  color: oklch(0.2 0.01 254);
  font-size: calc(1.25rem * var(--mj-desktop-scale));
  font-weight: 700;
  line-height: 1.2;
  text-wrap: balance;
  margin: 0;
  @media (width >= 64rem) {
    font-size: calc(1.6rem * var(--mj-desktop-scale));
  }
}
.mj-towing-card__description,
.mj-battery-card__description,
.mj-tire-card__description {
  color: oklch(0.38 0.015 254);
  font-size: calc(0.9375rem * var(--mj-desktop-scale));
  line-height: 1.5;
  margin: 0;
  text-wrap: pretty;
  @media (width >= 64rem) {
    font-size: calc(1rem * var(--mj-desktop-scale));
    line-height: 1.6;
  }
}
.mj-towing-card__price,
.mj-battery-card__price,
.mj-tire-card__price {
  color: oklch(0.38 0.015 254);
  font-size: calc(0.8125rem * var(--mj-desktop-scale));
  line-height: 1.4;
  margin: 0;
  margin-top: auto;
  @media (37.5rem <= width < 64rem) {
    margin-top: 0px;
  }
  @media (width >= 64rem) {
    margin-top: 0px;
  }
  @media (width >= 37.5rem) {
    margin-top: 0;
  }
}
.mj-picture {
  display: contents;
}
.mj-values__icon {
  height: var(--why-card-icon-size);
  @media (width < 48rem) {
    @container mj-values (36rem <= width < 60rem) {
      width: 100%;
      height: auto;
      max-height: calc(8rem * var(--mj-desktop-scale));
    }
  }
}
.mj-header__phone-link,
.mj-callout__phone-link,
.mj-contact__phone-link {
  -webkit-text-fill-color: currentcolor;
  text-decoration: none;
  &:hover {
    text-decoration: underline;
  }
}
.mj-header__button {
  -webkit-text-fill-color: currentcolor;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: var(--mj-call-space) auto 0;
  border: 0px;
  background: var(--mj-call-blue);
  font-weight: 650;
  line-height: 1.25;
  text-transform: none;
  text-decoration: none;
  touch-action: manipulation;
  transition:
    background-color 150ms,
    transform 150ms;
  @media (width > 46rem) {
    display: none;
  }
  @media (prefers-reduced-motion: reduce) {
    transition: none;
  }
  font-size: calc(clamp(1.125rem, 0.75rem + 2.2vw, 1.75rem) * var(--mj-desktop-scale));
  max-width: calc(32rem * var(--mj-desktop-scale));
  min-height: 3.25em;
  padding: 0.875em 1em;
  gap: 0.625em;
  border-radius: 0.625em;
  --mj-call-blue: #ff9900;
  color: var(--mj-call-white);
  &:active {
    transform: translateY(calc(0.125rem * var(--mj-desktop-scale)));
  }
  &:focus-visible {
    outline: calc(0.1875rem * var(--mj-desktop-scale)) solid var(--mj-call-blue);
    outline-offset: calc(0.1875rem * var(--mj-desktop-scale));
  }
  @media (hover: hover) {
    &:hover {
      background: color-mix(in oklch, var(--mj-call-blue), black 12%);
    }
  }
  --mj-call-icon-filter: drop-shadow(0 1px 2px rgb(0 0 0 / 55%))
}
.mj-callout__button {
  -webkit-text-fill-color: currentcolor;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: var(--mj-call-space) auto 0;
  border: 0px;
  background: var(--mj-call-blue);
  color: var(--mj-call-white);
  font-weight: 650;
  line-height: 1.25;
  text-transform: none;
  text-decoration: none;
  touch-action: manipulation;
  transition:
    background-color 150ms,
    transform 150ms;
  @media (width > 46rem) {
    display: none;
  }
  @media (prefers-reduced-motion: reduce) {
    transition: none;
  }
  font-size: calc(clamp(1.125rem, 0.75rem + 2.2vw, 1.75rem) * var(--mj-desktop-scale));
  max-width: calc(32rem * var(--mj-desktop-scale));
  min-height: 3.25em;
  padding: 0.875em 1em;
  gap: 0.625em;
  border-radius: 0.625em;
  &:active {
    transform: translateY(calc(0.125rem * var(--mj-desktop-scale)));
  }
  &:focus-visible {
    outline: calc(0.1875rem * var(--mj-desktop-scale)) solid var(--mj-call-blue);
    outline-offset: calc(0.1875rem * var(--mj-desktop-scale));
  }
  @media (hover: hover) {
    &:hover {
      background: color-mix(in oklch, var(--mj-call-blue), black 12%);
    }
  }
}
.mj-contact__button {
  -webkit-text-fill-color: currentcolor;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: var(--mj-call-space) auto 0;
  border: 0px;
  background: var(--mj-call-blue);
  font-weight: 650;
  line-height: 1.25;
  text-transform: none;
  text-decoration: none;
  touch-action: manipulation;
  transition:
    background-color 150ms,
    transform 150ms;
  @media (width > 46rem) {
    display: none;
  }
  @media (prefers-reduced-motion: reduce) {
    transition: none;
  }
  font-size: calc(clamp(1.125rem, 0.75rem + 2.2vw, 1.75rem) * var(--mj-desktop-scale));
  max-width: calc(32rem * var(--mj-desktop-scale));
  min-height: 3.25em;
  padding: 0.875em 1em;
  gap: 0.625em;
  border-radius: 0.625em;
  margin-top: 0px;
  --mj-call-blue: #ff9900;
  color: var(--mj-call-white);
  &:active {
    transform: translateY(calc(0.125rem * var(--mj-desktop-scale)));
  }
  &:focus-visible {
    outline: calc(0.1875rem * var(--mj-desktop-scale)) solid var(--mj-call-blue);
    outline-offset: calc(0.1875rem * var(--mj-desktop-scale));
  }
  @media (hover: hover) {
    &:hover {
      background: color-mix(in oklch, var(--mj-call-blue), black 12%);
    }
  }
  --mj-call-icon-filter: drop-shadow(0 1px 2px rgb(0 0 0 / 55%))
}
.mj-benefits__items {
  display: inline-block;
  max-width: 100%;
  text-align: var(--site-language-alignment);
  vertical-align: middle;
  width: 100%;
  @media (width > 46rem) {
    width: calc(20rem * var(--mj-desktop-scale));
  }
}
.mj-services__items {
  max-width: 100%;
  text-align: var(--site-language-alignment);
  vertical-align: middle;
  display: grid;
  @media (max-width: 736px) {
    margin: auto !important;
  }
  width: 100%;
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  column-gap: calc(0.75rem * var(--mj-desktop-scale));
  @media (width > 46rem) {
    column-gap: calc(clamp(0.75rem, 1.5vw, 1.25rem) * var(--mj-desktop-scale));
  }
  @media (37.5rem <= width <= 48rem) {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    column-gap: calc(0.75rem * var(--mj-desktop-scale));
  }
  @container (max-width: 21.75em) {
    grid-template-columns: 1fr;
  }
}
.mj-pricing-card__amount {
  display: block;
  color: var(--mj-call-blue);
  font-size: calc(2.625rem * var(--mj-desktop-scale));
  line-height: 1.1;
  margin-top: calc(0.1875rem * var(--mj-desktop-scale));
}
.mj-pricing-card__source {
  display: none;
}
.mj-benefits__item--first {
  direction: var(--site-language-direction);
  display: flex;
  position: relative;
  &::before {
    content: "";
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    order: 1;
    position: relative;
    font-variant: normal !important;
  }
  &::after {
    content: "";
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    order: 2;
    pointer-events: none;
  }
  margin-top: 0px !important;
  margin-top: calc(0.875rem * var(--mj-desktop-scale));
  @media (width > 46rem) {
    height: auto;
    min-height: 1.5em;
    white-space: nowrap;
  }
  &::after {
    width: calc(0.5rem * var(--mj-desktop-scale));
  }
  &::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M39.4%2C11.2c0%2C.4-.2.7-.5%2C1l-22.8%2C22.8c-.2.2-.6.6-1.1.6h0c-.5%2C0-.8-.2-.9-.4h-.1c0-.1-12.8-12.9-12.8-12.9-.6-.6-.5-1.6.1-2.4h0c0-.1%2C2.4-2.5%2C2.4-2.5.5-.5%2C1.1-.7%2C1.6-.7.4%2C0%2C.7.2%2C1%2C.5l8.8%2C8.7L33.8%2C7c.6-.6%2C1.6-.5%2C2.4%2C0h.1c0%2C0%2C2.4%2C2.5%2C2.4%2C2.5.5.5.7%2C1.1.7%2C1.6Z%22%20fill%3D%22%237DD97C%22%20%2F%3E%3C%2Fsvg%3E");
    background-position: left 60%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.375em;
    line-height: 1.375em;
    min-width: 0.8em;
  }
  @media (width > 46rem) {
    &::before {
      height: calc(1.71875rem * var(--mj-desktop-scale));
      line-height: calc(1.71875rem * var(--mj-desktop-scale));
      min-width: calc(1.125rem * var(--mj-desktop-scale));
    }
  }
}
.mj-benefits__item--middle,
.mj-benefits__item--last {
  direction: var(--site-language-direction);
  display: flex;
  position: relative;
  &::before {
    content: "";
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    order: 1;
    position: relative;
    font-variant: normal !important;
  }
  &::after {
    content: "";
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    order: 2;
    pointer-events: none;
  }
  margin-top: calc(0.875rem * var(--mj-desktop-scale));
  @media (width > 46rem) {
    height: auto;
    min-height: 1.5em;
    white-space: nowrap;
  }
  &::after {
    width: calc(0.5rem * var(--mj-desktop-scale));
  }
  &::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M39.4%2C11.2c0%2C.4-.2.7-.5%2C1l-22.8%2C22.8c-.2.2-.6.6-1.1.6h0c-.5%2C0-.8-.2-.9-.4h-.1c0-.1-12.8-12.9-12.8-12.9-.6-.6-.5-1.6.1-2.4h0c0-.1%2C2.4-2.5%2C2.4-2.5.5-.5%2C1.1-.7%2C1.6-.7.4%2C0%2C.7.2%2C1%2C.5l8.8%2C8.7L33.8%2C7c.6-.6%2C1.6-.5%2C2.4%2C0h.1c0%2C0%2C2.4%2C2.5%2C2.4%2C2.5.5.5.7%2C1.1.7%2C1.6Z%22%20fill%3D%22%237DD97C%22%20%2F%3E%3C%2Fsvg%3E");
    background-position: left 60%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.375em;
    line-height: 1.375em;
    min-width: 0.8em;
  }
  @media (width > 46rem) {
    &::before {
      height: calc(1.71875rem * var(--mj-desktop-scale));
      line-height: calc(1.71875rem * var(--mj-desktop-scale));
      min-width: calc(1.125rem * var(--mj-desktop-scale));
    }
  }
}
.mj-services__item--first,
.mj-services__item--middle,
.mj-services__item--last {
  direction: var(--site-language-direction);
  display: flex;
  position: relative;
  &::before {
    content: "";
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    order: 1;
    position: relative;
    font-variant: normal !important;
  }
  &::after {
    content: "";
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    order: 2;
    pointer-events: none;
  }
  line-height: 1.5;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  @media (max-width: 736px) {
    margin-top: calc(1rem * var(--mj-desktop-scale));
  }
  height: auto;
  min-height: 1.5em;
  @media (width > 46rem) {
    white-space: nowrap;
  }
  @media (37.5rem <= width <= 48rem) {
    white-space: nowrap;
  }
  &::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M39.4%2C11.2c0%2C.4-.2.7-.5%2C1l-22.8%2C22.8c-.2.2-.6.6-1.1.6h0c-.5%2C0-.8-.2-.9-.4h-.1c0-.1-12.8-12.9-12.8-12.9-.6-.6-.5-1.6.1-2.4h0c0-.1%2C2.4-2.5%2C2.4-2.5.5-.5%2C1.1-.7%2C1.6-.7.4%2C0%2C.7.2%2C1%2C.5l8.8%2C8.7L33.8%2C7c.6-.6%2C1.6-.5%2C2.4%2C0h.1c0%2C0%2C2.4%2C2.5%2C2.4%2C2.5.5.5.7%2C1.1.7%2C1.6Z%22%20fill%3D%22%235FA15F%22%20%2F%3E%3C%2Fsvg%3E");
    background-position: left 60%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.5em;
    line-height: 1.5em;
    min-width: 1.125em;
  }
  @media (width > 46rem) {
    &::before {
      height: calc(1.5rem * var(--mj-desktop-scale));
      line-height: calc(1.5rem * var(--mj-desktop-scale));
      min-width: calc(1.125rem * var(--mj-desktop-scale));
    }
  }
  @media (37.5rem <= width <= 48rem) {
    &::before {
      height: 1.5em;
      line-height: 1.5em;
      min-width: 1.125em;
    }
  }
  &::after {
    width: 0.375em;
  }
  @media (width > 46rem) {
    &::after {
      width: calc(0.375rem * var(--mj-desktop-scale));
    }
  }
  @media (37.5rem <= width <= 48rem) {
    &::after {
      width: 0.375em;
    }
  }
}
.mj-benefits__text,
.mj-services__text {
  flex-grow: 1;
  flex-shrink: 1;
  order: 3;
}
.mj-page__inner {
  --padding-vertical: calc(1.125rem * var(--mj-desktop-scale));
  --spacing: calc(0.75rem * var(--mj-desktop-scale));
  --width: 100vw;
  border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br)
    var(--border-radius-bl);
  max-width: 100%;
  position: relative;
  width: var(--width);
  z-index: 1;
  padding: var(--padding-vertical) var(--padding-horizontal);
  @media (max-width: 480px) {
    --spacing: calc(0.65625rem * var(--mj-desktop-scale));
  }
  @media (max-width: 360px) {
    --padding-vertical: calc(0.84375rem * var(--mj-desktop-scale));
    --spacing: calc(0.5625rem * var(--mj-desktop-scale));
  }
  --padding-horizontal: var(--mj-shell-gutter);
}
.mj-services,
.mj-pricing-section {
  margin-top: var(--spacing);
  margin-bottom: var(--spacing);
  margin-left: calc(var(--padding-horizontal) * -1);
  max-width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
  width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
  margin-block: 0px !important;
}
.mj-tracking {
  margin-top: var(--spacing);
  margin: 0px !important;
  margin-bottom: 0px !important;
}
.mj-header__wrapper,
.mj-pricing-heading__wrapper {
  vertical-align: top;
  position: relative;
  border-radius: inherit;
  max-width: var(--mj-content-max-width);
  width: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.mj-hero-heading__wrapper {
  vertical-align: top;
  position: relative;
  border-radius: inherit;
  max-width: var(--mj-content-max-width);
  width: 100%;
  padding-top: 1.5em;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  padding-block: 0px;
}
.mj-hero-content__wrapper {
  vertical-align: top;
  position: relative;
  border-radius: inherit;
  max-width: var(--mj-content-max-width);
  width: 100%;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.mj-services__wrapper {
  vertical-align: top;
  position: relative;
  border-radius: inherit;
  max-width: var(--mj-content-max-width);
  width: 100%;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  padding-bottom: 0px;
}
.mj-callout__wrapper,
.mj-contact__wrapper {
  vertical-align: top;
  position: relative;
  border-radius: inherit;
  max-width: var(--mj-content-max-width);
  width: 100%;
}
.mj-values__wrapper {
  vertical-align: top;
  position: relative;
  border-radius: inherit;
  max-width: var(--mj-content-max-width);
  width: 100%;
  --why-card-icon-size: 8em;
  @media (max-width: 736px) {
    --why-card-icon-size: 10em;
  }
  container: mj-values / inline-size;
}
.mj-hero__frame {
  backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  display: inline-block;
  vertical-align: top;
  transition: none;
  border-radius: 0px;
  @media (width > 46rem) {
    border-radius: var(--mj-media-radius);
  }
  overflow: hidden;
  width: 100%;
  max-width: none;
  max-height: none;
  height: auto !important;
  @media (width > 46rem) {
    width: var(--mj-desktop-image-width, 100vw);
    max-width: 100%;
    height: var(--mj-desktop-image-height) !important;
  }
}
.mj-services__frame {
  backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  display: inline-block;
  vertical-align: top;
  transition: none;
  border-radius: 0px;
  @media (width > 46rem) {
    border-radius: var(--mj-media-radius);
  }
  overflow: hidden;
  width: 100%;
  max-width: none;
  max-height: none;
  height: auto !important;
  @media (width > 46rem) {
    width: var(--mj-desktop-image-width, 100vw);
    max-width: 100%;
    height: var(--mj-desktop-image-height) !important;
  }
  @media (37.5rem <= width <= 48rem) {
    width: 100%;
    border-radius: 0px;
    height: auto !important;
  }
}
.mj-contact__frame {
  backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  display: inline-block;
  vertical-align: top;
  transition: none;
  border-radius: 0px;
  @media (width > 46rem) {
    border-radius: var(--mj-media-radius);
  }
  overflow: hidden;
  width: 100%;
  max-width: none;
  max-height: none;
  height: auto !important;
  @media (width > 46rem) {
    width: var(--mj-desktop-image-width, 100vw);
    max-width: 100%;
    height: var(--mj-desktop-image-height) !important;
  }
}
.mj-contact__area-lines,
.mj-contact__hours-lines {
  display: block;
  position: relative;
}
.mj-header__lines,
.mj-contact__phone-lines {
  -webkit-text-fill-color: currentcolor;
}
.mj-hero__photo,
.mj-contact__photo {
  max-width: 100%;
  vertical-align: top;
  object-position: center center;
  transition: none;
  border-radius: 0px;
  @media (width > 46rem) {
    border-radius: var(--mj-media-radius);
  }
  display: block;
  max-height: none;
  object-fit: contain;
  width: 100% !important;
  height: auto !important;
  @media (width > 46rem) {
    height: 100% !important;
    object-fit: cover;
  }
}
.mj-services__photo {
  max-width: 100%;
  vertical-align: top;
  object-position: center center;
  transition: none;
  border-radius: 0px;
  @media (width > 46rem) {
    border-radius: var(--mj-media-radius);
  }
  display: block;
  max-height: none;
  object-fit: contain;
  width: 100% !important;
  height: auto !important;
  @media (width > 46rem) {
    height: 100% !important;
    object-fit: cover;
  }
  @media (37.5rem <= width <= 48rem) {
    object-fit: contain;
    border-radius: 0px;
    height: auto !important;
  }
}
.mj-header__inner {
  vertical-align: top;
  position: relative;
  max-width: 100%;
  border-radius: inherit;
  text-align: var(--alignment);
  --gutters: calc(1.5rem * var(--mj-desktop-scale));
  --padding-vertical: calc(2rem * var(--mj-desktop-scale));
  --spacing: calc(0.5rem * var(--mj-desktop-scale));
  padding: var(--padding-vertical) var(--padding-horizontal);
  @media (max-width: 480px) {
    --spacing: calc(0.4375rem * var(--mj-desktop-scale));
  }
  @media (max-width: 360px) {
    --gutters: calc(1.125rem * var(--mj-desktop-scale));
    --padding-vertical: calc(1.5rem * var(--mj-desktop-scale));
    --spacing: calc(0.375rem * var(--mj-desktop-scale));
  }
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  --padding-horizontal: var(--mj-layout-gutter);
  padding-block: var(--mj-section-space);
}
.mj-hero-heading__inner {
  vertical-align: top;
  position: relative;
  max-width: 100%;
  border-radius: inherit;
  text-align: var(--alignment);
  --gutters: calc(1.125rem * var(--mj-desktop-scale));
  --padding-vertical: calc(0.25rem * var(--mj-desktop-scale));
  --spacing: calc(0.375rem * var(--mj-desktop-scale));
  padding: var(--padding-vertical) var(--padding-horizontal);
  @media (max-width: 480px) {
    --spacing: calc(0.328125rem * var(--mj-desktop-scale));
  }
  @media (max-width: 360px) {
    --gutters: calc(0.84375rem * var(--mj-desktop-scale));
    --padding-vertical: calc(0.1875rem * var(--mj-desktop-scale));
    --spacing: calc(0.28125rem * var(--mj-desktop-scale));
  }
  --padding-horizontal: var(--mj-layout-gutter);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  @media (width > 46rem) {
    padding-bottom: calc(1.75rem * var(--mj-desktop-scale));
  }
  padding-block: var(--mj-section-heading-gap);
}
.mj-hero-content__inner {
  vertical-align: top;
  position: relative;
  max-width: 100%;
  border-radius: inherit;
  text-align: var(--alignment);
  --gutters: calc(1.5rem * var(--mj-desktop-scale));
  --padding-vertical: calc(1.5rem * var(--mj-desktop-scale));
  --spacing: calc(0.5rem * var(--mj-desktop-scale));
  padding: var(--padding-vertical) var(--padding-horizontal);
  @media (max-width: 480px) {
    --spacing: calc(0.4375rem * var(--mj-desktop-scale));
  }
  @media (max-width: 360px) {
    --gutters: calc(1.125rem * var(--mj-desktop-scale));
    --padding-vertical: calc(1.125rem * var(--mj-desktop-scale));
    --spacing: calc(0.375rem * var(--mj-desktop-scale));
  }
  --padding-horizontal: var(--mj-layout-gutter);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  @media (max-width: 736px) {
    flex-flow: column !important;
  }
  padding-block: 0px;
  @media (width > 46rem) {
    padding-block: 0 var(--mj-section-space);
  }
}
.mj-services__inner {
  vertical-align: top;
  position: relative;
  max-width: 100%;
  border-radius: inherit;
  text-align: var(--alignment);
  --gutters: calc(0.5rem * var(--mj-desktop-scale));
  --padding-vertical: calc(0rem * var(--mj-desktop-scale));
  --spacing: calc(0.5rem * var(--mj-desktop-scale));
  padding: var(--padding-vertical) var(--padding-horizontal);
  @media (max-width: 480px) {
    --spacing: calc(0.4375rem * var(--mj-desktop-scale));
  }
  @media (max-width: 360px) {
    --gutters: calc(0.375rem * var(--mj-desktop-scale));
    --spacing: calc(0.375rem * var(--mj-desktop-scale));
  }
  --padding-horizontal: var(--mj-layout-gutter);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  @media (max-width: 736px) {
    flex-flow: column !important;
  }
  @media (width > 46rem) {
    display: grid;
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1.5fr);
    gap: calc(clamp(0.75rem, 1.5vw, 1.25rem) * var(--mj-desktop-scale));
    align-items: center;
  }
  padding-block: 0px;
  @media (width > 46rem) {
    padding-bottom: var(--mj-section-space);
  }
  @media (37.5rem <= width <= 48rem) {
    display: grid;
    grid-template-columns: minmax(0px, 1fr);
    gap: 0px;
    padding-block: 0 var(--mj-section-space);
  }
  @media (width > 48rem) {
    padding-bottom: var(--mj-section-heading-gap);
  }
}
.mj-pricing-heading__inner {
  vertical-align: top;
  position: relative;
  max-width: 100%;
  border-radius: inherit;
  text-align: var(--alignment);
  --gutters: calc(0.5rem * var(--mj-desktop-scale));
  --spacing: calc(0.5rem * var(--mj-desktop-scale));
  padding: var(--padding-vertical) var(--padding-horizontal);
  @media (max-width: 480px) {
    --spacing: calc(0.4375rem * var(--mj-desktop-scale));
  }
  @media (max-width: 360px) {
    --gutters: calc(0.375rem * var(--mj-desktop-scale));
    --spacing: calc(0.375rem * var(--mj-desktop-scale));
  }
  --padding-horizontal: var(--mj-layout-gutter);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  padding-block: var(--mj-section-heading-gap);
}
.mj-callout__inner {
  vertical-align: top;
  position: relative;
  max-width: 100%;
  border-radius: inherit;
  text-align: var(--alignment);
  --gutters: calc(0.5rem * var(--mj-desktop-scale));
  --padding-vertical: calc(1rem * var(--mj-desktop-scale));
  --spacing: calc(0.5rem * var(--mj-desktop-scale));
  padding: var(--padding-vertical) var(--padding-horizontal);
  @media (max-width: 480px) {
    --spacing: calc(0.4375rem * var(--mj-desktop-scale));
  }
  @media (max-width: 360px) {
    --gutters: calc(0.375rem * var(--mj-desktop-scale));
    --padding-vertical: calc(0.75rem * var(--mj-desktop-scale));
    --spacing: calc(0.375rem * var(--mj-desktop-scale));
  }
  --padding-horizontal: var(--mj-layout-gutter);
  padding-block: var(--mj-section-heading-gap);
}
.mj-values__inner {
  vertical-align: top;
  position: relative;
  max-width: 100%;
  border-radius: inherit;
  text-align: var(--alignment);
  --gutters: calc(1rem * var(--mj-desktop-scale));
  --padding-vertical: calc(2.5rem * var(--mj-desktop-scale));
  --spacing: calc(0.5rem * var(--mj-desktop-scale));
  padding: var(--padding-vertical) var(--padding-horizontal);
  @media (max-width: 480px) {
    --spacing: calc(0.4375rem * var(--mj-desktop-scale));
  }
  @media (max-width: 360px) {
    --gutters: calc(0.75rem * var(--mj-desktop-scale));
    --padding-vertical: calc(1.875rem * var(--mj-desktop-scale));
    --spacing: calc(0.375rem * var(--mj-desktop-scale));
  }
  flex-wrap: wrap;
  display: flex;
  align-items: flex-start;
  @media (max-width: 736px) {
    flex-flow: column !important;
  }
  @media (width < 48rem) {
    @container mj-values (36rem <= width < 60rem) {
      display: grid;
      grid-template-columns: minmax(0px, 1fr);
      gap: calc(clamp(1.5rem, 4cqw, 2.5rem) * var(--mj-desktop-scale));
    }
  }
  --padding-horizontal: var(--mj-layout-gutter);
  padding-block: var(--mj-section-heading-gap);
}
.mj-contact__inner {
  vertical-align: top;
  position: relative;
  max-width: 100%;
  border-radius: inherit;
  text-align: var(--alignment);
  --gutters: calc(1rem * var(--mj-desktop-scale));
  --padding-vertical: calc(2.5rem * var(--mj-desktop-scale));
  --spacing: calc(1.375rem * var(--mj-desktop-scale));
  padding: var(--padding-vertical) var(--padding-horizontal);
  @media (max-width: 480px) {
    --spacing: calc(1.203125rem * var(--mj-desktop-scale));
  }
  @media (max-width: 360px) {
    --gutters: calc(0.75rem * var(--mj-desktop-scale));
    --padding-vertical: calc(1.875rem * var(--mj-desktop-scale));
    --spacing: calc(1.03125rem * var(--mj-desktop-scale));
  }
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  @media (max-width: 736px) {
    flex-flow: column !important;
  }
  --padding-horizontal: var(--mj-layout-gutter);
  padding-block: 0px;
  @media (width > 46rem) {
    padding-block: var(--mj-section-space);
  }
}
.mj-hero__image-column,
.mj-contact__map-column {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 100%;
  text-align: var(--alignment);
  padding: 0 0 0 var(--gutters);
  @media (max-width: 736px) {
    padding: calc(var(--gutters) * 0.5) 0 !important;
  }
  width: calc(50% + (var(--gutters) / 2));
  @media (max-width: 736px) {
    min-height: 100% !important;
    width: 100% !important;
  }
  margin-left: calc(var(--gutters) * -1);
  @media (max-width: 736px) {
    margin-left: 0px !important;
    padding-top: 0px !important;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0px !important;
  }
  padding-block-start: calc(var(--padding-vertical) + var(--gutters) * 0.5) !important;
  @media (width > 46rem) {
    padding-block-start: 0px !important;
  }
  padding-block: 0px !important;
}
.mj-hero__benefits-column {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 100%;
  text-align: var(--alignment);
  padding: 0 0 0 var(--gutters);
  @media (max-width: 736px) {
    padding: calc(var(--gutters) * 0.5) 0 !important;
  }
  width: calc(50% + (var(--gutters) / 2));
  --alignment: center;
  @media (max-width: 736px) {
    min-height: 100% !important;
    width: 100% !important;
    padding-bottom: 0px !important;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-right-radius: 0px !important;
  }
  padding-block: var(--mj-section-space) !important;
  @media (width > 46rem) {
    padding-block: 0px !important;
  }
}
.mj-services__list-column {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 100%;
  text-align: var(--alignment);
  padding: 0 0 0 var(--gutters);
  @media (max-width: 736px) {
    padding: calc(var(--gutters) * 0.5) 0 !important;
  }
  width: calc(50% + (var(--gutters) / 2));
  @media (max-width: 736px) {
    min-height: 100% !important;
    width: 100% !important;
  }
  @media (width > 46rem) {
    min-width: 0px;
    width: auto !important;
    margin: 0px !important;
    padding: 0px !important;
  }
  margin-left: calc(var(--gutters) * -1);
  @media (max-width: 736px) {
    margin-left: 0px !important;
  }
  order: 2;
  padding-top: calc(var(--gutters) * 0.5) !important;
  padding-bottom: 0px !important;
  @media (width > 46rem) {
    order: 0;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  @media (max-width: 736px) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0px !important;
  }
  padding-block: var(--mj-group-space) var(--mj-section-space) !important;
  @media (width > 46rem) {
    padding-block: 0px !important;
    grid-area: 1 / 1 / auto / 3;
  }
  @media (37.5rem <= width <= 48rem) {
    grid-area: 2 / 1;
    order: 2;
    padding-block: var(--mj-group-space) 0 !important;
  }
}
.mj-services__image-column {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 100%;
  text-align: var(--alignment);
  padding: 0 0 0 var(--gutters);
  @media (max-width: 736px) {
    padding: calc(var(--gutters) * 0.5) 0 !important;
  }
  width: calc(50% + (var(--gutters) / 2));
  @media (max-width: 736px) {
    min-height: 100% !important;
    width: 100% !important;
  }
  @media (width > 46rem) {
    min-width: 0px;
    width: auto !important;
    margin: 0px !important;
    padding: 0px !important;
  }
  order: 1;
  padding-top: 0px !important;
  padding-bottom: calc(var(--gutters) * 0.5) !important;
  @media (width > 46rem) {
    order: 0;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  @media (max-width: 736px) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-right-radius: 0px !important;
  }
  padding-block-start: calc(var(--padding-vertical) + var(--gutters) * 0.5) !important;
  @media (width > 46rem) {
    padding-block-start: 0px !important;
  }
  padding-block: 0px !important;
  @media (width > 46rem) {
    grid-area: 1 / 3;
  }
  @media (37.5rem <= width <= 48rem) {
    grid-area: 1 / 1;
    order: 1;
    padding-block: 0px !important;
  }
}
.mj-values__card--mission {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 100%;
  text-align: var(--alignment);
  padding: 0 0 0 var(--gutters);
  @media (max-width: 736px) {
    padding: calc(var(--gutters) * 0.5) 0 !important;
  }
  width: calc(33.33333% + (var(--gutters) / 3));
  @media (max-width: 736px) {
    min-height: 100% !important;
    width: 100% !important;
  }
  @media (width < 48rem) {
    @container mj-values (36rem <= width < 60rem) {
      --alignment: left;
      display: grid;
      grid-template-columns: calc(8rem * var(--mj-desktop-scale)) minmax(0px, 1fr);
      grid-template-rows: auto auto;
      gap: calc(0.5rem * var(--mj-desktop-scale))
        clamp(calc(1rem * var(--mj-desktop-scale)), 3cqw, calc(2rem * var(--mj-desktop-scale)));
      align-items: center;
      text-align: left;
      width: 100% !important;
      min-height: 0px !important;
      margin: 0px !important;
      padding: 0px !important;
    }
  }
  margin-left: calc(var(--gutters) * -1);
  @media (max-width: 736px) {
    margin-left: 0px !important;
    padding-top: 0px !important;
  }
  border-top-left-radius: inherit;
  @media (max-width: 736px) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0px !important;
  }
}
.mj-values__card--safety {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 100%;
  text-align: var(--alignment);
  padding: 0 0 0 var(--gutters);
  @media (max-width: 736px) {
    padding: calc(var(--gutters) * 0.5) 0 !important;
  }
  width: calc(33.33333% + (var(--gutters) / 3));
  --alignment: center;
  @media (max-width: 736px) {
    min-height: 100% !important;
    width: 100% !important;
  }
  @media (width < 48rem) {
    @container mj-values (36rem <= width < 60rem) {
      --alignment: left;
      display: grid;
      grid-template-columns: calc(8rem * var(--mj-desktop-scale)) minmax(0px, 1fr);
      grid-template-rows: auto auto;
      gap: calc(0.5rem * var(--mj-desktop-scale))
        clamp(calc(1rem * var(--mj-desktop-scale)), 3cqw, calc(2rem * var(--mj-desktop-scale)));
      align-items: center;
      text-align: left;
      width: 100% !important;
      min-height: 0px !important;
      margin: 0px !important;
      padding: 0px !important;
    }
  }
}
.mj-values__card--time {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 100%;
  text-align: var(--alignment);
  padding: 0 0 0 var(--gutters);
  @media (max-width: 736px) {
    padding: calc(var(--gutters) * 0.5) 0 !important;
  }
  width: calc(33.33333% + (var(--gutters) / 3));
  @media (max-width: 736px) {
    min-height: 100% !important;
    width: 100% !important;
  }
  @media (width < 48rem) {
    @container mj-values (36rem <= width < 60rem) {
      --alignment: left;
      display: grid;
      grid-template-columns: calc(8rem * var(--mj-desktop-scale)) minmax(0px, 1fr);
      grid-template-rows: auto auto;
      gap: calc(0.5rem * var(--mj-desktop-scale))
        clamp(calc(1rem * var(--mj-desktop-scale)), 3cqw, calc(2rem * var(--mj-desktop-scale)));
      align-items: center;
      text-align: left;
      width: 100% !important;
      min-height: 0px !important;
      margin: 0px !important;
      padding: 0px !important;
    }
  }
  @media (max-width: 736px) {
    padding-bottom: 0px !important;
  }
  border-top-right-radius: inherit;
  @media (max-width: 736px) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-right-radius: 0px !important;
  }
}
.mj-values__mission-icon,
.mj-values__safety-icon,
.mj-values__time-icon {
  margin-bottom: var(--spacing);
  margin-top: 0px !important;
  @media (width < 48rem) {
    @container mj-values (36rem <= width < 60rem) {
      grid-area: 1 / 1 / 3;
      justify-self: start;
      width: 100%;
      line-height: 0;
      margin: 0px !important;
    }
  }
}
.mj-contact__details {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 100%;
  text-align: var(--alignment);
  padding: 0 0 0 var(--gutters);
  @media (max-width: 736px) {
    padding: calc(var(--gutters) * 0.5) 0 !important;
  }
  width: calc(50% + (var(--gutters) / 2));
  @media (max-width: 736px) {
    min-height: 100% !important;
    width: 100% !important;
    padding-bottom: 0px !important;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-right-radius: 0px !important;
  }
  padding-block: var(--mj-section-space) !important;
  @media (width > 46rem) {
    padding-block: 0px !important;
  }
}