.elementor-5904 .elementor-element.elementor-element-11e92e9{--display:flex;--min-height:280px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.68;--margin-top:-39px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-5904 .elementor-element.elementor-element-11e92e9:not(.elementor-motion-effects-element-type-background), .elementor-5904 .elementor-element.elementor-element-11e92e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fsxchemical.com/wp-content/uploads/2026/07/fsx-application-hero-technical-consultation-lab-review-1920x600-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5904 .elementor-element.elementor-element-11e92e9::before, .elementor-5904 .elementor-element.elementor-element-11e92e9 > .elementor-background-video-container::before, .elementor-5904 .elementor-element.elementor-element-11e92e9 > .e-con-inner > .elementor-background-video-container::before, .elementor-5904 .elementor-element.elementor-element-11e92e9 > .elementor-background-slideshow::before, .elementor-5904 .elementor-element.elementor-element-11e92e9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5904 .elementor-element.elementor-element-11e92e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1E336D;--background-overlay:'';}.elementor-5904 .elementor-element.elementor-element-5489401{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5904 .elementor-element.elementor-element-655d079{text-align:center;}.elementor-5904 .elementor-element.elementor-element-655d079 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:800;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-5904 .elementor-element.elementor-element-c4b2227{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;}.elementor-5904 .elementor-element.elementor-element-c4b2227 .wd-text-block{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-5904 .elementor-element.elementor-element-9ff80c8{width:auto;max-width:auto;}.elementor-5904 .elementor-element.elementor-element-9ff80c8 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-5904 .elementor-element.elementor-element-9ff80c8 .wd-breadcrumbs{--wd-link-color:#000000;--wd-bcrumb-color-active:#000000;--wd-bcrumb-delim-color:#000000;}.elementor-5904 .elementor-element.elementor-element-535d03f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-5904 .elementor-element.elementor-element-535d03f:not(.elementor-motion-effects-element-type-background), .elementor-5904 .elementor-element.elementor-element-535d03f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5904 .elementor-element.elementor-element-0536d86{padding:0px 0px 0px 0px;}.elementor-5904 .elementor-element.elementor-element-38b44f8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-5904 .elementor-element.elementor-element-38b44f8:not(.elementor-motion-effects-element-type-background), .elementor-5904 .elementor-element.elementor-element-38b44f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5904 .elementor-element.elementor-element-c3b612b{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-5904 .elementor-element.elementor-element-11e92e9{--min-height:320px;--margin-top:-39px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-5904 .elementor-element.elementor-element-11e92e9:not(.elementor-motion-effects-element-type-background), .elementor-5904 .elementor-element.elementor-element-11e92e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:0px auto;}.elementor-5904 .elementor-element.elementor-element-535d03f{--margin-top:-39px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-5904 .elementor-element.elementor-element-38b44f8{--margin-top:-39px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-5904 .elementor-element.elementor-element-11e92e9{--min-height:220px;--margin-top:-39px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5904 .elementor-element.elementor-element-655d079 .elementor-heading-title{font-size:25px;}.elementor-5904 .elementor-element.elementor-element-9ff80c8{width:100%;max-width:100%;}.elementor-5904 .elementor-element.elementor-element-535d03f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5904 .elementor-element.elementor-element-38b44f8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-11e92e9 *//* =====================================================
   FSX PRODUCT BANNER — STYLE ONLY
   不控制高度、不控制上下间距
   高度、Padding、Margin 全部交给 Elementor
===================================================== */

/* ---------- Banner background ---------- */
.elementor-5904 .elementor-element.elementor-element-11e92e9 {
  position: relative;
  isolation: isolate;

  width: 100%;
  box-sizing: border-box;

  background-color: #14244F;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* ---------- Main dark overlay ---------- */
.elementor-5904 .elementor-element.elementor-element-11e92e9::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background:
    linear-gradient(
      90deg,
      rgba(20, 36, 79, 0.80) 0%,
      rgba(20, 36, 79, 0.64) 45%,
      rgba(20, 36, 79, 0.50) 100%
    );

  pointer-events: none;
}

/* ---------- Bottom readability gradient ---------- */
.elementor-5904 .elementor-element.elementor-element-11e92e9::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 34%;
  z-index: 0;

  background:
    linear-gradient(
      180deg,
      rgba(20, 36, 79, 0) 0%,
      rgba(20, 36, 79, 0.34) 100%
    );

  pointer-events: none;
}

/* ---------- Keep content above overlays ---------- */
.elementor-5904 .elementor-element.elementor-element-11e92e9 > .e-con,
.elementor-5904 .elementor-element.elementor-element-11e92e9 > .e-con-inner,
.elementor-5904 .elementor-element.elementor-element-11e92e9 > .elementor-element,
.elementor-5904 .elementor-element.elementor-element-11e92e9 .e-con-boxed > .e-con-inner {
  position: relative;
  z-index: 2;
}

/* ---------- Content width only ---------- */
.elementor-5904 .elementor-element.elementor-element-11e92e9 > .e-con-inner,
.elementor-5904 .elementor-element.elementor-element-11e92e9 .e-con-boxed > .e-con-inner {
  width: 100%;
  max-width: 1600px !important;

  margin-left: auto;
  margin-right: auto;

  box-sizing: border-box;
}

/* ---------- Banner title ---------- */
.elementor-5904 .elementor-element.elementor-element-11e92e9 .elementor-heading-title {
  max-width: 1000px;
  margin-left: auto !important;
  margin-right: auto !important;

  color: #FFFFFF !important;

  font-size: 38px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.7px !important;

  text-align: center;
  overflow-wrap: anywhere;

  text-shadow:
    0 10px 28px rgba(0, 0, 0, 0.24);
}

/* ---------- Subtitle ---------- */
.elementor-5904 .elementor-element.elementor-element-11e92e9 .elementor-widget-text-editor {
  max-width: 780px;

  margin-left: auto !important;
  margin-right: auto !important;

  color: rgba(255, 255, 255, 0.88) !important;

  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;

  text-align: center;
}

.elementor-5904 .elementor-element.elementor-element-11e92e9 .elementor-widget-text-editor p {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* ---------- Breadcrumb ---------- */
.elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-el-breadcrumbs,
.elementor-5904 .elementor-element.elementor-element-11e92e9 .woocommerce-breadcrumb,
.elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-breadcrumbs {
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;

  color: rgba(255, 255, 255, 0.80) !important;

  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;

  text-align: center;
}

/* Breadcrumb links */
.elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-breadcrumbs a,
.elementor-5904 .elementor-element.elementor-element-11e92e9 .woocommerce-breadcrumb a {
  color: rgba(255, 255, 255, 0.90) !important;
  text-decoration: none !important;

  transition:
    color .18s ease,
    opacity .18s ease;
}

.elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-breadcrumbs a:hover,
.elementor-5904 .elementor-element.elementor-element-11e92e9 .woocommerce-breadcrumb a:hover {
  color: #00A3C4 !important;
}

/* Breadcrumb separators */
.elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-breadcrumbs .wd-delimiter,
.elementor-5904 .elementor-element.elementor-element-11e92e9 .woocommerce-breadcrumb .wd-delimiter {
  margin-left: 14px;
  margin-right: 14px;

  color: rgba(255, 255, 255, 0.52) !important;
}

/* Current item */
.elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-breadcrumbs .wd-last,
.elementor-5904 .elementor-element.elementor-element-11e92e9 .woocommerce-breadcrumb .wd-last {
  color: #00A3C4 !important;
  font-weight: 800 !important;
}

.elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-breadcrumbs span,
.elementor-5904 .elementor-element.elementor-element-11e92e9 .woocommerce-breadcrumb span {
  color: inherit;
}


/* =====================================================
   TABLET TYPOGRAPHY ONLY
===================================================== */

@media (max-width: 1024px) {
  .elementor-5904 .elementor-element.elementor-element-11e92e9 .elementor-heading-title {
    max-width: 860px;

    font-size: 34px !important;
    line-height: 1.13 !important;
    letter-spacing: -0.5px !important;
  }

  .elementor-5904 .elementor-element.elementor-element-11e92e9 .elementor-widget-text-editor {
    max-width: 700px;

    font-size: 15px !important;
    line-height: 1.56 !important;
  }

  .elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-el-breadcrumbs,
  .elementor-5904 .elementor-element.elementor-element-11e92e9 .woocommerce-breadcrumb,
  .elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-breadcrumbs {
    font-size: 13px !important;
  }
}


/* =====================================================
   MOBILE TYPOGRAPHY & OVERLAY ONLY
===================================================== */

@media (max-width: 767px) {
  .elementor-5904 .elementor-element.elementor-element-11e92e9 {
    background-position: center center !important;
  }

  .elementor-5904 .elementor-element.elementor-element-11e92e9::before {
    background:
      linear-gradient(
        180deg,
        rgba(20, 36, 79, 0.76) 0%,
        rgba(20, 36, 79, 0.66) 52%,
        rgba(20, 36, 79, 0.82) 100%
      );
  }

  .elementor-5904 .elementor-element.elementor-element-11e92e9::after {
    height: 42%;
  }

  .elementor-5904 .elementor-element.elementor-element-11e92e9 .elementor-heading-title {
    max-width: 100%;

    font-size: 28px !important;
    line-height: 1.14 !important;
    letter-spacing: -0.4px !important;
  }

  .elementor-5904 .elementor-element.elementor-element-11e92e9 .elementor-widget-text-editor {
    max-width: 100%;

    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-el-breadcrumbs,
  .elementor-5904 .elementor-element.elementor-element-11e92e9 .woocommerce-breadcrumb,
  .elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-breadcrumbs {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }

  .elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-breadcrumbs .wd-delimiter,
  .elementor-5904 .elementor-element.elementor-element-11e92e9 .woocommerce-breadcrumb .wd-delimiter {
    margin-left: 8px;
    margin-right: 8px;
  }
}


/* =====================================================
   SMALL MOBILE TYPOGRAPHY ONLY
===================================================== */

@media (max-width: 430px) {
  .elementor-5904 .elementor-element.elementor-element-11e92e9 .elementor-heading-title {
    font-size: 26px !important;
    line-height: 1.15 !important;
  }

  .elementor-5904 .elementor-element.elementor-element-11e92e9 .elementor-widget-text-editor {
    font-size: 13px !important;
  }

  .elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-el-breadcrumbs,
  .elementor-5904 .elementor-element.elementor-element-11e92e9 .woocommerce-breadcrumb,
  .elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-breadcrumbs {
    font-size: 12px !important;
  }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {
  .elementor-5904 .elementor-element.elementor-element-11e92e9 .wd-breadcrumbs a,
  .elementor-5904 .elementor-element.elementor-element-11e92e9 .woocommerce-breadcrumb a {
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0536d86 *//* ============================================================
   FSX CHEMICAL SERVICE OVERVIEW PAGE
   MODULE 02 — PRE-SALES & AFTER-SALES SUPPORT
   Version: fsx-service-support-v4
   Purpose:
   - Pure support overview module
   - No routing / no CTA in this module
   - Two clear cards: before order / after delivery
   - Image-top + content-bottom structure
   - Taller 4:3 image area
   - Includes local hover / active micro interactions
   Rules:
   - No :root
   - No global .elementor-5904 .elementor-element.elementor-element-0536d86s
   - Every .elementor-5904 .elementor-element.elementor-element-0536d86 starts with .fsx-service-support-v4
============================================================ */

.fsx-service-support-v4,
.fsx-service-support-v4 *,
.fsx-service-support-v4 *::before,
.fsx-service-support-v4 *::after {
  box-sizing: border-box;
}

.fsx-service-support-v4 {
  --fsx-service-support-deep: #14244f;
  --fsx-service-support-navy: #1e336d;
  --fsx-service-support-blue: #2f5bb7;
  --fsx-service-support-cyan: #00a3c4;
  --fsx-service-support-white: #ffffff;
  --fsx-service-support-light: #f4f7fc;
  --fsx-service-support-soft: #f8fbff;
  --fsx-service-support-border: #dbe3ee;
  --fsx-service-support-border-strong: #c7d3e4;
  --fsx-service-support-text: #4b5563;
  --fsx-service-support-muted: #64748b;

  --fsx-service-support-font: "Poppins", Arial, Helvetica, sans-serif;
  --fsx-service-support-max-width: 1600px;

  --fsx-service-support-hover-y: -3px;
  --fsx-service-support-active-y: -1px;
  --fsx-service-support-duration: 240ms;
  --fsx-service-support-ease: cubic-bezier(.25, 1, .5, 1);
  --fsx-service-support-shadow: 0 16px 34px rgba(20, 36, 79, .1);
  --fsx-service-support-shadow-soft: 0 10px 22px rgba(20, 36, 79, .07);

  width: 100%;
  padding: 10px 0;
  background:
    linear-gradient(180deg, #ffffff 0%, #ffffff 38%, var(--fsx-service-support-light) 38%, var(--fsx-service-support-light) 100%);
  color: var(--fsx-service-support-text);
  font-family: var(--fsx-service-support-font);
  -webkit-font-smoothing: antialiased;
  isolation: isolate;
}

.fsx-service-support-v4__container {
  width: min(calc(100% - 48px), var(--fsx-service-support-max-width));
  margin-inline: auto;
}

/* Header */
.fsx-service-support-v4__header {
  max-width: 1180px;
  margin-bottom: 18px;
}

.fsx-service-support-v4__kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  color: var(--fsx-service-support-blue);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.fsx-service-support-v4__kicker::before {
  content: "";
  width: 24px;
  height: 2px;
  flex: 0 0 24px;
  background: var(--fsx-service-support-deep);
}

.fsx-service-support-v4__title {
  margin: 0;
  color: var(--fsx-service-support-deep);
  font-size: clamp(30px, 2.35vw, 40px);
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -.04em;
}

.fsx-service-support-v4__intro {
  max-width: 1080px;
  margin: 10px 0 0;
  color: var(--fsx-service-support-text);
  font-size: 14px;
  line-height: 1.58;
  font-weight: 500;
}

/* Cards */
.fsx-service-support-v4__cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
  width: 100%;
}

.fsx-service-support-v4__card {
  min-width: 0;
  height: 100%;
  display: grid !important;
  grid-template-rows: auto 1fr;
  border: 1px solid var(--fsx-service-support-border);
  background: var(--fsx-service-support-white);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition:
    transform var(--fsx-service-support-duration) var(--fsx-service-support-ease),
    border-color var(--fsx-service-support-duration) ease,
    box-shadow var(--fsx-service-support-duration) ease;
}

.fsx-service-support-v4__card--pre {
  border-top: 4px solid var(--fsx-service-support-navy);
}

.fsx-service-support-v4__card--after {
  border-top: 4px solid var(--fsx-service-support-cyan);
}

/* Visual */
.fsx-service-support-v4__visual {
  width: 100%;
  margin: 0;
  background: var(--fsx-service-support-light);
  overflow: hidden;
}

.fsx-service-support-v4__visual img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center center;
  transform: scale(1);
  transition: transform 700ms var(--fsx-service-support-ease);
}

.fsx-service-support-v4__placeholder {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  min-height: 300px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 26px;
  overflow: hidden;
  border-bottom: 1px solid var(--fsx-service-support-border);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(244, 247, 252, .94)),
    linear-gradient(45deg, rgba(0, 163, 196, .1), rgba(30, 51, 109, .04));
  color: var(--fsx-service-support-deep);
  transition:
    border-color var(--fsx-service-support-duration) ease,
    background var(--fsx-service-support-duration) ease;
}

.fsx-service-support-v4__placeholder::before {
  content: "";
  position: absolute;
  inset: 16px;
  border: 1px dashed rgba(30, 51, 109, .24);
  pointer-events: none;
  transition: border-color var(--fsx-service-support-duration) ease;
}

.fsx-service-support-v4__placeholder::after {
  content: "";
  position: absolute;
  right: -72px;
  bottom: -72px;
  width: 190px;
  height: 190px;
  border: 30px solid rgba(0, 163, 196, .11);
  pointer-events: none;
  transition:
    transform var(--fsx-service-support-duration) var(--fsx-service-support-ease),
    border-color var(--fsx-service-support-duration) ease;
}

.fsx-service-support-v4__placeholder span,
.fsx-service-support-v4__placeholder strong,
.fsx-service-support-v4__placeholder p,
.fsx-service-support-v4__placeholder small {
  position: relative;
  z-index: 1;
  max-width: 92%;
}

.fsx-service-support-v4__placeholder span {
  color: var(--fsx-service-support-cyan);
  font-size: 9px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.fsx-service-support-v4__placeholder strong {
  display: block;
  color: var(--fsx-service-support-deep);
  font-size: 20px;
  line-height: 1.22;
  font-weight: 800;
  letter-spacing: -.025em;
}

.fsx-service-support-v4__placeholder p {
  margin: 0;
  color: var(--fsx-service-support-text);
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
}

.fsx-service-support-v4__placeholder small {
  display: block;
  color: var(--fsx-service-support-muted);
  font-size: 9px;
  line-height: 1.4;
  font-weight: 500;
}

/* Content */
.fsx-service-support-v4__content {
  min-width: 0;
  display: flex !important;
  flex-direction: column;
  padding: 24px;
}

.fsx-service-support-v4__label {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 9px;
  color: var(--fsx-service-support-cyan);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.fsx-service-support-v4__content h3 {
  max-width: 760px;
  margin: 0;
  color: var(--fsx-service-support-deep);
  font-size: 23px;
  line-height: 1.16;
  font-weight: 800;
  letter-spacing: -.035em;
}

.fsx-service-support-v4__content > p {
  max-width: 780px;
  margin: 10px 0 0;
  color: var(--fsx-service-support-text);
  font-size: 12.5px;
  line-height: 1.56;
  font-weight: 500;
}

/* Support list */
.fsx-service-support-v4__support-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.fsx-service-support-v4__support-list div {
  min-width: 0;
  min-height: 138px;
  padding: 13px;
  border: 1px solid var(--fsx-service-support-border);
  border-left: 4px solid rgba(0, 163, 196, .72);
  background:
    linear-gradient(90deg, rgba(0, 163, 196, .05) 0%, rgba(255, 255, 255, 1) 48%);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition:
    transform var(--fsx-service-support-duration) var(--fsx-service-support-ease),
    border-color var(--fsx-service-support-duration) ease,
    box-shadow var(--fsx-service-support-duration) ease,
    background var(--fsx-service-support-duration) ease;
}

.fsx-service-support-v4__support-list div:nth-child(even) {
  border-left-color: rgba(30, 51, 109, .72);
  background:
    linear-gradient(90deg, rgba(30, 51, 109, .045) 0%, rgba(255, 255, 255, 1) 48%);
}

.fsx-service-support-v4__support-list span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 9px;
  border: 1px solid rgba(0, 163, 196, .42);
  background: rgba(0, 163, 196, .08);
  color: var(--fsx-service-support-deep);
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  transition:
    border-color var(--fsx-service-support-duration) ease,
    background-color var(--fsx-service-support-duration) ease;
}

.fsx-service-support-v4__support-list div:nth-child(even) span {
  border-color: rgba(30, 51, 109, .34);
  background: rgba(30, 51, 109, .06);
}

.fsx-service-support-v4__support-list strong {
  display: block;
  color: var(--fsx-service-support-deep);
  font-size: 12.5px;
  line-height: 1.26;
  font-weight: 800;
}

.fsx-service-support-v4__support-list p {
  margin: 5px 0 0;
  color: var(--fsx-service-support-text);
  font-size: 10.5px;
  line-height: 1.38;
  font-weight: 500;
}

/* Local micro interactions */
@media (hover: hover) and (pointer: fine) {
  .fsx-service-support-v4__card:hover {
    transform: translate3d(0, var(--fsx-service-support-hover-y), 0);
    border-color: var(--fsx-service-support-border-strong);
    box-shadow: var(--fsx-service-support-shadow);
  }

  .fsx-service-support-v4__card:hover .fsx-service-support-v4__visual img {
    transform: scale(1.025);
  }

  .fsx-service-support-v4__card:hover .fsx-service-support-v4__placeholder {
    background:
      linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(244, 247, 252, .96)),
      linear-gradient(45deg, rgba(0, 163, 196, .16), rgba(30, 51, 109, .07));
  }

  .fsx-service-support-v4__card:hover .fsx-service-support-v4__placeholder::before {
    border-color: rgba(0, 163, 196, .34);
  }

  .fsx-service-support-v4__card:hover .fsx-service-support-v4__placeholder::after {
    transform: scale(1.06);
    border-color: rgba(0, 163, 196, .15);
  }

  .fsx-service-support-v4__support-list div:hover {
    transform: translate3d(0, -2px, 0);
    border-color: var(--fsx-service-support-border-strong);
    box-shadow: var(--fsx-service-support-shadow-soft);
    background: #ffffff;
  }

  .fsx-service-support-v4__support-list div:hover span {
    border-color: rgba(0, 163, 196, .56);
    background: rgba(0, 163, 196, .11);
  }
}

.fsx-service-support-v4__card:active {
  transform: translate3d(0, var(--fsx-service-support-active-y), 0);
  box-shadow: 0 8px 18px rgba(20, 36, 79, .08);
  transition-duration: 110ms;
}

.fsx-service-support-v4__support-list div:active {
  transform: translate3d(0, 0, 0);
  box-shadow: 0 5px 12px rgba(20, 36, 79, .06);
  transition-duration: 110ms;
}

/* Responsive */
@media (max-width: 1360px) {
  .fsx-service-support-v4__cards {
    gap: 14px;
  }

  .fsx-service-support-v4__placeholder {
    min-height: 280px;
    padding: 22px;
  }

  .fsx-service-support-v4__content {
    padding: 22px;
  }

  .fsx-service-support-v4__content h3 {
    font-size: 21px;
  }

  .fsx-service-support-v4__support-list {
    grid-template-columns: 1fr;
  }

  .fsx-service-support-v4__support-list div {
    min-height: auto;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
  }

  .fsx-service-support-v4__support-list span {
    margin-bottom: 0;
  }
}

@media (max-width: 1180px) {
  .fsx-service-support-v4 {
    background: var(--fsx-service-support-light);
  }

  .fsx-service-support-v4__cards {
    grid-template-columns: 1fr;
  }

  .fsx-service-support-v4__support-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .fsx-service-support-v4__support-list div {
    min-height: 138px;
    display: block;
  }

  .fsx-service-support-v4__support-list span {
    margin-bottom: 9px;
  }
}

@media (max-width: 900px) {
  .fsx-service-support-v4__container {
    width: min(calc(100% - 36px), var(--fsx-service-support-max-width));
  }

  .fsx-service-support-v4__placeholder {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 760px) {
  .fsx-service-support-v4 {
    --fsx-service-support-hover-y: -2px;
    --fsx-service-support-active-y: -1px;
    --fsx-service-support-shadow: 0 10px 20px rgba(20, 36, 79, .06);
    --fsx-service-support-shadow-soft: 0 8px 16px rgba(20, 36, 79, .06);
  }

  .fsx-service-support-v4__container {
    width: min(calc(100% - 28px), var(--fsx-service-support-max-width));
  }

  .fsx-service-support-v4__header {
    margin-bottom: 18px;
  }

  .fsx-service-support-v4__title {
    font-size: 27px;
    line-height: 1.14;
  }

  .fsx-service-support-v4__intro {
    font-size: 13.5px;
    line-height: 1.62;
  }

  .fsx-service-support-v4__placeholder {
    padding: 18px;
  }

  .fsx-service-support-v4__placeholder small {
    display: none;
  }

  .fsx-service-support-v4__content {
    padding: 16px;
  }

  .fsx-service-support-v4__content h3 {
    font-size: 20px;
  }

  .fsx-service-support-v4__support-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .fsx-service-support-v4__support-list div {
    min-height: 152px;
    padding: 11px;
  }

  .fsx-service-support-v4__support-list strong {
    font-size: 12px;
    line-height: 1.25;
  }

  .fsx-service-support-v4__support-list p {
    font-size: 9.5px;
    line-height: 1.32;
  }
}

@media (max-width: 430px) {
  .fsx-service-support-v4__container {
    width: min(calc(100% - 24px), var(--fsx-service-support-max-width));
  }

  .fsx-service-support-v4__title {
    font-size: 25px;
  }

  .fsx-service-support-v4__placeholder p {
    display: none;
  }

  .fsx-service-support-v4__support-list div {
    min-height: 162px;
    padding: 10px;
  }

  .fsx-service-support-v4__support-list strong {
    font-size: 11.4px;
  }

  .fsx-service-support-v4__support-list p {
    font-size: 9px;
    line-height: 1.28;
  }
}

@media (max-width: 360px) {
  .fsx-service-support-v4__support-list div {
    min-height: 172px;
  }

  .fsx-service-support-v4__support-list strong {
    font-size: 10.8px;
  }

  .fsx-service-support-v4__support-list p {
    font-size: 8.6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fsx-service-support-v4__card,
  .fsx-service-support-v4__visual img,
  .fsx-service-support-v4__placeholder,
  .fsx-service-support-v4__placeholder::before,
  .fsx-service-support-v4__placeholder::after,
  .fsx-service-support-v4__support-list div,
  .fsx-service-support-v4__support-list span {
    transition: none !important;
  }

  .fsx-service-support-v4__card:hover,
  .fsx-service-support-v4__card:active,
  .fsx-service-support-v4__support-list div:hover,
  .fsx-service-support-v4__support-list div:active,
  .fsx-service-support-v4__card:hover .fsx-service-support-v4__visual img,
  .fsx-service-support-v4__card:hover .fsx-service-support-v4__placeholder::after {
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3b612b *//* ============================================================
   FSX CHEMICAL SERVICE OVERVIEW PAGE
   MODULE 03 — SERVICE ROUTE ENTRY
   Version: fsx-service-route-v3
   Purpose:
   - Guide users to Request a Quote / Samples & Matching / Contact
   - Merge "what to send first" into each service route card
   - Avoid creating a redundant extra module
   - Unified outline CTA buttons for equal service routing
   - Includes local hover / active micro interactions
   Rules:
   - No :root
   - No global .elementor-5904 .elementor-element.elementor-element-c3b612bs
   - Every .elementor-5904 .elementor-element.elementor-element-c3b612b starts with .fsx-service-route-v3
============================================================ */

.fsx-service-route-v3,
.fsx-service-route-v3 *,
.fsx-service-route-v3 *::before,
.fsx-service-route-v3 *::after {
  box-sizing: border-box;
}

.fsx-service-route-v3 {
  --fsx-service-route-deep: #14244f;
  --fsx-service-route-navy: #1e336d;
  --fsx-service-route-blue: #2f5bb7;
  --fsx-service-route-cyan: #00a3c4;
  --fsx-service-route-white: #ffffff;
  --fsx-service-route-light: #f4f7fc;
  --fsx-service-route-soft: #f8fbff;
  --fsx-service-route-border: #dbe3ee;
  --fsx-service-route-border-strong: #c7d3e4;
  --fsx-service-route-text: #4b5563;
  --fsx-service-route-muted: #64748b;

  --fsx-service-route-font: "Poppins", Arial, Helvetica, sans-serif;
  --fsx-service-route-max-width: 1600px;

  --fsx-service-route-hover-y: -3px;
  --fsx-service-route-active-y: -1px;
  --fsx-service-route-duration: 240ms;
  --fsx-service-route-ease: cubic-bezier(.25, 1, .5, 1);
  --fsx-service-route-shadow: 0 16px 34px rgba(20, 36, 79, .1);
  --fsx-service-route-shadow-soft: 0 10px 22px rgba(20, 36, 79, .07);
  --fsx-service-route-button-shadow: 0 12px 24px rgba(0, 163, 196, .22);

  width: 100%;
  padding: 10px 0;
  background:
    linear-gradient(180deg, var(--fsx-service-route-light) 0%, var(--fsx-service-route-light) 54%, #ffffff 54%, #ffffff 100%);
  color: var(--fsx-service-route-text);
  font-family: var(--fsx-service-route-font);
  -webkit-font-smoothing: antialiased;
  isolation: isolate;
}

.fsx-service-route-v3__container {
  width: min(calc(100% - 48px), var(--fsx-service-route-max-width));
  margin-inline: auto;
}

/* Header */
.fsx-service-route-v3__header {
  max-width: 1180px;
  margin-bottom: 18px;
}

.fsx-service-route-v3__kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  color: var(--fsx-service-route-blue);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.fsx-service-route-v3__kicker::before {
  content: "";
  width: 24px;
  height: 2px;
  flex: 0 0 24px;
  background: var(--fsx-service-route-deep);
}

.fsx-service-route-v3__title {
  margin: 0;
  color: var(--fsx-service-route-deep);
  font-size: clamp(30px, 2.35vw, 40px);
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -.04em;
}

.fsx-service-route-v3__intro {
  max-width: 1080px;
  margin: 10px 0 0;
  color: var(--fsx-service-route-text);
  font-size: 14px;
  line-height: 1.58;
  font-weight: 500;
}

/* Grid */
.fsx-service-route-v3__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
  width: 100%;
}

/* Card */
.fsx-service-route-v3__card {
  min-width: 0;
  height: 100%;
  display: grid !important;
  grid-template-rows: auto 1fr;
  border: 1px solid var(--fsx-service-route-border);
  border-top: 4px solid var(--fsx-service-route-navy);
  background: var(--fsx-service-route-white);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition:
    transform var(--fsx-service-route-duration) var(--fsx-service-route-ease),
    border-color var(--fsx-service-route-duration) ease,
    box-shadow var(--fsx-service-route-duration) ease;
}

.fsx-service-route-v3__card--primary {
  border-top-color: var(--fsx-service-route-cyan);
}

/* Visual */
.fsx-service-route-v3__visual {
  width: 100%;
  margin: 0;
  background: var(--fsx-service-route-light);
  overflow: hidden;
}

.fsx-service-route-v3__visual img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center center;
  transform: scale(1);
  transition: transform 700ms var(--fsx-service-route-ease);
}

.fsx-service-route-v3__placeholder {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  min-height: 260px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 22px;
  overflow: hidden;
  border-bottom: 1px solid var(--fsx-service-route-border);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(244, 247, 252, .94)),
    linear-gradient(45deg, rgba(0, 163, 196, .1), rgba(30, 51, 109, .04));
  color: var(--fsx-service-route-deep);
  transition:
    border-color var(--fsx-service-route-duration) ease,
    background var(--fsx-service-route-duration) ease;
}

.fsx-service-route-v3__placeholder::before {
  content: "";
  position: absolute;
  inset: 15px;
  border: 1px dashed rgba(30, 51, 109, .24);
  pointer-events: none;
  transition: border-color var(--fsx-service-route-duration) ease;
}

.fsx-service-route-v3__placeholder::after {
  content: "";
  position: absolute;
  right: -66px;
  bottom: -66px;
  width: 170px;
  height: 170px;
  border: 28px solid rgba(0, 163, 196, .11);
  pointer-events: none;
  transition:
    transform var(--fsx-service-route-duration) var(--fsx-service-route-ease),
    border-color var(--fsx-service-route-duration) ease;
}

.fsx-service-route-v3__placeholder span,
.fsx-service-route-v3__placeholder strong,
.fsx-service-route-v3__placeholder p,
.fsx-service-route-v3__placeholder small {
  position: relative;
  z-index: 1;
  max-width: 92%;
}

.fsx-service-route-v3__placeholder span {
  color: var(--fsx-service-route-cyan);
  font-size: 9px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.fsx-service-route-v3__placeholder strong {
  display: block;
  color: var(--fsx-service-route-deep);
  font-size: 19px;
  line-height: 1.22;
  font-weight: 800;
  letter-spacing: -.025em;
}

.fsx-service-route-v3__placeholder p {
  margin: 0;
  color: var(--fsx-service-route-text);
  font-size: 11px;
  line-height: 1.45;
  font-weight: 500;
}

.fsx-service-route-v3__placeholder small {
  display: block;
  color: var(--fsx-service-route-muted);
  font-size: 8.6px;
  line-height: 1.35;
  font-weight: 500;
}

/* Content */
.fsx-service-route-v3__content {
  min-width: 0;
  display: flex !important;
  flex-direction: column;
  padding: 22px;
}

.fsx-service-route-v3__label {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 9px;
  color: var(--fsx-service-route-cyan);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.fsx-service-route-v3__content h3 {
  margin: 0;
  color: var(--fsx-service-route-deep);
  font-size: 23px;
  line-height: 1.14;
  font-weight: 800;
  letter-spacing: -.035em;
}

.fsx-service-route-v3__content > p {
  margin: 10px 0 0;
  color: var(--fsx-service-route-text);
  font-size: 12.5px;
  line-height: 1.56;
  font-weight: 500;
}

/* Start box */
.fsx-service-route-v3__start-box {
  margin-top: 18px;
  padding: 15px;
  border: 1px solid var(--fsx-service-route-border);
  border-left: 4px solid var(--fsx-service-route-cyan);
  background: var(--fsx-service-route-soft);
  transform: translate3d(0, 0, 0);
  transition:
    transform var(--fsx-service-route-duration) var(--fsx-service-route-ease),
    border-color var(--fsx-service-route-duration) ease,
    background-color var(--fsx-service-route-duration) ease,
    box-shadow var(--fsx-service-route-duration) ease;
}

.fsx-service-route-v3__start-box > strong {
  display: block;
  margin: 0 0 10px;
  color: var(--fsx-service-route-deep);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.fsx-service-route-v3__start-box ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fsx-service-route-v3__start-box li {
  position: relative;
  margin: 0;
  padding-left: 16px;
  color: var(--fsx-service-route-deep);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
}

.fsx-service-route-v3__start-box li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: 5px;
  height: 5px;
  background: var(--fsx-service-route-cyan);
}

/* Button area */
.fsx-service-route-v3__action {
  margin-top: auto;
  padding-top: 28px;
}

/* Unified outline buttons */
.fsx-service-route-v3__action a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid var(--fsx-service-route-navy);
  background: transparent;
  color: var(--fsx-service-route-navy) !important;
  text-decoration: none !important;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transition:
    transform var(--fsx-service-route-duration) var(--fsx-service-route-ease),
    border-color var(--fsx-service-route-duration) ease,
    background-color var(--fsx-service-route-duration) ease,
    color var(--fsx-service-route-duration) ease,
    box-shadow var(--fsx-service-route-duration) ease;
}

.fsx-service-route-v3__action a::after {
  content: "→";
  margin-left: 9px;
  color: currentColor;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
}

/* Local micro interactions */
@media (hover: hover) and (pointer: fine) {
  .fsx-service-route-v3__card:hover {
    transform: translate3d(0, var(--fsx-service-route-hover-y), 0);
    border-color: var(--fsx-service-route-border-strong);
    box-shadow: var(--fsx-service-route-shadow);
  }

  .fsx-service-route-v3__card:hover .fsx-service-route-v3__visual img {
    transform: scale(1.025);
  }

  .fsx-service-route-v3__card:hover .fsx-service-route-v3__placeholder {
    background:
      linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(244, 247, 252, .96)),
      linear-gradient(45deg, rgba(0, 163, 196, .16), rgba(30, 51, 109, .07));
  }

  .fsx-service-route-v3__card:hover .fsx-service-route-v3__placeholder::before {
    border-color: rgba(0, 163, 196, .34);
  }

  .fsx-service-route-v3__card:hover .fsx-service-route-v3__placeholder::after {
    transform: scale(1.06);
    border-color: rgba(0, 163, 196, .15);
  }

  .fsx-service-route-v3__card:hover .fsx-service-route-v3__start-box {
    border-color: var(--fsx-service-route-border-strong);
    border-left-color: var(--fsx-service-route-navy);
    background: #ffffff;
    box-shadow: var(--fsx-service-route-shadow-soft);
  }

  .fsx-service-route-v3__action a:hover,
  .fsx-service-route-v3__action a:focus-visible {
    transform: translate3d(0, -2px, 0);
    border-color: var(--fsx-service-route-cyan);
    background: var(--fsx-service-route-cyan);
    color: var(--fsx-service-route-white) !important;
    box-shadow: var(--fsx-service-route-button-shadow);
    outline: none;
  }
}

.fsx-service-route-v3__card:active {
  transform: translate3d(0, var(--fsx-service-route-active-y), 0);
  box-shadow: 0 8px 18px rgba(20, 36, 79, .08);
  transition-duration: 110ms;
}

.fsx-service-route-v3__start-box:active {
  transform: translate3d(0, 0, 0);
  box-shadow: 0 5px 12px rgba(20, 36, 79, .06);
  transition-duration: 110ms;
}

.fsx-service-route-v3__action a:active {
  transform: translate3d(0, 0, 0);
  border-color: var(--fsx-service-route-cyan);
  background: var(--fsx-service-route-cyan);
  color: var(--fsx-service-route-white) !important;
  box-shadow: 0 6px 14px rgba(0, 163, 196, .18);
  transition-duration: 110ms;
}

.fsx-service-route-v3__action a:focus-visible {
  outline: 2px solid var(--fsx-service-route-cyan);
  outline-offset: 3px;
}

/* Responsive */
@media (max-width: 1360px) {
  .fsx-service-route-v3__grid {
    gap: 14px;
  }

  .fsx-service-route-v3__placeholder {
    min-height: 240px;
    padding: 20px;
  }

  .fsx-service-route-v3__content {
    padding: 20px;
  }

  .fsx-service-route-v3__content h3 {
    font-size: 21px;
  }

  .fsx-service-route-v3__start-box {
    padding: 14px;
  }

  .fsx-service-route-v3__action {
    padding-top: 26px;
  }
}

@media (max-width: 1180px) {
  .fsx-service-route-v3 {
    background: var(--fsx-service-route-light);
  }

  .fsx-service-route-v3__grid {
    grid-template-columns: 1fr 1fr;
  }

  .fsx-service-route-v3__card--primary {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .fsx-service-route-v3__container {
    width: min(calc(100% - 36px), var(--fsx-service-route-max-width));
  }

  .fsx-service-route-v3__placeholder {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 760px) {
  .fsx-service-route-v3 {
    --fsx-service-route-hover-y: -2px;
    --fsx-service-route-active-y: -1px;
    --fsx-service-route-shadow: 0 10px 20px rgba(20, 36, 79, .06);
    --fsx-service-route-shadow-soft: 0 8px 16px rgba(20, 36, 79, .06);
    --fsx-service-route-button-shadow: 0 10px 20px rgba(0, 163, 196, .18);
  }

  .fsx-service-route-v3__container {
    width: min(calc(100% - 28px), var(--fsx-service-route-max-width));
  }

  .fsx-service-route-v3__header {
    margin-bottom: 18px;
  }

  .fsx-service-route-v3__title {
    font-size: 27px;
    line-height: 1.14;
  }

  .fsx-service-route-v3__intro {
    font-size: 13.5px;
    line-height: 1.62;
  }

  .fsx-service-route-v3__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .fsx-service-route-v3__card--primary {
    grid-column: 1 / -1;
  }

  .fsx-service-route-v3__placeholder {
    padding: 18px;
  }

  .fsx-service-route-v3__placeholder small {
    display: none;
  }

  .fsx-service-route-v3__content {
    padding: 14px;
  }

  .fsx-service-route-v3__content h3 {
    font-size: 18px;
    line-height: 1.16;
  }

  .fsx-service-route-v3__content > p {
    font-size: 11.5px;
    line-height: 1.48;
  }

  .fsx-service-route-v3__start-box {
    margin-top: 16px;
    padding: 13px;
  }

  .fsx-service-route-v3__start-box li {
    font-size: 10.8px;
  }

  .fsx-service-route-v3__action {
    padding-top: 26px;
  }

  .fsx-service-route-v3__action a {
    min-height: 44px;
    font-size: 10.5px;
  }
}

@media (max-width: 520px) {
  .fsx-service-route-v3__grid {
    grid-template-columns: 1fr;
  }

  .fsx-service-route-v3__card--primary {
    grid-column: auto;
  }

  .fsx-service-route-v3__content {
    padding: 16px;
  }

  .fsx-service-route-v3__content h3 {
    font-size: 20px;
  }

  .fsx-service-route-v3__content > p {
    font-size: 12px;
  }

  .fsx-service-route-v3__start-box li {
    font-size: 11.5px;
  }

  .fsx-service-route-v3__action {
    padding-top: 28px;
  }
}

@media (max-width: 430px) {
  .fsx-service-route-v3__container {
    width: min(calc(100% - 24px), var(--fsx-service-route-max-width));
  }

  .fsx-service-route-v3__title {
    font-size: 25px;
  }

  .fsx-service-route-v3__placeholder p {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fsx-service-route-v3__card,
  .fsx-service-route-v3__visual img,
  .fsx-service-route-v3__placeholder,
  .fsx-service-route-v3__placeholder::before,
  .fsx-service-route-v3__placeholder::after,
  .fsx-service-route-v3__start-box,
  .fsx-service-route-v3__action a {
    transition: none !important;
  }

  .fsx-service-route-v3__card:hover,
  .fsx-service-route-v3__card:active,
  .fsx-service-route-v3__start-box:active,
  .fsx-service-route-v3__action a:hover,
  .fsx-service-route-v3__action a:active,
  .fsx-service-route-v3__card:hover .fsx-service-route-v3__visual img,
  .fsx-service-route-v3__card:hover .fsx-service-route-v3__placeholder::after {
    transform: none !important;
  }
}/* End custom CSS */