/* Source: services/cnc-machining-service/xmake-service-buttons.css */
:root {
  --xmake-button-primary-height: 50px;
  --xmake-button-header-height: 45px;
  --xmake-button-small-height: 44px;
}

#mktcontent-container :is(
  .quotation,
  .contact,
  .xmake-cap-cta,
  .xmake-quote-flow-btn,
  .xmake-tol-cta,
  .xmake-sf-cta-link,
  .xmake-ind-cta,
  .xmake-resource-cta
) {
  min-height: var(--xmake-button-primary-height);
  padding-right: 24px;
  padding-left: 24px;
  border-radius: 0;
  font-family: var(--xmake-font-sans);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  transition: color 0.2s ease, background-color 0.2s ease,
    border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

#mktcontent-container :is(.quotation, .xmake-quote-flow-btn.primary) {
  color: #fff;
  background: var(--xmake-color-brand);
  border: 1px solid var(--xmake-color-brand);
}

#mktcontent-container :is(
  .quotation,
  .contact,
  .xmake-cap-cta,
  .xmake-quote-flow-btn,
  .xmake-tol-cta,
  .xmake-sf-cta-link,
  .xmake-ind-cta,
  .xmake-resource-cta
):hover {
  color: #fff;
  background: var(--xmake-color-dark);
  border-color: var(--xmake-color-dark);
  transform: translateY(-2px);
}

#mktcontent-container :is(
  .quotation,
  .contact,
  .xmake-cap-cta,
  .xmake-quote-flow-btn,
  .xmake-tol-cta,
  .xmake-sf-cta-link,
  .xmake-ind-cta,
  .xmake-resource-cta
):focus-visible{
  outline: var(--xmake-focus-ring);
  outline-offset: 3px;
}




@media (max-width: 768px) {
  #mktcontent-container :is(
    .main-banner .quotation,
    .main-banner .contact,
    .xmake-quote-flow-actions .xmake-quote-flow-btn
  ) {
    width: 100%;
  }
}











/* Source: services/cnc-machining-service/xmake-service-tokens.css */
:root {
  --xmake-font-sans: "Roboto", "Arial", "Helvetica", sans-serif;
  --xmake-color-brand: #ea543f;
  --xmake-color-ink: #202124;
  --xmake-color-muted: #62666d;
  --xmake-color-line: #e1e3e6;
  --xmake-color-dark: #111216;
  --xmake-content-max: 1200px;
  --xmake-page-gutter-desktop: 50px;
  --xmake-page-gutter-tablet: 24px;
  --xmake-page-gutter-mobile: 20px;
  --xmake-section-space-desktop: 92px;
  --xmake-section-space-tablet: 72px;
  --xmake-section-space-mobile: 56px;
  --xmake-focus-ring: 3px solid rgba(234, 84, 63, 0.35);
}

#mktcontent-container,
.cnc-drilling-page,
.wire-edm-page {
  font-family: var(--xmake-font-sans);
  color: var(--xmake-color-ink);
}

#mktcontent-container h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.15;
}

#mktcontent-container h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.22;
}

#mktcontent-container h3 {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.35;
}

#mktcontent-container h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

#mktcontent-container p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

@media (max-width: 1100px) {
  #mktcontent-container h1 { font-size: 42px; }
  #mktcontent-container h2 { font-size: 32px; }
}

@media (max-width: 768px) {
  #mktcontent-container h1 { font-size: 36px; }
  #mktcontent-container h2 { font-size: 30px; }
  #mktcontent-container h3 { font-size: 20px; }

  #mktcontent-container > .main-banner,
  #mktcontent-container > section,
  #mktcontent-container > .banner,
  #mktcontent-container > .foot-banner {
    --xmake-local-gutter: var(--xmake-page-gutter-mobile);
  }

  #mktcontent-container img,
  #mktcontent-container video,
  #mktcontent-container canvas,
  #mktcontent-container svg {
    max-width: 100%;
  }

  #mktcontent-container table {
    max-width: 100%;
  }
}
