html {
  overflow-x: clip;
}

*, *::before, *::after {
  box-sizing: border-box;
}

img, video, iframe {
  max-width: 100%;
  height: auto;
}

button, input, select, textarea {
  max-width: 100%;
}

button, [role="button"], input[type="submit"], .btn, .pxl-button, .elementor-button {
  min-height: 44px;
}

.table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table {
  max-width: 100%;
}

.xmai-status-page {
  min-height: 65vh;
  display: grid;
  place-items: center;
  padding: clamp(4rem, 10vw, 8rem) 1.25rem;
  text-align: center;
}

.xmai-status-page__inner {
  width: min(700px, 100%);
}

.xmai-status-page h1 {
  font-size: clamp(2.25rem, 7vw, 4.5rem);
  margin: 0 0 1rem;
}

.xmai-status-page__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 2rem;
}

.xmai-status-page__actions a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.35rem;
  background: #0f3d2e;
  color: #fff;
  text-decoration: none;
}

@media (max-width: 767px) {
  body {
    overflow-wrap: anywhere;
  }

  .elementor-container, .elementor-row, .elementor-column, .elementor-widget-wrap {
    min-width: 0;
  }
}

.how-it-works-video-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: inherit;
  aspect-ratio: 16 / 9;
  background: #eef1f5;
}

.how-it-works-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  pointer-events: none;
}

.xmai-advantage-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  font-size: inherit;
  line-height: 1;
}

.pxl-image-single .pxl-item--bg > .xmai-factory-image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.elementor-element-2a1cad93 .pxl-icon-list > span {
  color: #fec42c;
}

.pxl-scroll-top {
  padding: 0;
  border: 0;
  cursor: pointer;
}

/*
 * Semantic heading corrections on the homepage.
 * These values mirror the pre-change computed typography so changing the HTML
 * outline cannot alter the design at desktop or mobile breakpoints.
 */
.home .xmai-trust-item-title,
.home .xmai-advantage-title {
  display: block;
  margin: 0 0 10px;
  font-family: inherit;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.home .xmai-how-step-title {
  display: block;
  margin: 0;
  font: inherit;
  line-height: inherit;
}

.home .xmai-case-title {
  display: block;
  margin: 0;
  font-family: inherit;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.home .xmai-faq-title {
  display: flex;
  margin: 0;
  font-family: inherit;
  font-size: 17px;
  font-weight: 600;
  line-height: 32.3px;
}

.home .xmai-testimonial-summary {
  display: block;
  margin: 0 0 24px;
  font-family: inherit;
  font-size: 23px;
  font-weight: 600;
  line-height: 34.5px;
}

.home .xmai-quote-form-title {
  display: block;
  margin: 0 0 10px;
  font-family: inherit;
  font-size: 26px;
  font-weight: 600;
  line-height: 39px;
}

.xmai-footer-heading,
.xmai-panel-heading {
  display: block;
  margin: 0;
  padding: 0;
  font-family: Urbanist, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: normal;
}

.page-id-160 .xmai-faq-category-title {
  display: inline;
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.page-id-160 .xmai-faq-page-question {
  display: flex;
  margin: 0;
  font-family: inherit;
  font-size: 17px;
  font-weight: 600;
  line-height: 32.3px;
  letter-spacing: normal;
}

.blog #pxl-content-main article .pxl-content > .pxl-item--title {
  display: -webkit-box;
  margin: 0 0 15px;
  padding: 0;
  color: #10244b;
  font-family: Urbanist, Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 39px;
  letter-spacing: normal;
}

.blog #pxl-sidebar-area .widget_pxl_recent_posts .pxl-item--title {
  display: flow-root;
  margin: 0;
  padding: 0;
  color: #10244b;
  font-family: Urbanist, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: normal;
}

.home .xmai-footer-heading {
  display: block;
  margin: 0;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 28.8px;
}

@media (max-width: 767px) {
  .home .xmai-case-title {
    font-size: 18px;
    line-height: 28.8px;
  }
}

/*
 * Products-page semantic elements retain the exact typography and spacing of
 * the theme widgets whose original heading/div tags they replace.
 */
.page-id-3443 .xmai-product-title-link {
  color: inherit;
  text-decoration: none;
}

.page-id-3443 .xmai-product-title-link:hover,
.page-id-3443 .xmai-product-title-link:focus-visible {
  color: inherit;
  text-decoration: underline;
}

.page-id-3443 .xmai-product-features {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #4d4d4d;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
}

.page-id-3443 .xmai-product-features li {
  position: relative;
  margin: 0 0 6px;
  padding-left: 16px;
}

.page-id-3443 .xmai-product-features li:last-child {
  margin-bottom: 0;
}

.page-id-3443 .xmai-product-features li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
}

.page-id-3443 .xmai-product-rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  line-height: 1;
}

.page-id-3443 .xmai-product-stars {
  color: #fec42c;
}

.page-id-3443 .xmai-product-rating-text {
  color: #111;
}

.page-id-3443 .xmai-product-price {
  display: block;
  margin: 0;
  font-family: inherit;
}

.page-id-3443 .xmai-product-price .pxl-item--subtext {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}

.page-id-3443 .xmai-product-price-note {
  display: block;
  margin: 0;
  color: #000a5b;
  font-family: inherit;
  font-size: 13px;
  font-style: italic;
  font-weight: 100;
  line-height: 19.5px;
}

.page-id-3443 .xmai-faq-title {
  display: flex;
  margin: 0;
  font-family: inherit;
  font-size: 17px;
  font-weight: 600;
  line-height: 32.3px;
}

.page-id-3443 .xmai-request-quote-title {
  display: block;
  margin: 0 0 10px;
  font-family: inherit;
  font-size: 26px;
  font-weight: 600;
  line-height: 39px;
}

.page-id-3443 .xmai-footer-heading,
.page-id-3443 .xmai-panel-heading {
  display: block;
  margin: 0;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 28.8px;
}

.page-id-3443 .xmai-contact-link {
  color: inherit;
  text-decoration: none;
}

.page-id-3443 .xmai-contact-link:hover,
.page-id-3443 .xmai-contact-link:focus-visible {
  text-decoration: underline;
}

.page-id-3443 .pxl-hidden-panel-button,
.page-id-3443 .pxl-item--overlay,
.page-id-3443 .pxl-item--close,
.page-id-3443 .pxl-menu-close,
.page-id-3443 .pxl-nav-mobile-button {
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}

/* Keep the semantic button's 44px hit area while restoring the compact menu glyph. */
.page-id-3443 .pxl-hidden-panel-button {
  min-width: 24px;
  min-height: 44px;
}

.page-id-3443 .pxl-hidden-panel-button > .pxl-button-sidebar {
  width: 24px;
  height: 12px;
  flex: 0 0 24px;
  align-self: center;
}

.page-id-3443 :is(
  .pxl-hidden-panel-button,
  .pxl-item--overlay,
  .pxl-item--close,
  .pxl-menu-close,
  .pxl-nav-mobile-button,
  .xmai-faq-title,
  .xmai-product-title-link,
  .xmai-contact-link,
  .pxl-icon-list a
):focus-visible {
  outline: 3px solid #fec42c;
  outline-offset: 3px;
}

/* Keep the three About Us shopping steps aligned from the image edge. */
.page-id-156 .elementor-element.elementor-element-50b645c {
  --align-items: start;
  align-items: start;
}

/* Preserve the six Core 425 benefit titles after changing h4 to p. */
.elementor-3916 .elementor-element:is(
  .elementor-element-704fd35,
  .elementor-element-5d861894,
  .elementor-element-352eb586,
  .elementor-element-2d37b0e8,
  .elementor-element-2c8f0781,
  .elementor-element-2e989f49
) .pxl-item-title {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-family: Urbanist, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: normal;
}

/* Keep the shared How It Works title visually identical after h3 -> h2
   on the product pages that use the semantic override. */
.page-id-3916 .elementor-5303 .elementor-element.elementor-element-c1092e8
    .pxl-item--title,
.page-id-3921 .elementor-5303 .elementor-element.elementor-element-c1092e8
    .pxl-item--title,
.page-id-3926 .elementor-5303 .elementor-element.elementor-element-c1092e8
    .pxl-item--title,
.page-id-3931 .elementor-5303 .elementor-element.elementor-element-c1092e8
    .pxl-item--title {
  line-height: 1.5;
  letter-spacing: normal;
}

/* Preserve the six Ultra Max 1500 benefit titles after changing h4 to p. */
.elementor-3931 .elementor-element:is(
  .elementor-element-400c44c,
  .elementor-element-230dfc5,
  .elementor-element-7617d8c,
  .elementor-element-d3ef17b,
  .elementor-element-578a3a5,
  .elementor-element-64d02ee
) .pxl-item-title {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  color: #000a5b;
  font-family: Urbanist, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: normal;
}

/* Preserve the six Ultra 1100 benefit titles after changing h4 to p. */
.elementor-3926 .elementor-element:is(
  .elementor-element-1e2969c,
  .elementor-element-783e4b2,
  .elementor-element-3a75a16,
  .elementor-element-06af755,
  .elementor-element-5096e79,
  .elementor-element-00e7903
) .pxl-item-title {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  color: #000a5b;
  font-family: Urbanist, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: normal;
}

/* Preserve the six Max 680 benefit titles after changing h4 to p. */
.elementor-3921 .elementor-element:is(
  .elementor-element-c434e97,
  .elementor-element-d127007,
  .elementor-element-4977e8e,
  .elementor-element-2c4277a,
  .elementor-element-6766846,
  .elementor-element-774319c
) .pxl-item-title {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  color: #000a5b;
  font-family: Urbanist, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: normal;
}
