/* ==========================================================================
   SITE-WIDE STYLESHEET
   Manual editing guide
   1. Fonts and icon fonts
   2. Shared site-wide rules
   3. Page sections below: find the page URL and edit its named scope.
   Page-specific rules use :where([data-css~="scope"]). The matching page's
   <html data-css="..."> attribute contains that scope. Shared rules come first;
   page sections retain their original cascade order.
   ========================================================================== */

/* SECTION 1: Web fonts and icon fonts */
/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2") format("woff2");
  unicode-range:
    U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0,
    U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}

/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/pxiEyp8kv8JHgFVrJJbecmNE.woff2") format("woff2");
  unicode-range:
    U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0,
    U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}

/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/pxiEyp8kv8JHgFVrJJfecg.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2") format("woff2");
  unicode-range:
    U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0,
    U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}

/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2") format("woff2");
  unicode-range:
    U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0,
    U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}

/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2") format("woff2");
  unicode-range:
    U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0,
    U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}

/* latin-ext */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fa,
.fa-brands,
.fa-regular,
.fa-solid,
.fab,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-brands:before,
.fa-regular:before,
.fa-solid:before,
.fa:before,
.fab:before,
.far:before,
.fas:before {
  content: var(--fa);
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
  font-family: "Font Awesome 6 Free";
}

.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands";
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-radius: var(--fa-border-radius, 0.1em);
  border: var(--fa-border-width, 0.08em) var(--fa-border-style, solid)
    var(--fa-border-color, #eee);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.28, 0.84, 0.42, 1)
  );
}

.fa-fade {
  animation-name: fa-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
}

.fa-beat-fade,
.fa-fade {
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-shake,
.fa-spin {
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
}

.fa-spin {
  animation-name: fa-spin;
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-beat-fade,
  .fa-bounce,
  .fa-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

@keyframes fa-beat {
  0%,
  90% {
    transform: scale(1);
  }

  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}

@keyframes fa-bounce {
  0% {
    transform: scale(1) translateY(0);
  }

  10% {
    transform: scale(
        var(--fa-bounce-start-scale-x, 1.1),
        var(--fa-bounce-start-scale-y, 0.9)
      )
      translateY(0);
  }

  30% {
    transform: scale(
        var(--fa-bounce-jump-scale-x, 0.9),
        var(--fa-bounce-jump-scale-y, 1.1)
      )
      translateY(var(--fa-bounce-height, -0.5em));
  }

  50% {
    transform: scale(
        var(--fa-bounce-land-scale-x, 1.05),
        var(--fa-bounce-land-scale-y, 0.95)
      )
      translateY(0);
  }

  57% {
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }

  64% {
    transform: scale(1) translateY(0);
  }

  to {
    transform: scale(1) translateY(0);
  }
}

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}

@keyframes fa-beat-fade {
  0%,
  to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}

@keyframes fa-flip {
  50% {
    transform: rotate3d(
      var(--fa-flip-x, 0),
      var(--fa-flip-y, 1),
      var(--fa-flip-z, 0),
      var(--fa-flip-angle, -180deg)
    );
  }
}

@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }

  4% {
    transform: rotate(15deg);
  }

  8%,
  24% {
    transform: rotate(-18deg);
  }

  12%,
  28% {
    transform: rotate(18deg);
  }

  16% {
    transform: rotate(-22deg);
  }

  20% {
    transform: rotate(22deg);
  }

  32% {
    transform: rotate(-12deg);
  }

  36% {
    transform: rotate(12deg);
  }

  40%,
  to {
    transform: rotate(0deg);
  }
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scaleX(-1);
}

.fa-flip-vertical {
  transform: scaleY(-1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.fa-wave-square {
  --fa: "\f83e";
}

.fa-earth-africa,
.fa-globe-africa {
  --fa: "\f57c";
}

.fa-cut,
.fa-scissors {
  --fa: "\f0c4";
}

.fa-bars,
.fa-navicon {
  --fa: "\f0c9";
}

.fa-compress {
  --fa: "\f066";
}

.fa-circle-dot,
.fa-dot-circle {
  --fa: "\f192";
}

.fa-lock {
  --fa: "\f023";
}

.fa-microscope {
  --fa: "\f610";
}

.fa-location-arrow {
  --fa: "\f124";
}

.fa-ban,
.fa-cancel {
  --fa: "\f05e";
}

.fa-temperature-high {
  --fa: "\f769";
}

.fa-headset {
  --fa: "\f590";
}

.fa-rotate-back,
.fa-rotate-backward,
.fa-rotate-left,
.fa-undo-alt {
  --fa: "\f2ea";
}

.fa-handshake {
  --fa: "\f2b5";
}

.fa-check-circle,
.fa-circle-check {
  --fa: "\f058";
}

.fa-compass-drafting,
.fa-drafting-compass {
  --fa: "\f568";
}

.fa-certificate {
  --fa: "\f0a3";
}

.fa-box-open {
  --fa: "\f49e";
}

.fa-arrows-h,
.fa-arrows-left-right {
  --fa: "\f07e";
}

.fa-arrows-rotate,
.fa-refresh,
.fa-sync {
  --fa: "\f021";
}

.fa-shield-alt,
.fa-shield-halved {
  --fa: "\f3ed";
}

.fa-file-signature {
  --fa: "\f573";
}

.fa-magnifying-glass-chart {
  --fa: "\e522";
}

.fa-arrow-up-right-from-square,
.fa-external-link {
  --fa: "\f08e";
}

.fa-cubes-stacked {
  --fa: "\e4e6";
}

.fa-arrow-right {
  --fa: "\f061";
}

.fa-screwdriver-wrench,
.fa-tools {
  --fa: "\f7d9";
}

.fa-wrench {
  --fa: "\f0ad";
}

.fa-phone {
  --fa: "\f095";
}

.fa-cubes {
  --fa: "\f1b3";
}

.fa-file-pdf {
  --fa: "\f1c1";
}

.fa-envelope {
  --fa: "\f0e0";
}

.fa-circle-nodes {
  --fa: "\e4e2";
}

.fa-water {
  --fa: "\f773";
}

.fa-crosshairs {
  --fa: "\f05b";
}

.fa-dumbbell {
  --fa: "\f44b";
}

.fa-cog,
.fa-gear {
  --fa: "\f013";
}

.fa-clock,
.fa-clock-four {
  --fa: "\f017";
}

.fa-coins {
  --fa: "\f51e";
}

.fa-flask {
  --fa: "\f0c3";
}

.fa-download {
  --fa: "\f019";
}

.fa-file-circle-check {
  --fa: "\e5a0";
}

.fa-file-arrow-down,
.fa-file-download {
  --fa: "\f56d";
}

.fa-bolt,
.fa-zap {
  --fa: "\f0e7";
}

.fa-industry {
  --fa: "\f275";
}

.fa-medal {
  --fa: "\f5a2";
}

.fa-location-dot,
.fa-map-marker-alt {
  --fa: "\f3c5";
}

.fa-earth,
.fa-earth-america,
.fa-earth-americas,
.fa-globe-americas {
  --fa: "\f57d";
}

.fa-gauge-high,
.fa-tachometer-alt,
.fa-tachometer-alt-fast {
  --fa: "\f625";
}

.fa-chain,
.fa-link {
  --fa: "\f0c1";
}

.fa-magnifying-glass,
.fa-search {
  --fa: "\f002";
}

.fa-chevron-down {
  --fa: "\f078";
}

.fa-ruler-combined {
  --fa: "\f546";
}

.fa-chevron-right {
  --fa: "\f054";
}

.fa-cogs,
.fa-gears {
  --fa: "\f085";
}

.fa-award {
  --fa: "\f559";
}

.fa-building {
  --fa: "\f1ad";
}

.fa-shield,
.fa-shield-blank {
  --fa: "\f132";
}

.fa-earth-oceania,
.fa-globe-oceania {
  --fa: "\e47b";
}

.fa-vial-circle-check {
  --fa: "\e596";
}

.fa-fire-alt,
.fa-fire-flame-curved {
  --fa: "\f7e4";
}

.fa-balance-scale,
.fa-scale-balanced {
  --fa: "\f24e";
}

.fa-earth-europe,
.fa-globe-europe {
  --fa: "\f7a2";
}

.fa-paper-plane {
  --fa: "\f1d8";
}

.fa-circle-xmark,
.fa-times-circle,
.fa-xmark-circle {
  --fa: "\f057";
}

.fa-earth-asia,
.fa-globe-asia {
  --fa: "\f57e";
}

.fa-file-invoice {
  --fa: "\f570";
}

.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

:host,

/* SECTION 2: Shared site rules, icons, and animation */
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src:
    url("/fonts/fa-brands-400.woff2") format("woff2"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf")
      format("truetype");
}

.fa-brands,
.fab {
  font-weight: 400;
}

.fa-linkedin-in {
  --fa: "\f0e1";
}

.fa-facebook-f {
  --fa: "\f39e";
}

.fa-x-twitter {
  --fa: "\e61b";
}

.fa-instagram {
  --fa: "\f16d";
}

.fa-whatsapp {
  --fa: "\f232";
}

.fa-youtube {
  --fa: "\f167";
}

:host,
:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src:
    url("/fonts/fa-regular-400.woff2") format("woff2"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf")
      format("truetype");
}

.fa-regular,
.far {
  font-weight: 400;
}

:host,
:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src:
    url("/fonts/fa-solid-900.woff2") format("woff2"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf")
      format("truetype");
}

.fa-solid,
.fas {
  font-weight: 900;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src:
    url("/fonts/fa-brands-400.woff2") format("woff2"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf")
      format("truetype");
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src:
    url("/fonts/fa-solid-900.woff2") format("woff2"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf")
      format("truetype");
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src:
    url("/fonts/fa-regular-400.woff2") format("woff2"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf")
      format("truetype");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src:
    url("/fonts/fa-solid-900.woff2") format("woff2"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf")
      format("truetype");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src:
    url("/fonts/fa-brands-400.woff2") format("woff2"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf")
      format("truetype");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src:
    url("/fonts/fa-regular-400.woff2") format("woff2"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf")
      format("truetype");
  unicode-range:
    u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e,
    u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094,
    u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7,
    u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a,
    u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e,
    u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7,
    u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d,
    u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba,
    u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc;
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src:
    url("/fonts/fa-v4compatibility.woff2") format("woff2"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-v4compatibility.ttf")
      format("truetype");
  unicode-range:
    u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090,
    u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b,
    u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163,
    u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a;
}

@keyframes a6r-spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes a6r-grow {
  0%,
  100% {
    transform: scaleY(0.55);
  }

  50% {
    transform: scaleY(1);
  }
}

@keyframes a6r-pulse {
  0%,
  100% {
    opacity: 0.45;
  }

  50% {
    opacity: 1;
  }
}

@keyframes b1647-spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes b1647-pulse {
  0% {
    opacity: 0.55;
    transform: scale(0.92);
  }

  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}

@keyframes ico-flow {
  0% {
    transform: translateX(0px);
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  100% {
    transform: translateX(46px);
    opacity: 0;
  }
}

@keyframes ico-spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes ico-dash {
  100% {
    stroke-dashoffset: -12;
  }
}

@keyframes ico-sway {
  0%,
  100% {
    transform: rotate(-40deg);
  }

  50% {
    transform: rotate(40deg);
  }
}

@keyframes awr-spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes awr-drop {
  0%,
  100% {
    transform: scale(0.8);
  }

  50% {
    transform: scale(1.1);
  }
}

@keyframes awr-fill {
  0%,
  100% {
    transform: scaleX(0.45);
  }

  50% {
    transform: scaleX(1);
  }
}

@keyframes bs10r-spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes bs10r-grow {
  0%,
  100% {
    transform: scaleY(0.6);
  }

  50% {
    transform: scaleY(1);
  }
}

@keyframes bsx-spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes bsx-pulse {
  0% {
    opacity: 0.55;
    transform: scale(0.92);
  }

  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}

@page flange-datasheet {
  size: a3 landscape;
  margin: 0px;
}

:root/* PAGE SECTION: /flange-datasheet/flanges/index.html | scopes: s0 */
:where([data-css~="s0"]) {
  --fb-navy: #0b1f33;
  --fb-orange: #f28c28;
  --fb-page-bg: #eef3f7;
  --fb-white: #ffffff;
  --fb-text: #263746;
  --fb-muted: #667684;
  --fb-border: #d5dee6;
  --fb-light: #f4f7fa;
  --fb-shadow: 0 8px 24px rgba(11, 31, 51, 0.08);
}

/* PAGE SECTION: /about-us/index.html | scopes: s1, s2, s3, s4, sc, sd, s1l, s1m, s1o, s1p, s1t, s1u, s1x, s1y, s22, s28, s2c, s2d, s2i, s2j, s2n, s2w, s2x, s2y, s30, s64, sel, sem, sfm, sfn, sfo, sfp, sfq, sfw, sg1, sg2, sg3, sg4, sg7, sg8, sgd, sgh, sgi, sgj, sgl, shc, shd, she, shf, sht, shy, si6, si7, sii, sij */
:where([data-css~="s1"]),
:where([data-css~="s1"]) * {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

html:where([data-css~="s1"]) {
  scroll-behavior: smooth;
}

:where([data-css~="s2"]) body {
  font-family: Poppins, sans-serif;
  background: rgb(255, 255, 255);
  color: rgb(34, 34, 34);
}

:where([data-css~="s2"]) img {
  max-width: 100%;
  display: block;
}

:where([data-css~="s2"]) a {
  text-decoration: none;
}

:where([data-css~="s2"]) ul {
  list-style: none;
}

:where([data-css~="s2"]) .container {
  width: 92%;
  max-width: 1380px;
  margin: auto;
}

:where([data-css~="s2"]) .top-bar {
  background: rgb(35, 35, 35);
  height: 42px;
}

:where([data-css~="s2"]) .top-bar-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 42px;
}

:where([data-css~="s2"]) .top-left,
:where([data-css~="s2"]) .top-right {
  display: flex;
  align-items: center;
  gap: 28px;
}

:where([data-css~="s2"]) .top-left a,
:where([data-css~="s2"]) .top-right a {
  color: rgb(255, 255, 255);
  font-size: 14px;
  transition: 0.3s;
}

:where([data-css~="s2"]) .top-left a:hover,
:where([data-css~="s2"]) .top-right a:hover {
  color: rgb(255, 107, 0);
}

:where([data-css~="s2"]) .top-right i {
  color: rgb(255, 107, 0);
  margin-right: 7px;
}

@media (max-width: 768px) {
  :where([data-css~="s3"]) .top-bar {
    height: auto;
    padding: 10px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4"]) .top-bar-container {
    height: auto;
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4"]) .top-left,
  :where([data-css~="s4"]) .top-right {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 18px;
  }
}

/* PAGE SECTION: /flanges/slip-on/index.html | scopes: s5, s2b, s2h, s8p, s8u, s9n, sb2, sdt, se4, seb, sid */
:where([data-css~="s5"]) .menu-toggle {
  display: none;
  background: none;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  font-size: 26px;
  color: rgb(17, 17, 17);
  cursor: pointer;
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .menu-toggle {
    display: block;
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .header-container {
    position: relative;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .navbar {
    display: none;
    order: 4;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .navbar.active {
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .header .navbar > ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .header .navbar > ul > li {
    width: 100%;
    border-bottom: 1px solid rgb(236, 236, 236);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .header .navbar > ul > li > a {
    width: 100%;
    padding: 14px 5px;
    justify-content: space-between;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .dropdown-menu {
    position: static;
    box-shadow: none;
    display: none;
    width: 100%;
    padding-left: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .dropdown.active .dropdown-menu {
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .header-right {
    order: 1;
    margin-left: auto;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /flanges/blind/index.html | scopes: s6, s7, s8, so, st, su, s2a, s2p, s2q, s67, s6q, s6y, s6z, s76, s7e, s7k, s7l, s7u, s7w, s8k, s8l, s8n, s8o, s8r, s8t, s90, s92, s93, s95, s9b, s9h, s9j, s9k, s9v, s9w, s9x, s9y, sa3, sa5, sa6, sa9, sae, sam, sao, sat, sau, sav, sb3, sb7, sb8, sb9, sbb, sbd, sbh, sbv, sc3, sc8, sc9, scg, sch, sci, scj, sck, scs, sct, scw, scx, sd3, sdr, sgg */
  :where([data-css~="s6"]) .top-bar {
    height: auto;
    padding: 8px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7"]) .top-bar-container {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    height: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8"]) .top-left {
    position: static;
    left: auto;
    transform: none;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8"]) .top-right {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 14px;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /flanges/index.html | scopes: s9, sq, s1v, s23, s2f, s4f, s6u, s78, s79, s7m, s8e, sf0, sfl */
  :where([data-css~="s9"]) .top-bar-container {
    height: auto;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9"]) .top-left,
  :where([data-css~="s9"]) .top-right {
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 18px;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /flanges/socket-weld/index.html | scopes: sa, s1z, s20, s2l, s7j, s81, s82, s8v, s9i, saq, sas, sb0, sbi, sdh, sdj, sdu, se2, se3, seq, ser, sfg, sfh, sh4, shk, si0, si1, sib */
  :where([data-css~="sa"]) .top-left,
  :where([data-css~="sa"]) .top-right {
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /flat-face-flanges/ff-slip-on-flange/index.html | scopes: sb, s69, s6g, s6h, s8g, s8y, s99, s9q, s9t, s9u, sbm, sc1, scd, sce, sd9, se1, se9, seu, sge, sgf */
  :where([data-css~="sb"]) .top-bar {
    height: auto;
    min-height: 42px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .top-bar-container {
    height: auto;
    min-height: 42px;
    padding: 8px 0px;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .top-left,
  :where([data-css~="sb"]) .top-right {
    width: 100%;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc"]) .top-left a,
  :where([data-css~="sc"]) .top-right a {
    font-size: 12px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sd"]) .top-bar {
    padding: 8px 0px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sd"]) .top-left,
  :where([data-css~="sd"]) .top-right {
    gap: 6px 14px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sd"]) .top-left a,
  :where([data-css~="sd"]) .top-right a {
    font-size: 11px;
  }
}

/* PAGE SECTION: /raised-face-flanges/rf-weld-neck-flange/index.html | scopes: se, s1e, sc5 */
:where([data-css~="se"]) .top-bar {
  background: rgb(35, 35, 35);
  height: 42px;
}

:where([data-css~="se"]) .top-bar-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 42px;
}

:where([data-css~="se"]) .top-left,
:where([data-css~="se"]) .top-right {
  display: flex;
  align-items: center;
  gap: 28px;
}

:where([data-css~="se"]) .top-left a,
:where([data-css~="se"]) .top-right a {
  color: rgb(255, 255, 255);
  font-size: 14px;
  transition: 0.3s;
}

:where([data-css~="se"]) .top-left a:hover,
:where([data-css~="se"]) .top-right a:hover {
  color: rgb(255, 107, 0);
}

:where([data-css~="se"]) .top-right i {
  color: rgb(255, 107, 0);
  margin-right: 7px;
}

@media (max-width: 768px) {
  /* PAGE SECTION: /flange-faces/index.html | scopes: sf, sg, sh, sp, sr, ss, s29, s2e, s2o, s4d, s4e, s6k, s6l, s6n, s6p, s6r, s6v, s6x, s70, s71, s74, s75, s77, s7a, s7b, s7c, s7q, s7s, s7x, s7y, s88, s8c, s8d, s8f, s8i, s8j, sf9, sfa, sfb, sff, sgc, sgu, sh3, shg, shp, shs, sil */
  :where([data-css~="sf"]) .top-bar {
    height: auto;
    padding: 9px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg"]) .top-bar-container {
    height: auto;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh"]) .top-left,
  :where([data-css~="sh"]) .top-right {
    justify-content: center;
    gap: 20px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh"]) .top-left a,
  :where([data-css~="sh"]) .top-right a {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /flat-face-flanges/ff-blind-flange/index.html | scopes: si, s1b, s1c, s1d, s21, s68, s6b, s6m, s6o, s6s, s72, s73, s7o, s7r, s84, s8h, s91, s98, sa1, sa2, sa8, sb4, sb5, sb6, sbc, sbn, sc4, scb, sco, scz, sd7, sdn, sdo, sdv, sdw, sdy, sdz, se0, se7, ses, set, sfi, sgw, sh7, sh9 */
  :where([data-css~="si"]) .top-bar-container {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .top-left {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .top-right {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .top-left a,
  :where([data-css~="si"]) .top-right a {
    font-size: 12px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /materials/carbon-and-alloy-steel/index.html | scopes: sj, s1s, s5v, s5x, s5y */
  :where([data-css~="sj"]) .container {
    width: 92%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /flat-face-flanges/ff-threaded-flange/index.html | scopes: sk, sl, s2r, s6c, s9r, sdc, sdx, se8, sea, sh8 */
  :where([data-css~="sk"]) .top-bar {
    height: auto;
    min-height: 42px;
    padding: 8px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .top-bar-container {
    height: auto;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .top-left,
  :where([data-css~="sl"]) .top-right {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .top-left a,
  :where([data-css~="sl"]) .top-right a {
    font-size: 12px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sj"]) .top-bar-container {
    height: auto;
    min-height: 42px;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sj"]) .top-left,
  :where([data-css~="sj"]) .top-right {
    width: 100%;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sj"]) .top-left a,
  :where([data-css~="sj"]) .top-right a {
    font-size: 12px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /raised-face-flanges/rf-socket-weld-flange/index.html | scopes: sm, s14, s26, s2m, s9e, scf */
  :where([data-css~="sm"]) .top-bar-container {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sm"]) .top-left,
  :where([data-css~="sm"]) .top-right {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sm"]) .top-left a,
  :where([data-css~="sm"]) .top-right a {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /ring-type-joint-flanges/rtj-weld-neck-flange/index.html | scopes: sn */
  :where([data-css~="sn"]) .top-bar-container {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .top-left {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 18px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .top-right {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 18px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .top-left a,
  :where([data-css~="sn"]) .top-right a {
    font-size: 13px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="so"]) .top-right i {
    margin-right: 5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sp"]) .top-bar {
    padding: 8px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sq"]) .top-bar {
    padding: 7px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sr"]) .top-bar-container {
    gap: 5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sh"]) .top-left,
  :where([data-css~="sh"]) .top-right {
    gap: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9"]) .top-left,
  :where([data-css~="s9"]) .top-right {
    gap: 5px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="ss"]) .top-left a,
  :where([data-css~="ss"]) .top-right a {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="ss"]) .top-right i {
    margin-right: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .top-bar-container {
    padding: 7px 0px;
    gap: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="st"]) .top-left,
  :where([data-css~="st"]) .top-right {
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .top-left {
    position: static;
    left: auto;
    transform: none;
    flex-wrap: wrap;
    gap: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .top-right {
    flex-wrap: wrap;
    gap: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .top-right {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /flanges/lap-joint/index.html | scopes: sv, sw, sy, s13, s15, s17, s1f, s1h, s2g, s2k, s6e, s7f, s7g, s7h, s7n, s7p, s7v, s7z, s9d, s9f, s9g, saa, sab, sac, sad, sag, sah, sai, sak, say, saz, sb1, sbg, sbo, sbp, sbw, sbx, sby, sc0, scu, scv, sd0, sd1, sd4, sd5, sd6, sdd, sdf, sdg, sdk, sds, sez, sf1, sfc, sfd, sfe, sgb, sh5, sh6, shr, shx, sia */
  :where([data-css~="sv"]) .top-bar {
    height: auto;
    padding: 8px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .top-bar-container {
    height: auto;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .top-bar-container {
    height: auto;
    flex-direction: column;
    gap: 7px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sw"]) .top-left,
  :where([data-css~="sw"]) .top-right {
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 18px;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /flat-face-flanges/index.html | scopes: sx, s1g, s1w, s8b, sec, sgm */
  :where([data-css~="sx"]) .top-bar-container {
    height: auto;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .top-left,
  :where([data-css~="sx"]) .top-right {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sy"]) .top-left a,
  :where([data-css~="sy"]) .top-right a {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sj"]) .container {
    width: 94%;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /raised-face-flanges/rf-slip-on-flange/index.html | scopes: sz, s86, s9s, sal, sbj, sc6, sdi */
  :where([data-css~="sz"]) .top-bar-container {
    height: auto;
    flex-direction: column;
    gap: 5px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /raised-face-flanges/index.html | scopes: s10, s12, s1k, s6i */
  :where([data-css~="s10"]) .top-left,
  :where([data-css~="s10"]) .top-right {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s10"]) .top-left a,
  :where([data-css~="s10"]) .top-right a {
    font-size: 11px;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /raised-face-flanges/rf-threaded-flange/index.html | scopes: s11, s6j, sbe, sbf, sde */
  :where([data-css~="s11"]) .top-bar-container {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .top-left,
  :where([data-css~="s11"]) .top-right {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .top-left a,
  :where([data-css~="s11"]) .top-right a {
    font-size: 11px;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s12"]) .top-right i {
    margin-right: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s13"]) .top-bar {
    padding: 7px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s14"]) .top-bar {
    padding: 9px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s15"]) .top-bar-container {
    gap: 5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .top-bar {
    padding: 8px 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se"]) .top-bar {
    padding: 8px 0px;
  }
}

@media (max-width: 480px) {
  /* PAGE SECTION: /flanges/threaded/index.html | scopes: s16, s1i, s6a, s80, s85, s87, s8q, s97, s9c, s9o, sa0, sa7, sar, sbk, sbl, sbr, sbt, sbu, sc2, scp, shq */
  :where([data-css~="s16"]) .top-bar-container {
    gap: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s17"]) .top-left,
  :where([data-css~="s17"]) .top-right {
    gap: 5px 12px;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /flat-face-flanges/ff-lap-joint-flange/index.html | scopes: s18, s1a, s24, s25, s27, s2t, s6d, s89, s8a, s8x, sa4, sap, scl, scm, scn, scq, scy, sdb, se5, sep, sfj, shu */
  :where([data-css~="s18"]) .top-bar-container {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-left {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-left a {
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-right {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-right a {
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /ring-type-joint-flanges/index.html | scopes: s19, s8w */
  :where([data-css~="s19"]) .top-bar-container {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 7px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .top-left,
  :where([data-css~="s19"]) .top-right {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 18px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .top-left a,
  :where([data-css~="s19"]) .top-right a {
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1a"]) .top-right i {
    margin-right: 5px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1b"]) .top-bar {
    padding: 9px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1c"]) .top-bar-container {
    gap: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1d"]) .top-left {
    gap: 5px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .top-left a {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1d"]) .top-right {
    gap: 5px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .top-left,
  :where([data-css~="sl"]) .top-right {
    gap: 4px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sj"]) .top-left,
  :where([data-css~="sj"]) .top-right {
    gap: 10px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .top-bar-container {
    gap: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1e"]) .top-left,
  :where([data-css~="s1e"]) .top-right {
    gap: 6px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1f"]) .top-left a,
  :where([data-css~="s1f"]) .top-right a {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1g"]) .top-bar-container {
    gap: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .top-left,
  :where([data-css~="sx"]) .top-right {
    gap: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .top-left a,
  :where([data-css~="sx"]) .top-right a {
    font-size: 10.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .top-left a,
  :where([data-css~="sm"]) .top-right a {
    font-size: 11.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .top-left {
    gap: 6px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .top-right {
    flex-direction: column;
    gap: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .top-left a,
  :where([data-css~="sn"]) .top-right a {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1h"]) .top-right i {
    margin-right: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .top-right {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .top-right {
    flex-direction: column;
    align-items: center;
    gap: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .top-right a {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .top-right i {
    font-size: 11px;
    margin-right: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .top-right a {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1a"]) .top-right i {
    font-size: 10px;
    margin-right: 4px;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /flat-face-flanges/ff-socket-weld-flange/index.html | scopes: s1j, s2s, s2u, s2v, s7d, s8s, s8z, sdp, sha, shj */
  :where([data-css~="s1j"]) .top-bar {
    height: auto;
    min-height: 80px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .top-bar-container {
    height: auto;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .top-left {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 20px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .top-left a {
    font-size: 13px;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .top-right {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 22px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .top-right a {
    font-size: 13px;
    white-space: nowrap;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .top-bar-container {
    padding: 9px 0px;
    gap: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .top-left {
    gap: 5px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .top-left a {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .top-right {
    gap: 5px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .top-right a {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .top-right {
    flex-direction: column;
    gap: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .top-left,
  :where([data-css~="s1k"]) .top-right {
    gap: 5px 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .top-left,
  :where([data-css~="s11"]) .top-right {
    gap: 6px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s12"]) .top-left a,
  :where([data-css~="s12"]) .top-right a {
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .top-right i {
    font-size: 9px;
    margin-right: 3px;
  }
}

@media (max-width: 360px) {
  :where([data-css~="s1k"]) .top-left,
  :where([data-css~="s1k"]) .top-right {
    gap: 4px 8px;
  }
}

@media (max-width: 360px) {
  :where([data-css~="s1k"]) .top-left a,
  :where([data-css~="s1k"]) .top-right a {
    font-size: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .top-right i {
    margin-right: 3px;
  }
}

:where([data-css~="s2"]) .header {
  background: rgb(255, 255, 255);
  border-bottom: 1px solid rgb(236, 236, 236);
  position: sticky;
  top: 0px;
  z-index: 1000;
}

:where([data-css~="s2"]) .header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  height: 95px;
}

:where([data-css~="s2"]) .logo {
  flex: 0 0 200px;
}

:where([data-css~="s2"]) .logo img {
  width: 200px;
}

:where([data-css~="s2"]) .navbar {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  margin-left: 20px;
}

:where([data-css~="s2"]) .header .navbar > ul {
  display: flex;
  align-items: center;
  gap: 32px;
}

:where([data-css~="s2"]) .header .navbar > ul > li {
  white-space: nowrap;
}

:where([data-css~="s2"]) .header .navbar > ul > li > a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 17px;
  font-weight: 400;
  color: rgb(17, 17, 17);
  transition: 0.3s;
}

:where([data-css~="s1l"]) .header .navbar > ul > li > a:hover {
  color: rgb(255, 107, 0);
}

@media (hover: hover) and (pointer: fine) {
  :where([data-css~="s8"]) .header .navbar > ul > li > a:hover {
    color: rgb(255, 107, 0);
  }
}

:where([data-css~="s2"]) .navbar ul li a i {
  font-size: 11px;
  margin-left: 6px;
  transition: 0.3s;
}

:where([data-css~="s2"]) .dropdown {
  position: relative;
}

:where([data-css~="s2"]) .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0px;
  background: rgb(255, 255, 255);
  min-width: 260px;
  display: none;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 25px;
  padding: 10px 0px;
  z-index: 9999;
}

:where([data-css~="s1m"]) .dropdown:hover .dropdown-menu {
  display: block;
}

/* PAGE SECTION: /dimensions/api-6a/index.html | scopes: s1n, sgo, sgr, sgs, sgt, shl, sim */
:where([data-css~="s1n"]) .dropdown:hover > .dropdown-menu {
  display: block;
}

:where([data-css~="s2"]) .dropdown-menu li {
  width: 100%;
}

:where([data-css~="s2"]) .dropdown-menu li a {
  display: block;
  padding: 12px 20px;
  background: rgb(255, 255, 255);
  color: rgb(34, 34, 34) !important;
}

:where([data-css~="s2"]) .dropdown-menu li a:hover {
  background: rgb(255, 107, 0) !important;
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="s1m"]) .navbar {
  position: relative;
}

:where([data-css~="s1o"])
  .nav-menu
  > li.dropdown:has(.dimensions-dropdown-menu) {
  position: static;
}

:where([data-css~="s1o"]) .nav-menu > li.dropdown > .dimensions-dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 20px);
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  min-width: 900px;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px 30px;
  padding: 20px;
  margin: 0px;
  background: rgb(255, 255, 255);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 12px 30px;
  z-index: 9999;
  box-sizing: border-box;
}

:where([data-css~="s1n"]) .navbar {
  position: static;
}

:where([data-css~="s1n"]) .nav-menu > li.dropdown.dimensions-parent {
  position: static;
}

:where([data-css~="s1n"]) .nav-menu > li.dropdown > .dimensions-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  min-width: 900px;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px 30px;
  padding: 20px;
  margin: 0px;
  background: rgb(255, 255, 255);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 12px 30px;
  z-index: 9999;
  box-sizing: border-box;
}

:where([data-css~="s1p"])
  .nav-menu
  > li.dropdown:hover
  > .dimensions-dropdown-menu {
  display: grid;
}

:where([data-css~="s1o"])
  .nav-menu
  > li.dropdown
  > .dimensions-dropdown-menu
  li
  a {
  display: block;
  padding: 12px 20px;
  color: rgb(34, 34, 34);
  white-space: nowrap;
}

:where([data-css~="s1n"])
  .nav-menu
  > li.dropdown
  > .dimensions-dropdown-menu
  li {
  width: 100%;
}

:where([data-css~="s1n"])
  .nav-menu
  > li.dropdown
  > .dimensions-dropdown-menu
  li
  a {
  display: block;
  padding: 12px 20px;
  white-space: nowrap;
  color: rgb(34, 34, 34) !important;
}

:where([data-css~="s1p"])
  .nav-menu
  > li.dropdown
  > .dimensions-dropdown-menu
  li
  a:hover {
  background: rgb(255, 107, 0) !important;
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="s1o"]) .dimensions-dropdown-menu::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0px;
  width: 100%;
  height: 20px;
  background: transparent;
}

@media (hover: hover) and (pointer: fine) {
  :where([data-css~="s1p"]) .dropdown-menu li a:hover {
    background: rgb(255, 107, 0) !important;
    color: rgb(255, 255, 255) !important;
  }
}

/* PAGE SECTION: /dimensions/asme/b16.47/series-a/class-150/index.html | scopes: s1q, s4g, s4i, s4j, s4o, s4p */
:where([data-css~="s1q"]) .dimensions-dropdown {
  position: static;
}

:where([data-css~="s1q"]) .dimensions-dropdown > .dimensions-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  min-width: 900px;
  padding: 20px;
  margin: 0px;
  background: rgb(255, 255, 255);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 12px 30px;
  z-index: 9999;
  box-sizing: border-box;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px 30px;
}

:where([data-css~="s1q"])
  .dimensions-dropdown:hover
  > .dimensions-dropdown-menu {
  display: grid;
}

:where([data-css~="s1q"]) .dimensions-dropdown-menu li {
  width: 100%;
}

:where([data-css~="s1q"]) .dimensions-dropdown-menu li a {
  display: block;
  padding: 12px 20px;
  background: rgb(255, 255, 255);
  white-space: nowrap;
  color: rgb(34, 34, 34) !important;
}

:where([data-css~="s1q"]) .dimensions-dropdown-menu li a:hover {
  background: rgb(255, 107, 0) !important;
  color: rgb(255, 255, 255) !important;
}

@media (min-width: 769px) {
  /* PAGE SECTION: /flanges/weld-neck/index.html | scopes: s1r, s6f, s7t, s96, s9l, s9m, s9p, s9z, saf, san, saw, sax, sbq, sbs, sbz, sd2, sda, sdl, sdm, sdq, se6, sfz */
  :where([data-css~="s1r"]) .header .navbar > ul > li.dropdown:hover > a {
    color: rgb(255, 107, 0) !important;
  }
}

@media (min-width: 769px) {
  :where([data-css~="s1r"]) .header .navbar > ul > li.dropdown:hover > a i {
    color: rgb(255, 107, 0) !important;
  }
}

:where([data-css~="s2"]) .header-right {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}

:where([data-css~="s1s"]) .header-right {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}

:where([data-css~="s2"]) .contact-btn {
  padding: 14px 22px;
  border: 1px solid rgb(215, 215, 215);
  color: rgb(11, 31, 51);
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  transition: 0.25s;
}

:where([data-css~="s2"]) .contact-btn:hover {
  background: rgb(11, 31, 51);
  color: rgb(255, 255, 255);
}

:where([data-css~="s2"]) .quote-btn {
  background: rgb(255, 107, 0);
  color: rgb(255, 255, 255);
  padding: 18px 32px;
  border-radius: 5px;
  font-size: 17px;
  font-weight: 600;
  transition: 0.25s;
}

:where([data-css~="s1r"]) .quote-btn:hover {
  background: rgb(232, 95, 0);
}

:where([data-css~="s2"]) .search-btn {
  width: 48px;
  height: 48px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(17, 17, 17);
  font-size: 22px;
  transition: 0.25s;
}

:where([data-css~="s2"]) .search-btn:hover {
  border-color: rgb(255, 107, 0);
  color: rgb(255, 107, 0);
}

:where([data-css~="s1t"]) .menu-toggle {
  display: none;
  background: none;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  font-size: 26px;
  color: rgb(17, 17, 17);
  cursor: pointer;
}

:where([data-css~="sz"]) .menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  order: 2;
  width: 44px;
  height: 44px;
  background: none;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  font-size: 25px;
  color: rgb(17, 17, 17);
  cursor: pointer;
}

@media (max-width: 768px) {
  :where([data-css~="s1u"]) .header-container {
    position: relative;
    height: 80px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh"]) .header {
    position: relative;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh"]) .header-container {
    position: relative;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .header-container {
    position: relative;
    height: auto;
    min-height: 75px;
    padding: 12px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .header-container {
    position: relative;
    height: auto;
    min-height: 75px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1r"]) .header-container {
    position: relative;
    height: 95px;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .header-container {
    position: relative;
    height: 78px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1w"]) .header-container {
    position: relative;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .header-container {
    height: 75px;
    position: relative;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .header-container {
    position: relative;
    height: 75px;
  }
}

:where([data-css~="se"]) .menu-toggle {
  display: none;
  background: none;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  font-size: 26px;
  color: rgb(17, 17, 17);
  cursor: pointer;
  padding: 8px;
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .header-container {
    position: relative;
    height: 80px;
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1x"]) .logo {
    flex: 0 0 auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1y"]) .logo img {
    width: 170px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .logo img {
    width: 150px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1z"]) .header-container {
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    position: relative;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .header-container {
    position: relative;
    min-height: 75px;
    height: auto;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1s"]) .top-bar {
    height: auto;
    padding: 8px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1s"]) .top-bar-container {
    height: auto;
    flex-direction: column;
    gap: 5px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1s"]) .top-left,
  :where([data-css~="s1s"]) .top-right {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1s"]) .top-left a,
  :where([data-css~="s1s"]) .top-right a {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1s"]) .header-container {
    min-height: 78px;
    height: auto;
    position: relative;
    flex-wrap: wrap;
    gap: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .header-container {
    position: relative;
    height: auto;
    min-height: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 0px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s20"]) .logo {
    flex: 0 0 auto;
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1z"]) .logo img {
    width: 170px;
    height: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s21"]) .logo img {
    width: 155px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s22"]) .header-right {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sd"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    width: 44px;
    height: 44px;
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    font-size: 26px;
    color: rgb(17, 17, 17);
    cursor: pointer;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s23"]) .logo img {
    width: 165px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .menu-toggle {
    display: block;
    margin-left: auto;
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    font-size: 28px;
    color: rgb(17, 17, 17);
    cursor: pointer;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1z"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
    width: 46px;
    height: 46px;
    padding: 0px;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 6px;
    background: rgb(255, 255, 255);
    color: rgb(15, 41, 66);
    font-size: 24px;
    cursor: pointer;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1z"]) .menu-toggle:hover {
    background: rgb(255, 107, 0);
    border-color: rgb(255, 107, 0);
    color: rgb(255, 255, 255);
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    width: 42px;
    height: 42px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 5px;
    font-size: 22px;
    color: rgb(17, 17, 17);
    cursor: pointer;
  }
}

@media (max-width: 768px) {
  html:where([data-css~="s18"]),
  :where([data-css~="s18"]) body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .container {
    width: 92%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-bar {
    height: auto;
    padding: 9px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-bar-container {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 7px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-left {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 17px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-left a {
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-right {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-right a {
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-right i {
    font-size: 11px;
    margin-right: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header {
    width: 100%;
    position: relative;
    z-index: 1000;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header-container {
    width: 92%;
    min-height: 78px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
    position: relative;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .header {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .header-container {
    position: relative;
    width: 100%;
    min-height: 80px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s24"]) .logo {
    flex: 0 0 auto;
    order: 1;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .logo img {
    width: 155px;
    max-width: 155px;
    height: auto;
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .logo img {
    width: 165px;
    height: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .logo img {
    width: 160px;
    height: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s25"]) .header-right {
    display: none !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .menu-toggle {
    order: 2;
    width: 46px;
    height: 46px;
    padding: 0px;
    margin: 0px;
    align-items: center;
    justify-content: center;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 6px;
    color: rgb(17, 17, 17);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
    transition: 0.25s;
    display: flex !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .logo img {
    width: 145px;
    height: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .header-right {
    order: 2;
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .contact-btn,
  :where([data-css~="s26"]) .quote-btn {
    display: none !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .search-btn {
    width: 42px;
    height: 42px;
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sm"]) .menu-toggle {
    display: flex;
    order: 3;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-left: 8px;
    background: transparent;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 5px;
    font-size: 21px;
    color: rgb(17, 17, 17);
    cursor: pointer;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s27"]) .menu-toggle:hover {
    border-color: rgb(255, 107, 0);
    color: rgb(255, 107, 0);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .menu-toggle i {
    line-height: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
    margin-left: auto;
    width: 44px;
    height: 44px;
    padding: 0px;
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    font-size: 26px;
    color: rgb(17, 17, 17);
    cursor: pointer;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .menu-toggle {
    display: block;
    margin-left: auto;
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    font-size: 26px;
    color: rgb(17, 17, 17);
    cursor: pointer;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: auto;
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    color: rgb(17, 17, 17);
    font-size: 25px;
    cursor: pointer;
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 3;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .header-right {
    order: 2;
    margin-left: auto;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .contact-btn,
  :where([data-css~="se"]) .quote-btn {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .search-btn {
    width: 42px;
    height: 42px;
    font-size: 19px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
    width: 42px;
    height: 42px;
    padding: 0px;
    margin-left: auto;
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    color: rgb(17, 17, 17);
    font-size: 25px;
    cursor: pointer;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s28"]) .navbar {
    display: none;
    order: 3;
    position: absolute;
    top: 78px;
    left: 0px;
    width: 100%;
    background: rgb(255, 255, 255);
    margin-left: 0px;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px;
    max-height: calc(-78px + 100vh);
    overflow-y: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s29"]) .logo img {
    width: 200px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh"]) .navbar {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background: rgb(255, 255, 255);
    z-index: 99999;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .header-container {
    position: relative;
    height: 95px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: auto;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 6px;
    background: rgb(255, 255, 255);
    color: rgb(17, 17, 17);
    font-size: 20px;
    cursor: pointer;
    transition: 0.25s;
    order: 2;
  }
}

@media (max-width: 768px) {
  @media (hover: hover) and (pointer: fine) {
    :where([data-css~="su"]) .menu-toggle:hover {
      border-color: rgb(255, 107, 0);
      color: rgb(255, 107, 0);
    }
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1r"]) .header-right {
    align-items: center;
    gap: 12px;
    margin-left: auto;
    order: 1;
    flex-shrink: 0;
    display: flex !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1r"]) .header-right .contact-btn {
    display: none !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1r"]) .header-right .quote-btn {
    display: none !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1r"]) .header-right .search-btn {
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  @media (max-width: 768px) {
    :where([data-css~="s1r"]) .header-right .search-btn {
      display: none !important;
    }
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1r"]) .menu-toggle {
    display: block;
    order: 2;
    margin-left: 8px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2a"]) .navbar {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    background: rgb(255, 255, 255);
    z-index: 999;
    max-height: calc(-95px + 100vh);
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2b"]) .menu-toggle {
    display: block;
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2b"]) .header-container {
    position: relative;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2b"]) .navbar {
    display: none;
    order: 4;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .navbar {
    display: none;
    order: 3;
    position: absolute;
    top: 78px;
    left: 0px;
    width: 100%;
    background: rgb(255, 255, 255);
    margin-left: 0px;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2c"]) .navbar.active {
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2d"]) .header .navbar > ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2e"]) .header .navbar > ul {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2f"]) .header .navbar > ul {
    flex-direction: column;
    align-items: stretch;
    gap: 0px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2g"]) .header .navbar > ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2h"]) .header .navbar > ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2i"]) .header .navbar > ul > li {
    width: 100%;
    border-bottom: 1px solid rgb(236, 236, 236);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2j"]) .header .navbar > ul > li > a {
    width: 100%;
    padding: 14px 20px;
    justify-content: space-between;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1u"]) .dropdown-menu {
    position: static;
    display: none;
    width: 100%;
    min-width: 0px;
    padding: 0px 0px 0px 15px;
    box-shadow: none;
    border-radius: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .header .navbar > ul > li > a {
    width: 100%;
    padding: 15px 20px;
    justify-content: space-between;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .dropdown-menu {
    position: static;
    display: none;
    width: 100%;
    min-width: 0px;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
    background: rgb(248, 249, 251);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2k"]) .header .navbar > ul > li > a {
    width: 100%;
    padding: 14px 5px;
    justify-content: space-between;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .dropdown-menu {
    position: static;
    display: none;
    width: 100%;
    min-width: 0px;
    padding-left: 15px;
    box-shadow: none;
    border-radius: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2h"]) .dropdown-menu {
    position: static;
    box-shadow: none;
    display: none;
    width: 100%;
    padding-left: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2l"]) .header .navbar > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1z"]) .dropdown-menu {
    position: static;
    display: none;
    width: 100%;
    min-width: 0px;
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .dropdown-menu {
    position: static;
    width: 100%;
    min-width: 0px;
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
    background: rgb(248, 249, 251);
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1w"]) .header .navbar > ul > li > a {
    width: 100%;
    padding: 15px 20px;
    justify-content: space-between;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1w"]) .dropdown-menu {
    position: static;
    width: 100%;
    min-width: 0px;
    display: none;
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .header .navbar > ul > li > a {
    width: 100%;
    min-height: 52px;
    padding: 14px 20px;
    justify-content: space-between;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .dropdown-menu {
    position: static;
    display: none;
    width: 100%;
    min-width: 0px;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
    background: rgb(248, 248, 248);
  }
}

@media (max-width: 768px) {
  :where([data-css~="sm"]) .header .navbar > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 5px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2m"]) .dropdown {
    position: static;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sm"]) .dropdown-menu {
    position: static;
    display: none;
    width: 100%;
    min-width: 0px;
    padding: 0px 0px 5px 15px;
    background: rgb(248, 249, 251);
    border-radius: 0px;
    box-shadow: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .dropdown-menu {
    position: static;
    display: none;
    width: 100%;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    background: rgb(248, 249, 251);
    border-radius: 0px;
    box-shadow: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2n"]) .dropdown.active .dropdown-menu {
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh"]) .header .navbar > ul > li > a {
    width: 100%;
    min-height: 54px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh"]) .dropdown-menu {
    position: static;
    display: none;
    width: 100%;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    box-shadow: none;
    background: rgb(247, 248, 250);
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh"]) .dropdown.active > .dropdown-menu {
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh"]) .dropdown-menu li {
    width: 100%;
    border-top: 1px solid rgb(229, 229, 229);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2o"]) .dropdown-menu li a {
    padding: 13px 35px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .header .navbar > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .dropdown-menu {
    position: static;
    width: 100%;
    padding-left: 15px;
    box-shadow: none;
    background: rgb(255, 255, 255);
    display: none !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .dropdown.active > .dropdown-menu {
    display: block !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2p"]) .dropdown-menu li {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .dropdown-menu li a {
    display: block;
    width: 100%;
    padding: 12px 20px;
    background: rgb(255, 255, 255);
    color: rgb(34, 34, 34) !important;
  }
}

@media (max-width: 768px) {
  @media (hover: hover) and (pointer: fine) {
    :where([data-css~="su"]) .dropdown-menu li a:hover {
      background: rgb(255, 107, 0) !important;
      color: rgb(255, 255, 255) !important;
    }
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .dropdown-menu li a {
    padding: 12px 35px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .logo img {
    width: 170px;
    height: auto;
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2q"]) .header-right {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0px;
    margin-left: auto;
    background: transparent;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 6px;
    font-size: 22px;
    color: rgb(11, 31, 51);
    cursor: pointer;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2b"]) .header-right {
    order: 1;
    margin-left: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .header-container {
    padding: 14px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .logo {
    flex: 0 0 140px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .logo img {
    width: 140px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .navbar {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    margin-left: 0px;
    background: rgb(255, 255, 255);
    z-index: 999;
    max-height: calc(-95px + 100vh);
    overflow: hidden auto;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .header .navbar > ul {
    flex-wrap: wrap;
    gap: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .header .navbar > ul > li > a {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .dropdown-menu {
    min-width: 200px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .dropdown-menu li a {
    padding: 10px 16px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .dropdown:hover .dropdown-menu {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .dropdown.active:hover .dropdown-menu {
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .dropdown-menu li a {
    padding: 12px 35px;
    border-top: 1px solid rgb(236, 236, 236);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .navbar.active {
    display: block !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header .navbar > ul {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0px;
    padding: 5px 0px;
    display: flex !important;
    align-items: stretch !important;
    gap: 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header .navbar > ul > li {
    width: 100%;
    display: block;
    white-space: normal;
    border-bottom: 1px solid rgb(238, 238, 238);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
    width: 45px;
    height: 45px;
    padding: 0px;
    margin-left: auto;
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    font-size: 25px;
    color: rgb(17, 17, 17);
    cursor: pointer;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .menu-toggle i {
    pointer-events: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .navbar {
    display: none;
    order: 3;
    position: absolute;
    top: 78px;
    left: 0px;
    width: 100%;
    background: rgb(255, 255, 255);
    margin-left: 0px;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px;
    max-height: calc(-78px + 100vh);
    overflow-y: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .navbar.active {
    display: block;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .header .navbar > ul {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0px;
    margin: 0px;
    padding: 10px 0px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .header .navbar > ul > li {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid rgb(236, 236, 236);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s24"]) .header .navbar > ul > li:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header .navbar > ul > li > a {
    width: 100%;
    min-height: 52px;
    padding: 15px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    color: rgb(17, 17, 17);
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header .navbar > ul > li > a:hover {
    color: rgb(255, 107, 0);
    background: rgb(250, 250, 250);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .navbar ul li a i {
    margin-left: auto;
    font-size: 10px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .header .navbar > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 52px;
    padding: 14px 5px;
    font-size: 16px;
    line-height: 1.4;
    color: rgb(17, 17, 17);
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .header .navbar > ul {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0px;
    margin: 0px;
    padding: 0px;
    background: rgb(255, 255, 255);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2r"]) .header .navbar > ul > li {
    width: 100%;
    white-space: normal;
    border-bottom: 1px solid rgb(236, 236, 236);
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .header .navbar > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 52px;
    padding: 14px 8px;
    font-size: 16px;
    font-weight: 500;
    color: rgb(17, 17, 17);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2s"]) .header .navbar > ul > li > a:hover {
    color: rgb(255, 107, 0);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .header .navbar > ul > li:first-child {
    border-top: 1px solid rgb(236, 236, 236);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .header .navbar > ul > li > a {
    width: 100%;
    min-height: 52px;
    padding: 14px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2t"]) .dropdown {
    position: relative;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dropdown-menu {
    margin: 0px;
    display: none;
    background: rgb(248, 249, 251);
    border-radius: 0px;
    border-top: 1px solid rgb(238, 238, 238);
    position: static !important;
    width: 100% !important;
    min-width: 0px !important;
    padding: 0px !important;
    box-shadow: none !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dropdown.active .dropdown-menu {
    display: block !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dropdown-menu li {
    width: 100%;
    border-bottom: 1px solid rgb(232, 232, 232);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dropdown-menu li:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dropdown-menu li a {
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    padding: 13px 32px !important;
    color: rgb(51, 51, 51) !important;
    background: rgb(248, 249, 251) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dropdown-menu li a:hover {
    background: rgb(255, 243, 232) !important;
    color: rgb(255, 107, 0) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .dropdown-menu {
    position: static;
    display: none;
    width: 100%;
    min-width: 0px;
    margin: 0px;
    padding: 0px 0px 5px 15px;
    background: rgb(255, 255, 255);
    box-shadow: none;
    border-radius: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .dropdown-menu {
    position: static;
    display: none;
    width: 100%;
    min-width: 0px;
    margin: 0px;
    padding: 0px 0px 5px 15px;
    background: rgb(250, 250, 250);
    border-radius: 0px;
    box-shadow: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .header .navbar > ul > li > a {
    width: 100%;
    min-height: 52px;
    padding: 14px 20px;
    justify-content: space-between;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .dropdown-menu {
    position: static;
    width: 100%;
    min-width: 0px;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
    display: none;
    background: rgb(248, 249, 250);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .dropdown-menu {
    position: static;
    width: 100%;
    min-width: 0px;
    padding: 0px 0px 5px 15px;
    background: rgb(248, 249, 251);
    border-radius: 0px;
    box-shadow: none;
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2u"]) .dropdown:hover .dropdown-menu {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2u"]) .dropdown.active .dropdown-menu {
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .dropdown-menu li {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .dropdown-menu li a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 45px;
    padding: 11px 15px;
    font-size: 15px;
    line-height: 1.4;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(241, 241, 241);
    color: rgb(34, 34, 34) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .dropdown-menu li:last-child a {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .dropdown-menu li {
    width: 100%;
    border-bottom: 1px solid rgb(238, 238, 238);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .dropdown-menu li {
    width: 100%;
    border-bottom: 1px solid rgb(229, 229, 229);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2r"]) .dropdown-menu li:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .dropdown-menu li a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 46px;
    padding: 11px 15px;
    background: rgb(250, 250, 250);
    font-size: 14px;
    color: rgb(51, 51, 51) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sm"]) .dropdown-menu li a {
    display: block;
    padding: 12px 15px;
    font-size: 14px;
    background: transparent;
    color: rgb(34, 34, 34) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .dropdown-menu li a {
    display: block;
    width: 100%;
    padding: 12px 15px;
    font-size: 15px;
    background: transparent;
    color: rgb(51, 51, 51) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2v"]) .dropdown-menu li a:hover {
    background: rgb(255, 107, 0) !important;
    color: rgb(255, 255, 255) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .navbar ul li a i {
    font-size: 10px;
    margin-left: 8px;
    transition: transform 0.3s;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .dropdown.active > a i {
    transform: rotate(180deg);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .dropdown-menu li a {
    padding: 13px 35px;
    font-size: 15px;
    border-top: 1px solid rgb(238, 238, 238);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .dropdown-menu li a {
    display: block;
    width: 100%;
    padding: 13px 35px;
    font-size: 14px;
    background: rgb(248, 249, 251);
    color: rgb(34, 34, 34) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .dropdown-menu li {
    border-top: 1px solid rgb(236, 236, 236);
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .dropdown-menu li a {
    padding: 12px 35px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2w"]) .dropdown.active > .dimensions-dropdown-menu {
    display: block !important;
    position: static !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    min-width: 0px !important;
    transform: none !important;
    left: auto !important;
    padding: 10px 0px !important;
    box-shadow: none !important;
    gap: 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s2w"])
    .nav-menu
    > li.dropdown
    > .dimensions-dropdown-menu
    li
    a {
    padding: 12px 20px !important;
    white-space: normal !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1q"]) .dimensions-dropdown > .dimensions-dropdown-menu {
    position: static !important;
    display: none !important;
    width: 100% !important;
    min-width: 0px !important;
    transform: none !important;
    padding: 0px !important;
    margin: 0px !important;
    background: rgb(255, 255, 255) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    grid-template-columns: 1fr !important;
    gap: 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1q"])
    .dimensions-dropdown.active
    > .dimensions-dropdown-menu {
    display: block !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1q"]) .dimensions-dropdown-menu li {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1q"]) .dimensions-dropdown-menu li a {
    width: 100% !important;
    padding: 12px 30px !important;
    box-sizing: border-box !important;
    background: rgb(248, 249, 250) !important;
    color: rgb(34, 34, 34) !important;
    white-space: normal !important;
  }
}

@media (max-width: 400px) {
  :where([data-css~="s1u"]) .header-container {
    height: 72px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="s1u"]) .logo img {
    width: 150px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sd"]) .menu-toggle {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .menu-toggle {
    font-size: 24px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="s1u"]) .header .navbar > ul > li > a {
    padding: 13px 16px;
    font-size: 15px;
  }
}

@media (max-width: 400px) {
  @media (max-width: 480px) {
    :where([data-css~="s2x"]) .dimensions-dropdown-menu li a {
      padding: 10px 16px !important;
      font-size: 14px !important;
    }
  }
}

:where([data-css~="s2y"]) .co-page,
:where([data-css~="s2y"]) body {
  --co-bg: #f4f6f9;
  --co-card: #ffffff;
  --co-ink: #0f1b2d;
  --co-mute: #5b6677;
  --co-line: #e2e6ec;
  --co-navy: #13202f;
  --co-or: #f07f1d;
  --co-soft: #fff3e6;
}

:root/* PAGE SECTION: /flange-datasheet/asme-b16.5-class-150/blind/metric.html | scopes: s2z, six, siz */
:where([data-css~="s2z"]) {
  --fb-orange: #e8721f;
}

:where([data-css~="s30"]),
:where([data-css~="s30"]) * {
  box-sizing: border-box;
}

html:where([data-css~="s2y"]) {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}

:where([data-css~="s2y"]) body {
  margin: 0px;
  background: var(--co-bg);
  color: var(--co-ink);
  font-family: Poppins, system-ui, Arial, sans-serif;
  line-height: 1.6;
}

:where([data-css~="s2y"]) .co-eyebrow {
  color: var(--co-or);
  font-size: 13px;
  letter-spacing: 0.25em;
  font-weight: 700;
  text-transform: uppercase;
}

:where([data-css~="s2y"]) section {
  margin-bottom: 48px;
}

:where([data-css~="s2y"]) section h2 {
  font-size: 34px;
  margin: 6px 0px 18px;
  line-height: 1.25;
}

:where([data-css~="s2y"]) .co-lead {
  color: var(--co-mute);
  max-width: 760px;
  font-size: 17px;
}

:where([data-css~="s2y"]) .co-hero {
  background: var(--co-navy);
  color: rgb(255, 255, 255);
  padding: 28px 20px 70px;
  text-align: center;
}

:where([data-css~="s2y"]) .co-crumb {
  font-size: 16px;
  line-height: 1.4;
  opacity: 0.7;
  margin: 0px auto 8px;
  padding: 0px;
}

:where([data-css~="s2y"]) .co-crumb a {
  color: inherit;
  text-decoration: none;
}

:where([data-css~="s2y"]) .co-crumb a:hover {
  color: var(--co-or);
}

:where([data-css~="s2y"]) .co-hero > .co-eyebrow {
  display: block;
  color: var(--co-or);
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0.25em;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px 0px 8px;
}

:where([data-css~="s2y"]) .co-hero h1 {
  font-size: clamp(28px, 5vw, 46px);
  margin: 8px auto 12px;
  max-width: 760px;
  line-height: 1.2;
}

:where([data-css~="s2y"]) .co-hero h1 span {
  color: var(--co-or);
}

:where([data-css~="s2y"]) .co-hero p {
  max-width: 700px;
  margin: 0px auto;
  color: rgb(197, 208, 222);
  font-size: 18px;
  line-height: 1.7;
}

:where([data-css~="s2y"]) .co-stats {
  max-width: 1000px;
  margin: -38px auto 0px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding: 0px 16px;
}

:where([data-css~="s2y"]) .co-stat {
  background: var(--co-card);
  border: 1px solid var(--co-line);
  border-bottom: 3px solid var(--co-or);
  border-radius: 10px;
  padding: 16px;
  text-align: center;
}

:where([data-css~="s2y"]) .co-stat b {
  display: block;
  font-size: 32px;
  color: var(--co-or);
}

:where([data-css~="s2y"]) .co-stat small {
  color: var(--co-mute);
  font-size: 14px;
}

:where([data-css~="s2y"]) .co-wrap {
  max-width: 1240px;
  margin: 36px auto;
  padding: 0px 16px;
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 40px;
}

:where([data-css~="s2y"]) .co-side {
  position: sticky;
  top: 120px;
  max-height: calc(-140px + 100vh);
  overflow-y: auto;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-left: 2px solid var(--co-line);
}

:where([data-css~="s2y"]) .co-side a {
  padding: 12px 20px;
  margin-left: -2px;
  border-left: 2px solid transparent;
  color: var(--co-mute);
  text-decoration: none;
  font-size: 17px;
  font-weight: 500;
}

:where([data-css~="s2y"]) .co-side a.on {
  color: var(--co-or);
  border-color: var(--co-or);
  font-weight: 600;
}

:where([data-css~="s2y"]) .co-story {
  display: grid;
  gap: 18px;
  max-width: 840px;
  margin-top: 6px;
}

:where([data-css~="s2y"]) .co-story p {
  margin: 0px;
  color: var(--co-mute);
  font-size: 17.5px;
  line-height: 1.8;
}

:where([data-css~="s2y"]) .co-story p:first-child::first-letter {
  font-size: 58px;
  font-weight: 700;
  color: var(--co-or);
  float: left;
  line-height: 1;
  margin: 4px 8px 0px 0px;
}

:where([data-css~="s2y"]) .co-story strong {
  color: var(--co-ink);
}

:where([data-css~="s2y"]) .co-tl {
  position: relative;
  margin-top: 26px;
  padding-left: 26px;
  border-left: 2px dashed var(--co-or);
}

:where([data-css~="s2y"]) .co-tl div {
  position: relative;
  margin-bottom: 22px;
}

:where([data-css~="s2y"]) .co-tl div::before {
  content: "";
  position: absolute;
  left: -34px;
  top: 6px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--co-or);
  border: 3px solid var(--co-bg);
}

:where([data-css~="s2y"]) .co-tl b {
  color: var(--co-or);
  font-size: 24px;
}

:where([data-css~="s2y"]) .co-tl p {
  margin: 2px 0px 0px;
  color: var(--co-mute);
  font-size: 16.5px;
}

:where([data-css~="s2y"]) .co-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 18px;
  margin-top: 18px;
}

:where([data-css~="s2y"]) .co-card {
  background: var(--co-card);
  border: 1px solid var(--co-line);
  border-radius: 12px;
  padding: 24px;
}

:where([data-css~="s2y"]) .co-card h3 {
  margin: 0px 0px 8px;
  font-size: 19px;
}

:where([data-css~="s2y"]) .co-card p {
  margin: 0px;
  color: var(--co-mute);
  font-size: 16px;
}

:where([data-css~="s2y"]) .co-ico {
  width: 48px;
  height: 48px;
  font-size: 20px;
  border-radius: 9px;
  background: var(--co-soft);
  color: var(--co-or);
  display: grid;
  place-items: center;
  font-weight: 700;
  margin-bottom: 10px;
}

:where([data-css~="s2y"]) .co-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

:where([data-css~="s2y"]) .co-chip {
  background: var(--co-card);
  border: 1px solid var(--co-line);
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 15px;
}

:where([data-css~="s2y"]) .co-chip.o {
  background: var(--co-navy);
  color: rgb(255, 255, 255);
  border-color: var(--co-or);
}

:where([data-css~="s2y"]) .co-mach {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 18px;
  margin-top: 16px;
}

:where([data-css~="s2y"]) .co-m {
  background: var(--co-card);
  border: 1px solid var(--co-line);
  border-radius: 12px;
  overflow: hidden;
}

:where([data-css~="s2y"]) .co-ph {
  height: 150px;
  background: linear-gradient(135deg, var(--co-navy), #24415f);
  display: grid;
  place-items: center;
  color: var(--co-or);
  font-size: 34px;
  font-weight: 700;
}

:where([data-css~="s2y"]) .co-m img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}

:where([data-css~="s2y"]) .co-t {
  padding: 18px;
}

:where([data-css~="s2y"]) .co-m h3 {
  margin: 0px;
  font-size: 19px;
}

:where([data-css~="s2y"]) .co-m p {
  margin: 6px 0px 0px;
  font-size: 16px;
  color: var(--co-mute);
}

:where([data-css~="s2y"]) .co-cert a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--co-card);
  border: 1px solid var(--co-line);
  border-left: 4px solid var(--co-or);
  border-radius: 10px;
  padding: 16px 20px;
  margin-top: 12px;
  color: var(--co-ink);
  text-decoration: none;
  font-size: 17px;
  font-weight: 500;
}

:where([data-css~="s2y"]) .co-cert a span {
  color: var(--co-or);
  font-size: 14px;
  font-weight: 600;
}

:where([data-css~="s2y"]) .co-cta {
  background: var(--co-or);
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 36px 16px;
}

:where([data-css~="s2y"]) .co-cta h2 {
  margin: 0px 0px 6px;
}

:where([data-css~="s2y"]) .co-cta a {
  display: inline-block;
  margin-top: 10px;
  background: var(--co-navy);
  color: rgb(255, 255, 255);
  padding: 10px 24px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}

@media (max-width: 800px) {
  :where([data-css~="s2y"]) .co-wrap {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

@media (max-width: 800px) {
  :where([data-css~="s2y"]) .co-story p {
    font-size: 16.5px;
  }
}

@media (max-width: 800px) {
  :where([data-css~="s2y"]) section h2 {
    font-size: 28px;
  }
}

@media (max-width: 800px) {
  :where([data-css~="s2y"]) .co-side {
    position: static;
    max-height: none;
    flex-direction: row;
    overflow-x: auto;
    border: 0px;
    gap: 6px;
  }
}

@media (max-width: 800px) {
  :where([data-css~="s2y"]) .co-side a {
    white-space: nowrap;
    margin: 0px;
    border: 1px solid var(--co-line);
    border-radius: 999px;
  }
}

@media (max-width: 800px) {
  :where([data-css~="s2y"]) .co-side a.on {
    background: var(--co-or);
    color: rgb(255, 255, 255);
  }
}

@media (max-width: 800px) {
  :where([data-css~="s2y"]) .co-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 800px) {
  :where([data-css~="s2y"]) .co-hero {
    padding: 24px 16px 58px;
  }
}

@media (max-width: 800px) {
  :where([data-css~="s2y"]) .co-hero > .co-eyebrow {
    font-size: 14px;
    letter-spacing: 0.2em;
  }
}

@media (max-width: 800px) {
  :where([data-css~="s2y"]) .co-hero p {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  /* PAGE SECTION: /dimensions/asme/b16.36/class-1500/orifice-rf-welding-neck/index.html | scopes: s31, s34, s35, s56 */
  :where([data-css~="s31"])
    .navbar
    .dimensions-dropdown
    > .dimensions-dropdown-menu {
    position: static !important;
    display: none !important;
    width: 100% !important;
    min-width: 0px !important;
    max-width: none !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    padding: 0px !important;
    margin: 0px !important;
    background: rgb(255, 255, 255) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    grid-template-columns: 1fr !important;
    gap: 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s31"])
    .navbar
    .dimensions-dropdown.active
    > .dimensions-dropdown-menu {
    display: block !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s31"])
    .navbar
    .dimensions-dropdown
    > .dimensions-dropdown-menu
    li {
    width: 100% !important;
    display: block !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s31"])
    .navbar
    .dimensions-dropdown
    > .dimensions-dropdown-menu
    li
    a {
    display: block !important;
    width: 100% !important;
    padding: 12px 30px !important;
    box-sizing: border-box !important;
    background: rgb(248, 249, 250) !important;
    color: rgb(34, 34, 34) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s31"])
    .navbar
    .dimensions-dropdown
    > .dimensions-dropdown-menu
    li
    a:hover {
    background: rgb(255, 107, 0) !important;
    color: rgb(255, 255, 255) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s31"]) .dimensions-dropdown-menu::before {
    display: none !important;
  }
}

/* PAGE SECTION: /dimensions/api-6a/type-6b/2000-psi/blind/index.html | scopes: s32, s33, s3q, s3s, s3y, s3z, siv */
:where([data-css~="s32"]) .dimensions-breadcrumb {
  width: 100%;
  max-width: 1200px;
  margin: 8px auto 0px;
  padding: 8px 0px 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 18px;
  line-height: 1.5;
}

:where([data-css~="s32"]) .dimensions-breadcrumb a {
  color: rgb(213, 225, 236);
  text-decoration: none;
  transition: color 0.2s;
}

:where([data-css~="s32"]) .dimensions-breadcrumb a:hover {
  color: rgb(255, 255, 255);
}

:where([data-css~="s32"]) .dimensions-breadcrumb > span {
  color: rgb(145, 166, 186);
}

:where([data-css~="s32"]) .dimensions-breadcrumb > span:last-child {
  color: rgb(255, 255, 255);
  font-weight: 700;
}

:where([data-css~="s33"]) .api6a-drawing-section {
  width: 100%;
  padding: 15px 15px 0px;
  background: rgb(11, 31, 51);
}

:where([data-css~="s33"]) .api6a-drawing-container {
  width: 50%;
  max-width: 900px;
  margin: 0px auto;
}

:where([data-css~="s33"]) .api6a-drawing-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 10px 0px 0px;
}

:where([data-css~="s33"]) .api6a-drawing-title h1 {
  margin: 0px;
  font-size: 35px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  white-space: nowrap;
}

:where([data-css~="s33"]) .api6a-drawing-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0%;
}

:where([data-css~="s33"]) .api6a-drawing-subtitle {
  margin: 0px 0px 8px;
  font-size: 20px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  text-align: center;
}

:where([data-css~="s33"]) .api6a-technical-drawing {
  width: 89%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -20px 0px -45px !important;
}

:where([data-css~="s33"]) .api6a-technical-drawing img {
  display: block;
  width: 89%;
  max-width: 500px;
  height: auto;
  margin: 20px auto;
  object-fit: contain;
}

:where([data-css~="s33"]) .api6a-drawing-section {
  padding: 10px 15px 0px !important;
}

:where([data-css~="s33"]) .api6a-technical-drawing {
  margin-bottom: -15px !important;
}

:where([data-css~="s33"]) .api6a-drawing-container {
  padding: 0px !important;
}

:where([data-css~="s33"]) .api6a-breadcrumb {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-drawing-section {
    padding: 22px 10px 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-drawing-header {
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-drawing-label {
    font-size: 10px;
    letter-spacing: 1.5px;
    margin-bottom: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-drawing-header h1 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-technical-drawing {
    margin-bottom: -45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-technical-drawing img {
    width: 100%;
  }
}

:where([data-css~="s34"]) .b1636-drawing-section {
  width: 100%;
  padding: 15px 15px 0px;
  background: rgb(11, 31, 51);
}

:where([data-css~="s34"]) .b1636-drawing-container {
  width: 50%;
  max-width: 900px;
  margin: 0px auto;
}

:where([data-css~="s34"]) .b1636-drawing-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 10px 0px 0px;
}

:where([data-css~="s34"]) .b1636-drawing-title h1 {
  margin: 0px;
  font-size: 35px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  white-space: nowrap;
}

:where([data-css~="s34"]) .b1636-drawing-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0%;
}

:where([data-css~="s34"]) .b1636-drawing-subtitle {
  margin: 0px 0px 8px;
  font-size: 20px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  text-align: center;
}

:where([data-css~="s34"]) .b1636-technical-drawing {
  width: 89%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -20px 0px -45px !important;
}

:where([data-css~="s35"]) .b1636-technical-drawing img {
  display: block;
  width: 89%;
  max-width: 500px;
  height: auto;
  margin: 20px auto;
  object-fit: contain;
}

/* PAGE SECTION: /dimensions/asme/b16.36/class-1500/orifice-rtj-welding-neck/index.html | scopes: s36 */
:where([data-css~="s36"]) .b1636-technical-drawing img {
  display: block;
  width: 125%;
  max-width: 1000px;
  height: auto;
  margin: 20px auto;
  object-fit: contain;
}

:where([data-css~="s34"]) .b1636-drawing-section {
  padding: 10px 15px 0px !important;
}

:where([data-css~="s35"]) .b1636-technical-drawing {
  margin-bottom: -15px !important;
}

:where([data-css~="s36"]) .b1636-technical-drawing {
  margin-bottom: -35px !important;
}

:where([data-css~="s34"]) .b1636-drawing-container {
  padding: 0px !important;
}

:where([data-css~="s34"]) .b1636-breadcrumb {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-drawing-section {
    padding: 22px 10px 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-drawing-header {
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-drawing-label {
    font-size: 10px;
    letter-spacing: 1.5px;
    margin-bottom: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-drawing-header h1 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-technical-drawing {
    margin-bottom: -45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-technical-drawing img {
    width: 100%;
  }
}

/* PAGE SECTION: /dimensions/asme/b16.47/series-a/class-150/blind/index.html | scopes: s37, s39, s3a, s58, s5a */
:where([data-css~="s37"]) .b1647-drawing-section {
  width: 100%;
  padding: 10px 15px 0px;
  background: rgb(11, 31, 51);
}

:where([data-css~="s37"]) .b1647-drawing-container {
  width: 50%;
  max-width: 900px;
  margin: 0px auto;
  padding: 0px !important;
}

:where([data-css~="s37"]) .b1647-drawing-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 10px 0px 0px;
}

:where([data-css~="s37"]) .b1647-drawing-title h1 {
  margin: 0px;
  font-size: 35px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  white-space: nowrap;
}

/* PAGE SECTION: /dimensions/asme/b16.47/series-b/class-900/blind/index.html | scopes: s38 */
:where([data-css~="s38"]) .b1647-drawing-section {
  width: 100%;
  padding: 8px 15px 5px;
  background: rgb(11, 31, 51);
}

:where([data-css~="s38"]) .b1647-drawing-container {
  width: 100%;
  max-width: 900px;
  margin: 0px auto;
  padding: 0px !important;
}

:where([data-css~="s38"]) .b1647-drawing-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  padding: 8px 0px 0px;
}

:where([data-css~="s38"]) .b1647-drawing-title h1 {
  margin: 0px;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 700;
  flex: 0 0 48%;
  color: rgb(248, 250, 252);
  white-space: normal;
}

:where([data-css~="s39"]) .b1647-drawing-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0%;
}

:where([data-css~="s39"]) .b1647-drawing-subtitle {
  margin: 0px 0px 8px;
  font-size: 20px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  text-align: center;
}

:where([data-css~="s37"]) .b1647-technical-drawing {
  width: 89%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -20px 0px -45px !important;
}

:where([data-css~="s37"]) .b1647-technical-drawing img {
  display: block;
  width: 89%;
  max-width: 500px;
  height: auto;
  margin: 20px auto;
  object-fit: contain;
}

:where([data-css~="s38"]) .b1647-technical-drawing {
  flex: 0 0 52%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px !important;
}

:where([data-css~="s38"]) .b1647-technical-drawing img {
  display: block;
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0px auto;
  object-fit: contain;
}

:where([data-css~="s39"]) .b1647-drawing-section {
  padding: 10px 15px 0px !important;
}

:where([data-css~="s3a"]) .b1647-technical-drawing {
  margin-bottom: -35px !important;
}

/* PAGE SECTION: /dimensions/asme/b16.47/series-a/class-900/weld-neck/index.html | scopes: s3b */
:where([data-css~="s3b"]) .b1647-technical-drawing {
  margin-bottom: -25px !important;
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-drawing-section {
    padding: 10px 15px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-drawing-title h1 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-drawing-subtitle {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-technical-drawing {
    margin-bottom: -45px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-technical-drawing img {
    width: 100%;
  }
}

/* PAGE SECTION: /dimensions/asme/b16.5/class-150/blind/index.html | scopes: s3c, s3d, s3h, s3j */
:where([data-css~="s3c"]) .b165-drawing-section {
  width: 100%;
  padding: 15px 15px 0px;
  background: rgb(11, 31, 51);
}

:where([data-css~="s3c"]) .b165-drawing-container {
  width: 50%;
  max-width: 900px;
  margin: 0px auto;
}

:where([data-css~="s3c"]) .b165-drawing-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 10px 0px 0px;
}

:where([data-css~="s3c"]) .b165-drawing-title h1 {
  margin: 0px;
  font-size: 35px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  white-space: nowrap;
}

:where([data-css~="s3c"]) .b165-drawing-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0%;
}

:where([data-css~="s3c"]) .b165-drawing-subtitle {
  margin: 0px 0px 8px;
  font-size: 20px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  text-align: center;
}

:where([data-css~="s3d"]) .b165-technical-drawing {
  width: 89%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -20px 0px -45px !important;
}

:where([data-css~="s3d"]) .b165-technical-drawing img {
  display: block;
  width: 89%;
  max-width: 500px;
  height: auto;
  margin: 20px auto;
  object-fit: contain;
}

/* PAGE SECTION: /dimensions/asme/b16.5/class-150/lap-joint/index.html | scopes: s3e, s3f */
:where([data-css~="s3e"]) .b165-technical-drawing {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -20px 0px -45px !important;
}

:where([data-css~="s3f"]) .b165-technical-drawing img {
  display: block;
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 5px auto;
  object-fit: contain;
}

/* PAGE SECTION: /dimensions/asme/b16.5/class-1500/blind/index.html | scopes: s3g, sfr */
:where([data-css~="s3g"]) .b165-technical-drawing img {
  display: block;
  width: 90%;
  max-width: 800px;
  height: auto;
  margin: 5px auto;
  object-fit: contain;
}

:where([data-css~="s3c"]) .b165-drawing-section {
  padding: 10px 15px 0px !important;
}

:where([data-css~="s3h"]) .b165-technical-drawing {
  margin-bottom: -70px !important;
}

/* PAGE SECTION: /dimensions/asme/b16.5/class-150/weld-neck/index.html | scopes: s3i */
:where([data-css~="s3i"]) .b165-technical-drawing {
  margin-bottom: -25px !important;
}

:where([data-css~="s3c"]) .b165-drawing-container {
  padding: 0px !important;
}

:where([data-css~="s3c"]) .b165-breadcrumb {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 8px !important;
}

:where([data-css~="s3j"]) .b165-drawing-section {
  width: 100% !important;
  padding: 8px 15px 15px !important;
  background: rgb(11, 31, 51) !important;
  position: relative !important;
}

:where([data-css~="s3j"]) .b165-technical-drawing {
  width: 70% !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  margin: -7px 0px 0px !important;
}

:where([data-css~="s3j"]) .b165-technical-drawing img {
  display: block !important;
  width: 70% !important;
  max-width: 500px !important;
  height: auto !important;
  margin: 0px auto !important;
  object-fit: contain !important;
}

:where([data-css~="s3f"]) .b165-drawing-section {
  width: 100% !important;
  padding: 8px 15px 5px !important;
  background: rgb(11, 31, 51) !important;
  position: relative !important;
}

:where([data-css~="s3f"]) .b165-technical-drawing {
  width: 70% !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  margin: -5px 15px -35px !important;
}

:where([data-css~="s3g"]) .b165-drawing-section {
  width: 100% !important;
  padding: 8px 15px !important;
  background: rgb(11, 31, 51) !important;
  position: relative !important;
  overflow: hidden !important;
}

:where([data-css~="s3g"]) .b165-technical-drawing {
  width: 70% !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  margin: -5px 15px 0px !important;
}

:where([data-css~="s3e"]) .b165-technical-drawing img {
  display: block !important;
  width: 90% !important;
  max-width: 500px !important;
  height: auto !important;
  margin: 0px auto !important;
  object-fit: contain !important;
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-drawing-section {
    padding: 22px 10px 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-drawing-header {
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-drawing-label {
    font-size: 10px;
    letter-spacing: 1.5px;
    margin-bottom: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-drawing-header h1 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-technical-drawing {
    margin-bottom: -45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-technical-drawing img {
    width: 100%;
  }
}

/* PAGE SECTION: /dimensions/awwa/class-b/blind-flange/index.html | scopes: s3k */
:where([data-css~="s3k"]) .awwa-drawing-section {
  width: 100%;
  padding: 15px 15px 0px;
  background: rgb(11, 31, 51);
}

:where([data-css~="s3k"]) .awwa-drawing-container {
  width: 50%;
  max-width: 900px;
  margin: 0px auto;
}

:where([data-css~="s3k"]) .awwa-drawing-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 10px 0px 0px;
}

:where([data-css~="s3k"]) .awwa-drawing-title h1 {
  margin: 0px;
  font-size: 35px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  white-space: nowrap;
}

:where([data-css~="s3k"]) .awwa-drawing-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0%;
}

:where([data-css~="s3k"]) .awwa-drawing-subtitle {
  margin: 0px 0px 8px;
  font-size: 20px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  text-align: center;
}

:where([data-css~="s3k"]) .awwa-technical-drawing {
  width: 89%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -20px 0px -45px !important;
}

:where([data-css~="s3k"]) .awwa-technical-drawing img {
  display: block;
  width: 89%;
  max-width: 500px;
  height: auto;
  margin: 20px auto;
  object-fit: contain;
}

:where([data-css~="s3k"]) .awwa-drawing-section {
  padding: 10px 15px 0px !important;
}

:where([data-css~="s3k"]) .awwa-technical-drawing {
  margin-bottom: -15px !important;
}

:where([data-css~="s3k"]) .awwa-drawing-container {
  padding: 0px !important;
}

:where([data-css~="s3k"]) .awwa-breadcrumb {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-drawing-section {
    padding: 22px 10px 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-drawing-header {
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-drawing-label {
    font-size: 10px;
    letter-spacing: 1.5px;
    margin-bottom: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-drawing-header h1 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-technical-drawing {
    margin-bottom: -45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-technical-drawing img {
    width: 100%;
  }
}

/* PAGE SECTION: /dimensions/bs-en/en-1092-1/pn-10/blind/index.html | scopes: s3l, s5e, s5i, s5j */
:where([data-css~="s3l"]) .e1-drawing-section {
  width: 100%;
  padding: 15px 15px 0px;
  background: rgb(11, 31, 51);
}

:where([data-css~="s3l"]) .e1-drawing-container {
  width: 50%;
  max-width: 900px;
  margin: 0px auto;
}

:where([data-css~="s3l"]) .e1-drawing-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 10px 0px 0px;
}

:where([data-css~="s3l"]) .e1-drawing-title h1 {
  margin: 0px;
  font-size: 35px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  white-space: nowrap;
}

:where([data-css~="s3l"]) .e1-drawing-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0%;
}

:where([data-css~="s3l"]) .e1-drawing-subtitle {
  margin: 0px 0px 8px;
  font-size: 20px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  text-align: center;
}

:where([data-css~="s3l"]) .e1-technical-drawing {
  width: 89%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -20px 0px -45px !important;
}

:where([data-css~="s3l"]) .e1-technical-drawing img {
  display: block;
  width: 89%;
  max-width: 500px;
  height: auto;
  margin: 20px auto;
  object-fit: contain;
}

:where([data-css~="s3l"]) .e1-drawing-section {
  padding: 10px 15px 0px !important;
}

:where([data-css~="s3l"]) .e1-technical-drawing {
  margin-bottom: -15px !important;
}

:where([data-css~="s3l"]) .e1-drawing-container {
  padding: 0px !important;
}

:where([data-css~="s3l"]) .e1-breadcrumb {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 768px) {
  :where([data-css~="s3l"]) .e1-drawing-section {
    padding: 22px 10px 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3l"]) .e1-drawing-header {
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3l"]) .e1-drawing-label {
    font-size: 10px;
    letter-spacing: 1.5px;
    margin-bottom: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3l"]) .e1-drawing-header h1 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3l"]) .e1-technical-drawing {
    margin-bottom: -45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3l"]) .e1-technical-drawing img {
    width: 100%;
  }
}

/* PAGE SECTION: /dimensions/din/din-2527-pn-10/index.html | scopes: s3m */
:where([data-css~="s3m"]) .dn-drawing-section {
  width: 100%;
  padding: 10px 15px 0px;
  background: rgb(11, 31, 51);
  box-sizing: border-box;
}

:where([data-css~="s3m"]) .dn-drawing-container {
  width: 50%;
  max-width: 900px;
  margin: 0px auto;
  padding: 0px;
}

:where([data-css~="s3m"]) .dn-drawing-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 10px 0px 0px;
}

:where([data-css~="s3m"]) .dn-drawing-title h1 {
  margin: 0px;
  font-size: 35px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  white-space: nowrap;
}

:where([data-css~="s3m"]) .dn-drawing-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0%;
}

:where([data-css~="s3m"]) .dn-drawing-subtitle {
  margin: 0px 0px 8px;
  font-size: 20px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  text-align: center;
}

:where([data-css~="s3m"]) .dn-technical-drawing {
  width: 89%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -20px 0px -25px !important;
}

:where([data-css~="s3m"]) .dn-technical-drawing img {
  display: block;
  width: 89%;
  max-width: 500px;
  height: auto;
  margin: 20px auto;
  object-fit: contain;
}

:where([data-css~="s3m"]) .dn-breadcrumb {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 8px !important;
}

:where([data-css~="s3m"]) .dn-dimensions-section {
  width: 100%;
  padding: 12px 20px 30px;
  background: rgb(245, 247, 250);
  box-sizing: border-box;
}

:where([data-css~="s3m"]) .dn-dimensions-container {
  width: 100%;
  max-width: 1450px;
  margin: 0px auto;
  padding: 0px;
  box-sizing: border-box;
}

:where([data-css~="s3m"]) .dn-header-row {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr);
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

:where([data-css~="s3m"]) .dn-header-spacer {
  grid-column: 3;
}

:where([data-css~="s3m"]) .dn-dimensions-header {
  grid-column: 2;
  text-align: center;
}

:where([data-css~="s3m"]) .dn-dimensions-label {
  display: block;
  margin: 0px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgb(100, 116, 139);
  white-space: nowrap;
}

:where([data-css~="s3m"]) .dn-unit-selector {
  grid-column: 1;
  display: flex;
  align-items: stretch;
  width: 100%;
  gap: 8px;
  margin: 0px;
  box-sizing: border-box;
}

:where([data-css~="s3m"]) .dn-unit-btn {
  flex: 1 1 0px;
  min-width: 0px;
  min-height: 62px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid rgb(216, 221, 229);
  border-radius: 7px;
  background: rgb(255, 255, 255);
  color: rgb(23, 46, 69);
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s3m"]) .dn-unit-btn span {
  display: block;
  margin: 0px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 1;
}

:where([data-css~="s3m"]) .dn-unit-btn:hover {
  border-color: rgb(23, 46, 69);
}

:where([data-css~="s3m"]) .dn-unit-btn.active {
  background: rgb(23, 46, 69);
  color: rgb(255, 255, 255);
  border-color: rgb(23, 46, 69);
}

:where([data-css~="s3m"]) .dn-table-wrapper {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0px;
  box-sizing: border-box;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
  overflow: hidden;
}

:where([data-css~="s3m"]) .dn-table-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: auto hidden;
}

:where([data-css~="s3m"]) .dn-table-scroll::-webkit-scrollbar {
  height: 8px;
}

:where([data-css~="s3m"]) .dn-table-scroll::-webkit-scrollbar-track {
  background: rgb(232, 237, 242);
}

:where([data-css~="s3m"]) .dn-table-scroll::-webkit-scrollbar-thumb {
  background: rgb(148, 163, 184);
  border-radius: 10px;
}

:where([data-css~="s3m"]) .dn-table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 116, 139);
}

:where([data-css~="s3m"]) .dn-dimensions-table {
  width: 100%;
  min-width: 1250px;
  margin: 0px;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 14px;
  color: rgb(15, 41, 66);
}

:where([data-css~="s3m"]) .dn-dimensions-table thead {
  background: rgb(15, 41, 66);
}

:where([data-css~="s3m"]) .dn-dimensions-table thead th {
  padding: 11px 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: rgb(255, 255, 255);
  background: rgb(15, 41, 66);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  white-space: normal;
}

:where([data-css~="s3m"]) .dn-dimensions-table thead th:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s3m"]) .dn-dimensions-table tbody tr {
  background: rgb(255, 255, 255);
  transition: background 0.2s;
}

:where([data-css~="s3m"]) .dn-dimensions-table tbody tr:nth-child(2n) {
  background: rgb(248, 250, 252);
}

:where([data-css~="s3m"]) .dn-dimensions-table tbody tr:hover {
  background: rgb(238, 243, 247);
}

:where([data-css~="s3m"]) .dn-dimensions-table tbody th,
:where([data-css~="s3m"]) .dn-dimensions-table tbody td {
  padding: 9px 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  border-right: 1px solid rgb(226, 232, 240);
  border-bottom: 1px solid rgb(226, 232, 240);
  white-space: nowrap;
}

:where([data-css~="s3m"]) .dn-dimensions-table tbody th {
  font-weight: 700;
  color: rgb(15, 41, 66);
  background: rgb(248, 250, 252);
}

:where([data-css~="s3m"]) .dn-dimensions-table tbody td:last-child {
  font-weight: 600;
}

:where([data-css~="s3m"]) .dn-dimensions-table tbody th:last-child,
:where([data-css~="s3m"]) .dn-dimensions-table tbody td:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s3m"]) .dn-dimensions-table tbody tr:last-child th,
:where([data-css~="s3m"]) .dn-dimensions-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s3m"]) .dn-dimensions-table[hidden] {
  display: none !important;
}

:where([data-css~="s3m"]) .dn-table-note {
  margin-top: 18px;
  text-align: center;
}

:where([data-css~="s3m"]) .dn-table-note p {
  margin: 0px;
  font-size: 15px;
  line-height: 1.6;
  color: rgb(51, 65, 85);
  font-weight: 500;
}

@media (max-width: 900px) {
  :where([data-css~="s3m"]) .dn-dimensions-section {
    padding: 16px 12px 30px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3m"]) .dn-header-row {
    grid-template-columns: 1fr;
    justify-items: stretch;
    gap: 14px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3m"]) .dn-dimensions-header {
    grid-area: 1 / 1;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3m"]) .dn-unit-selector {
    grid-area: 2 / 1;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3m"]) .dn-header-spacer {
    display: none;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3m"]) .dn-dimensions-header {
    margin-bottom: 0px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3m"]) .dn-table-wrapper {
    border-radius: 8px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3m"]) .dn-dimensions-table {
    font-size: 13px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3m"]) .dn-dimensions-table thead th {
    padding: 12px 9px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3m"]) .dn-drawing-section {
    padding: 22px 10px 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3m"]) .dn-drawing-header {
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3m"]) .dn-drawing-label {
    font-size: 10px;
    letter-spacing: 1.5px;
    margin-bottom: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3m"]) .dn-drawing-header h1 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3m"]) .dn-technical-drawing {
    margin-bottom: -45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3m"]) .dn-technical-drawing img {
    width: 100%;
  }
}

/* PAGE SECTION: /dimensions/jis/10k-light-pressure/soh-flange/index.html | scopes: s3n, s5q */
:where([data-css~="s3n"]) .jis-drawing-section {
  width: 100%;
  padding: 15px 15px 0px;
  background: rgb(11, 31, 51);
}

:where([data-css~="s3n"]) .jis-drawing-container {
  width: 50%;
  max-width: 900px;
  margin: 0px auto;
}

:where([data-css~="s3n"]) .jis-drawing-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 10px 0px 0px;
}

:where([data-css~="s3n"]) .jis-drawing-title h1 {
  margin: 0px;
  font-size: 35px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  white-space: nowrap;
}

:where([data-css~="s3n"]) .jis-drawing-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0%;
}

:where([data-css~="s3n"]) .jis-drawing-subtitle {
  margin: 0px 0px 8px;
  font-size: 20px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  text-align: center;
}

:where([data-css~="s3n"]) .jis-technical-drawing {
  width: 89%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -20px 0px -45px !important;
}

:where([data-css~="s3n"]) .jis-technical-drawing img {
  display: block;
  width: 89%;
  max-width: 500px;
  height: auto;
  margin: 20px auto;
  object-fit: contain;
}

:where([data-css~="s3n"]) .jis-drawing-section {
  padding: 10px 15px 0px !important;
}

:where([data-css~="s3n"]) .jis-technical-drawing {
  margin-bottom: -15px !important;
}

:where([data-css~="s3n"]) .jis-drawing-container {
  padding: 0px !important;
}

:where([data-css~="s3n"]) .jis-breadcrumb {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-drawing-section {
    padding: 22px 10px 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-drawing-header {
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-drawing-label {
    font-size: 10px;
    letter-spacing: 1.5px;
    margin-bottom: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-drawing-header h1 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-technical-drawing {
    margin-bottom: -45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-technical-drawing img {
    width: 100%;
  }
}

/* PAGE SECTION: /dimensions/mss-sp/class-150/blind-flange/index.html | scopes: s3o, s5t */
:where([data-css~="s3o"]) .mss-drawing-section {
  width: 100%;
  background: rgb(11, 31, 51);
  padding: 10px 15px 0px !important;
}

:where([data-css~="s3o"]) .mss-drawing-container {
  width: 50%;
  max-width: 900px;
  margin: 0px auto;
  padding: 0px !important;
}

:where([data-css~="s3o"]) .mss-drawing-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 10px 0px 0px;
}

:where([data-css~="s3o"]) .mss-drawing-title h1 {
  margin: 0px;
  font-size: 35px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  white-space: nowrap;
}

:where([data-css~="s3o"]) .mss-drawing-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0%;
}

:where([data-css~="s3o"]) .mss-drawing-subtitle {
  margin: 0px 0px 8px;
  font-size: 20px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  text-align: center;
}

:where([data-css~="s3o"]) .mss-technical-drawing {
  width: 89%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -20px 0px -45px !important;
}

:where([data-css~="s3o"]) .mss-technical-drawing img {
  display: block;
  width: 89%;
  max-width: 500px;
  height: auto;
  margin: 20px auto;
  object-fit: contain;
}

:where([data-css~="s3o"]) .mss-drawing-section {
  padding: 10px 15px 0px !important;
}

:where([data-css~="s3o"]) .mss-technical-drawing {
  margin-bottom: -25px !important;
}

:where([data-css~="s3o"]) .mss-drawing-container {
  padding: 0px !important;
}

:where([data-css~="s3o"]) .mss-breadcrumb {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-drawing-section {
    padding: 22px 10px 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-drawing-header {
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-drawing-label {
    font-size: 10px;
    letter-spacing: 1.5px;
    margin-bottom: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-drawing-header h1 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-technical-drawing {
    margin-bottom: -45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-technical-drawing img {
    width: 100%;
  }
}

/* PAGE SECTION: /dimensions/sans/1000-kPa/1A-integral-steel-flange/index.html | scopes: s3p */
:where([data-css~="s3p"]) .sans-drawing-section {
  width: 100%;
  padding: 15px 15px 0px;
  background: rgb(11, 31, 51);
}

:where([data-css~="s3p"]) .sans-drawing-container {
  width: 50%;
  max-width: 900px;
  margin: 0px auto;
}

:where([data-css~="s3p"]) .sans-drawing-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 10px 0px 0px;
}

:where([data-css~="s3p"]) .sans-drawing-title h1 {
  margin: 0px;
  font-size: 35px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  white-space: nowrap;
}

:where([data-css~="s3p"]) .sans-drawing-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0%;
}

:where([data-css~="s3p"]) .sans-drawing-subtitle {
  margin: 0px 0px 8px;
  font-size: 20px;
  font-weight: 700;
  color: rgb(248, 250, 252);
  text-align: center;
}

:where([data-css~="s3p"]) .sans-technical-drawing {
  width: 89%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -20px 0px -45px !important;
}

:where([data-css~="s3p"]) .sans-technical-drawing img {
  display: block;
  width: 89%;
  max-width: 500px;
  height: auto;
  margin: 20px auto;
  object-fit: contain;
}

:where([data-css~="s3p"]) .sans-drawing-section {
  padding: 10px 15px 0px !important;
}

:where([data-css~="s3p"]) .sans-technical-drawing {
  margin-bottom: -15px !important;
}

:where([data-css~="s3p"]) .sans-drawing-container {
  padding: 0px !important;
}

:where([data-css~="s3p"]) .sans-breadcrumb {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-drawing-section {
    padding: 22px 10px 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-drawing-header {
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-drawing-label {
    font-size: 10px;
    letter-spacing: 1.5px;
    margin-bottom: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-drawing-header h1 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-technical-drawing {
    margin-bottom: -45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-technical-drawing img {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s32"]) .dimensions-breadcrumb {
    margin-top: 5px;
    padding-top: 6px;
    font-size: 15px;
    gap: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s33"]) .api6a-drawing-section {
    padding: 20px 8px 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s33"]) .api6a-drawing-title h1 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s33"]) .api6a-drawing-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s33"]) .api6a-technical-drawing {
    margin-bottom: -35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s34"]) .b1636-drawing-section {
    padding: 20px 8px 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s34"]) .b1636-drawing-title h1 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s34"]) .b1636-drawing-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s34"]) .b1636-technical-drawing {
    margin-bottom: -35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s39"]) .b1647-drawing-section {
    padding: 20px 8px 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s39"]) .b1647-drawing-title h1 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s39"]) .b1647-drawing-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s39"]) .b1647-technical-drawing {
    margin-bottom: -35px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3c"]) .b165-drawing-section {
    padding: 20px 8px 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3c"]) .b165-drawing-title h1 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3c"]) .b165-drawing-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3c"]) .b165-technical-drawing {
    margin-bottom: -35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3k"]) .awwa-drawing-section {
    padding: 20px 8px 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3k"]) .awwa-drawing-title h1 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3k"]) .awwa-drawing-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3k"]) .awwa-technical-drawing {
    margin-bottom: -35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3l"]) .e1-drawing-section {
    padding: 20px 8px 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3l"]) .e1-drawing-title h1 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3l"]) .e1-drawing-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3l"]) .e1-technical-drawing {
    margin-bottom: -35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3m"]) .dn-dimensions-label {
    font-size: 12px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3m"]) .dn-table-wrapper {
    border-radius: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3m"]) .dn-dimensions-table {
    min-width: 1050px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3m"]) .dn-dimensions-table tbody th,
  :where([data-css~="s3m"]) .dn-dimensions-table tbody td {
    padding: 13px 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3m"]) .dn-table-note {
    text-align: left;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3m"]) .dn-drawing-section {
    padding: 20px 8px 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3m"]) .dn-drawing-title h1 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3m"]) .dn-drawing-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3m"]) .dn-technical-drawing {
    margin-bottom: -35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-drawing-section {
    padding: 20px 8px 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-drawing-title h1 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-drawing-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-technical-drawing {
    margin-bottom: -35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3o"]) .mss-drawing-section {
    padding: 20px 8px 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3o"]) .mss-drawing-title h1 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3o"]) .mss-drawing-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3o"]) .mss-technical-drawing {
    margin-bottom: -35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-drawing-section {
    padding: 20px 8px 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-drawing-title h1 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-drawing-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-technical-drawing {
    margin-bottom: -35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s32"]) .dimensions-breadcrumb {
    margin-top: 5px;
    padding-top: 5px;
    font-size: 14px;
    gap: 5px;
  }
}

:where([data-css~="s33"]) .api6a-dimensions-section {
  width: 100%;
  padding: 6px 20px 25px;
  background: rgb(245, 247, 250);
}

:where([data-css~="s33"]) .api6a-dimensions-container {
  width: 100%;
  max-width: 1450px;
  margin: 0px auto;
}

:where([data-css~="s33"]) .api6a-header-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

:where([data-css~="s33"]) .api6a-header-spacer {
  display: block;
}

:where([data-css~="s33"]) .api6a-dimensions-header {
  text-align: center;
}

:where([data-css~="s33"]) .api6a-dimensions-label {
  display: block;
  margin-bottom: 0px;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgb(100, 116, 139);
}

:where([data-css~="s33"]) .api6a-dimensions-header h2 {
  margin: 0px;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 700;
  color: rgb(15, 41, 66);
}

:where([data-css~="s33"]) .api6a-dimensions-header p {
  margin: 10px 0px 0px;
  font-size: 15px;
  color: rgb(100, 116, 139);
}

:where([data-css~="s33"]) .api6a-unit-selector {
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 12px 0px 0px;
  text-align: left;
}

:where([data-css~="s33"]) .api6a-unit-btn {
  border: 1px solid rgb(216, 221, 229);
  background: rgb(245, 247, 250);
  color: rgb(75, 85, 99);
  padding: 12px 22px;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.25s;
  flex: 0 0 auto !important;
}

:where([data-css~="s33"]) .api6a-unit-btn:hover {
  background: rgb(233, 237, 242);
  color: rgb(31, 41, 55);
}

:where([data-css~="s33"]) .api6a-unit-btn.active {
  background: rgb(31, 41, 55);
  color: rgb(255, 255, 255);
  border-color: rgb(31, 41, 55);
}

:where([data-css~="s33"]) .api6a-unit-btn span {
  font-size: 12px;
  opacity: 0.75;
  margin-left: 3px;
}

:where([data-css~="s33"]) .api6a-unit-btn.active span {
  opacity: 0.85;
}

:where([data-css~="s3q"]) .api6a-table-wrapper {
  width: 100%;
  max-width: 100%;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
  overflow: hidden;
}

/* PAGE SECTION: /dimensions/api-6a/type-6b/2000-psi/threaded/index.html | scopes: s3r, s3t, s3w, s3x, sfx */
:where([data-css~="s3r"]) .api6a-table-wrapper {
  width: 100%;
  max-width: 100%;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
  overflow: auto hidden;
}

:where([data-css~="s33"]) .api6a-dimensions-table {
  width: 100%;
  max-width: 100%;
  min-width: 0px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
  color: rgb(15, 41, 66);
}

:where([data-css~="s33"]) .api6a-dimensions-table thead {
  background: rgb(15, 41, 66);
}

:where([data-css~="s33"]) .api6a-dimensions-table thead th {
  padding: 11px 6px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  color: rgb(255, 255, 255);
  background: rgb(15, 41, 66);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  white-space: normal;
  overflow-wrap: break-word;
}

:where([data-css~="s33"]) .api6a-dimensions-table th:nth-child(1) {
  width: 4%;
}

:where([data-css~="s3s"]) .api6a-dimensions-table th:nth-child(2) {
  width: 7%;
}

:where([data-css~="s3s"]) .api6a-dimensions-table th:nth-child(3) {
  width: 7%;
}

:where([data-css~="s3s"]) .api6a-dimensions-table th:nth-child(4) {
  width: 7%;
}

:where([data-css~="s3s"]) .api6a-dimensions-table th:nth-child(5) {
  width: 8%;
}

:where([data-css~="s3s"]) .api6a-dimensions-table th:nth-child(6) {
  width: 8%;
}

:where([data-css~="s3s"]) .api6a-dimensions-table th:nth-child(7) {
  width: 8%;
}

:where([data-css~="s3s"]) .api6a-dimensions-table th:nth-child(8) {
  width: 7%;
}

:where([data-css~="s3s"]) .api6a-dimensions-table th:nth-child(9) {
  width: 9%;
}

:where([data-css~="s3s"]) .api6a-dimensions-table th:nth-child(10) {
  width: 7%;
}

:where([data-css~="s3s"]) .api6a-dimensions-table th:nth-child(11) {
  width: 6%;
}

:where([data-css~="s3r"]) .api6a-dimensions-table th:nth-child(2) {
  width: 6%;
}

:where([data-css~="s3r"]) .api6a-dimensions-table th:nth-child(3) {
  width: 6%;
}

:where([data-css~="s3t"]) .api6a-dimensions-table th:nth-child(4) {
  width: 6%;
}

/* PAGE SECTION: /dimensions/api-6a/type-6b/3000-psi/threaded/index.html | scopes: s3u */
:where([data-css~="s3u"]) .api6a-dimensions-table th:nth-child(4) {
  width: 5%;
}

:where([data-css~="s3r"]) .api6a-dimensions-table th:nth-child(5) {
  width: 6%;
}

:where([data-css~="s3r"]) .api6a-dimensions-table th:nth-child(6) {
  width: 7%;
}

/* PAGE SECTION: /dimensions/api-6a/type-6bx/10000-psi/integral-flange/index.html | scopes: s3v */
:where([data-css~="s3v"]) .api6a-dimensions-table th:nth-child(2) {
  width: 6.5%;
}

:where([data-css~="s3v"]) .api6a-dimensions-table th:nth-child(3) {
  width: 6.5%;
}

:where([data-css~="s3v"]) .api6a-dimensions-table th:nth-child(4) {
  width: 6.5%;
}

:where([data-css~="s3v"]) .api6a-dimensions-table th:nth-child(5) {
  width: 7%;
}

:where([data-css~="s3v"]) .api6a-dimensions-table th:nth-child(6) {
  width: 6.5%;
}

:where([data-css~="s3w"]) .api6a-dimensions-table th:nth-child(7) {
  width: 7%;
}

:where([data-css~="s3u"]) .api6a-dimensions-table th:nth-child(7) {
  width: 6%;
}

:where([data-css~="s3r"]) .api6a-dimensions-table th:nth-child(8) {
  width: 6%;
}

:where([data-css~="s3v"]) .api6a-dimensions-table th:nth-child(8) {
  width: 6.5%;
}

:where([data-css~="s3x"]) .api6a-dimensions-table th:nth-child(9) {
  width: 7%;
}

:where([data-css~="s3r"]) .api6a-dimensions-table th:nth-child(10) {
  width: 6%;
}

:where([data-css~="s3r"]) .api6a-dimensions-table th:nth-child(11) {
  width: 5%;
}

:where([data-css~="s3y"]) .api6a-dimensions-table th:nth-child(12) {
  width: 6%;
}

:where([data-css~="s3v"]) .api6a-dimensions-table th:nth-child(10) {
  width: 6.5%;
}

:where([data-css~="s3v"]) .api6a-dimensions-table th:nth-child(11) {
  width: 6%;
}

:where([data-css~="s3v"]) .api6a-dimensions-table th:nth-child(12) {
  width: 5.5%;
}

:where([data-css~="s3q"]) .api6a-dimensions-table th:nth-child(13) {
  width: 7%;
}

:where([data-css~="s3q"]) .api6a-dimensions-table th:nth-child(14) {
  width: 7%;
}

:where([data-css~="s3r"]) .api6a-dimensions-table th:nth-child(13) {
  width: 6%;
}

:where([data-css~="s3r"]) .api6a-dimensions-table th:nth-child(14) {
  width: 6%;
}

:where([data-css~="s3z"]) .api6a-dimensions-table th:nth-child(15) {
  width: 7%;
}

:where([data-css~="s3t"]) .api6a-dimensions-table th:nth-child(16) {
  width: 7%;
}

:where([data-css~="s3u"]) .api6a-dimensions-table th:nth-child(15) {
  width: 6%;
}

:where([data-css~="s3u"]) .api6a-dimensions-table th:nth-child(16) {
  width: 6%;
}

:where([data-css~="s3r"]) .api6a-dimensions-table th:nth-child(17) {
  width: 6%;
}

:where([data-css~="s3u"]) .api6a-dimensions-table th:nth-child(18) {
  width: 6%;
}

:where([data-css~="s3v"]) .api6a-dimensions-table th:nth-child(16) {
  width: 5%;
}

:where([data-css~="s33"]) .api6a-dimensions-table tbody tr {
  background: rgb(255, 255, 255);
  transition: background 0.2s;
}

:where([data-css~="s33"]) .api6a-dimensions-table tbody tr:nth-child(2n) {
  background: rgb(248, 250, 252);
}

:where([data-css~="s33"]) .api6a-dimensions-table tbody tr:hover {
  background: rgb(238, 243, 247);
}

:where([data-css~="s33"]) .api6a-dimensions-table tbody th,
:where([data-css~="s33"]) .api6a-dimensions-table tbody td {
  padding: 9px 5px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  border-right: 1px solid rgb(226, 232, 240);
  border-bottom: 1px solid rgb(226, 232, 240);
  white-space: nowrap;
}

:where([data-css~="s33"]) .api6a-dimensions-table tbody th {
  font-weight: 700;
  color: rgb(15, 41, 66);
  background: rgb(248, 250, 252);
}

:where([data-css~="s33"]) .api6a-dimensions-table tbody td:last-child {
  font-weight: 600;
}

:where([data-css~="s33"]) .api6a-dimensions-table thead th:last-child,
:where([data-css~="s33"]) .api6a-dimensions-table tbody th:last-child,
:where([data-css~="s33"]) .api6a-dimensions-table tbody td:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s33"]) .api6a-dimensions-table tbody tr:last-child th,
:where([data-css~="s33"]) .api6a-dimensions-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s33"]) .api6a-table-note {
  margin-top: 18px;
  text-align: center;
}

:where([data-css~="s33"]) .api6a-table-note p {
  margin: 0px;
  font-size: 17px;
  line-height: 1.6;
  color: rgb(51, 65, 85);
  font-weight: 500;
}

:where([data-css~="s33"]) .api6a-table-scroll::-webkit-scrollbar {
  height: 8px;
}

:where([data-css~="s33"]) .api6a-table-scroll::-webkit-scrollbar-track {
  background: rgb(232, 237, 242);
}

:where([data-css~="s33"]) .api6a-table-scroll::-webkit-scrollbar-thumb {
  background: rgb(148, 163, 184);
  border-radius: 10px;
}

:where([data-css~="s33"]) .api6a-table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 116, 139);
}

:where([data-css~="s33"]) .api6a-dimensions-table[hidden] {
  display: none !important;
}

@media (max-width: 900px) {
  :where([data-css~="s33"]) .api6a-dimensions-section {
    padding: 60px 15px 65px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s33"]) .api6a-dimensions-header {
    margin-bottom: 30px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s33"]) .api6a-dimensions-header h2 {
    font-size: 27px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s33"]) .api6a-table-wrapper {
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-dimensions-section {
    padding: 50px 12px 55px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-dimensions-label {
    font-size: 10px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-dimensions-header h2 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-dimensions-header p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-table-wrapper {
    border-radius: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-dimensions-table {
    min-width: 1050px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-dimensions-table thead th {
    padding: 14px 10px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-dimensions-table tbody th,
  :where([data-css~="s33"]) .api6a-dimensions-table tbody td {
    padding: 13px 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-table-note {
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-header-row {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-header-spacer {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s33"]) .api6a-unit-selector {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s33"]) .api6a-dimensions-section {
    padding: 42px 10px 48px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s33"]) .api6a-dimensions-header {
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s33"]) .api6a-dimensions-header h2 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s33"]) .api6a-dimensions-header p {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  /* PAGE SECTION: /dimensions/asme/b16.47/series-a/index.html | scopes: s40, s4b */
  :where([data-css~="s40"]) .dimensions-dropdown-menu li a {
    padding: 10px 16px !important;
    font-size: 14px !important;
  }
}

/* PAGE SECTION: /dimensions/asme/b16.36/index.html | scopes: s41, s4m */
:where([data-css~="s41"]) .product-hero-content .flange-breadcrumb {
  width: 100%;
  margin: 0px 0px 22px;
  padding: 0px;
  background: transparent;
  position: relative;
  z-index: 5;
}

:where([data-css~="s41"]) .product-hero-content .flange-breadcrumb ol {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

:where([data-css~="s41"]) .product-hero-content .flange-breadcrumb li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0px;
  padding: 0px;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 400;
  color: rgb(255, 255, 255);
}

:where([data-css~="s41"]) .product-hero-content .flange-breadcrumb a {
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-weight: 400;
  transition: color 0.2s;
}

:where([data-css~="s41"]) .product-hero-content .flange-breadcrumb a:hover {
  color: rgb(255, 148, 31);
}

:where([data-css~="s41"])
  .product-hero-content
  .flange-breadcrumb
  .breadcrumb-separator {
  color: rgb(170, 181, 192);
  font-size: 23px;
  font-weight: 300;
}

:where([data-css~="s41"])
  .product-hero-content
  .flange-breadcrumb
  .breadcrumb-current {
  color: rgb(255, 255, 255);
  font-weight: 700;
}

@media (max-width: 768px) {
  :where([data-css~="s41"]) .product-hero-content .flange-breadcrumb {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s41"]) .product-hero-content .flange-breadcrumb ol {
    gap: 6px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s41"]) .product-hero-content .flange-breadcrumb li {
    font-size: 14px;
    gap: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s41"]) .product-hero-content .flange-breadcrumb {
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s41"]) .product-hero-content .flange-breadcrumb li {
    font-size: 12px;
    gap: 5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s41"])
    .product-hero-content
    .flange-breadcrumb
    .breadcrumb-separator {
    font-size: 17px;
  }
}

/* PAGE SECTION: /dimensions/asme/b16.36/class-1500/index.html | scopes: s42, s44, s48, s49, s4a, s4c, s4k, s4l, s55 */
:where([data-css~="s42"]) .dimensions-page {
  position: relative;
  width: 100%;
  min-height: auto;
  padding: 0px;
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

:where([data-css~="s42"]) .dimensions-container {
  position: relative;
  z-index: 2;
  width: min(1180px, 100% - 40px);
  margin-left: auto;
  margin-right: auto;
}

/* PAGE SECTION: /dimensions/asme/b16.5/index.html | scopes: s43 */
:where([data-css~="s43"]) .b165-hero {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 18px;
  background: rgb(23, 38, 51);
  color: rgb(255, 255, 255);
  font-family: inherit;
}

:where([data-css~="s43"]) .b165-hero *,
:where([data-css~="s43"]) .b165-hero ::before,
:where([data-css~="s43"]) .b165-hero ::after {
  box-sizing: border-box;
}

:where([data-css~="s43"]) .b165-hero__container {
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
}

:where([data-css~="s43"]) .b165-hero__content {
  width: 100%;
}

:where([data-css~="s43"]) .b165-hero__eyebrow {
  margin: 0px 0px 14px;
  color: rgb(255, 154, 54);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.5px;
  line-height: 1.4;
}

:where([data-css~="s43"]) .b165-hero h1 {
  margin: 0px 0px 22px;
  color: rgb(255, 255, 255);
  font-size: 30px;
  font-weight: 750;
  line-height: 1.2;
}

:where([data-css~="s43"]) .b165-hero h2 {
  margin: 0px 0px 12px;
  color: rgb(255, 154, 54);
  font-size: 24px;
  font-weight: 650;
  line-height: 1.3;
}

:where([data-css~="s43"]) .b165-hero__description {
  max-width: 1050px;
  margin: 0px 0px 10px;
  color: rgb(241, 244, 247);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

:where([data-css~="s43"]) .b165-hero__stats {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0px;
  margin: 8px 0px 10px;
}

:where([data-css~="s43"]) .b165-hero__stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 14px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

:where([data-css~="s43"]) .b165-hero__stat:first-child {
  padding-left: 0px;
}

:where([data-css~="s43"]) .b165-hero__stat:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s43"]) .b165-hero__stat strong {
  color: rgb(255, 154, 54);
  font-size: 21px;
  font-weight: 750;
  line-height: 1.35;
  white-space: nowrap;
}

:where([data-css~="s43"]) .b165-hero__stat span {
  margin-top: 4px;
  color: rgb(255, 255, 255);
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
}

:where([data-css~="s43"]) .b165-hero__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

:where([data-css~="s43"]) .b165-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 11px 14px;
  border: 1px solid transparent;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.3;
  text-decoration: none;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s43"]) .b165-hero__btn--primary {
  background: rgb(255, 121, 0);
  border-color: rgb(255, 121, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="s43"]) .b165-hero__btn--primary:hover {
  background: rgb(233, 109, 0);
  border-color: rgb(233, 109, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="s43"]) .b165-hero__btn--primary span {
  font-size: 19px;
  line-height: 1;
}

:where([data-css~="s43"]) .b165-hero__btn--secondary {
  background: transparent;
  border-color: rgb(116, 128, 138);
  color: rgb(255, 255, 255);
}

:where([data-css~="s43"]) .b165-hero__btn--secondary:hover {
  background: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  color: rgb(23, 38, 51);
}

@media (max-width: 768px) {
  :where([data-css~="s43"]) .b165-hero {
    padding: 24px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s43"]) .b165-hero h1 {
    font-size: 27px;
    margin-bottom: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s43"]) .b165-hero h2 {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s43"]) .b165-hero__description {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s43"]) .b165-hero {
    padding: 22px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s43"]) .b165-hero__eyebrow {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s43"]) .b165-hero h1 {
    font-size: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s43"]) .b165-hero h2 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s43"]) .b165-hero__stats {
    row-gap: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s43"]) .b165-hero__stat {
    padding: 4px 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s43"]) .b165-hero__stat:first-child {
    padding-left: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s43"]) .b165-hero__stat strong {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s43"]) .b165-hero__stat span {
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s43"]) .b165-hero__btn {
    min-height: 44px;
    font-size: 12px;
    padding: 10px 12px;
  }
}

:where([data-css~="s43"]) .b165-page {
  padding: 26px 0px 80px;
  background-color: rgb(238, 242, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

:where([data-css~="s43"]) .b165-page,
:where([data-css~="s43"]) .b165-page * {
  box-sizing: border-box;
}

:where([data-css~="s43"]) .b165-container {
  width: min(1010px, 100% - 40px);
  margin: 0px auto;
}

:where([data-css~="s43"]) .b165-heading {
  max-width: 700px;
  margin: 0px auto 44px;
  text-align: center;
}

:where([data-css~="s43"]) .b165-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 14px;
  background: rgba(245, 130, 32, 0.12);
  color: rgb(245, 130, 32);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 30px;
}

:where([data-css~="s43"]) .b165-heading h2 {
  margin: 0px 0px 14px;
  color: rgb(14, 53, 88);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s43"]) .b165-heading h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 14px auto 0px;
  background: rgb(245, 130, 32);
  border-radius: 2px;
}

:where([data-css~="s43"]) .b165-heading p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="s43"]) .b165-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

:where([data-css~="s43"]) .b165-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 26px;
  min-height: 130px;
  padding: 16px 26px 16px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  box-shadow: rgba(14, 53, 88, 0.08) 0px 8px 24px;
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s43"]) .b165-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(14, 53, 88, 0.13) 0px 14px 32px;
}

:where([data-css~="s43"]) .b165-card:focus-visible {
  outline: rgb(14, 53, 88) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s43"]) .b165-art {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  height: 104px;
  padding: 8px;
  overflow: hidden;
  background: rgb(13, 41, 71);
  border-radius: 10px;
}

:where([data-css~="s43"]) .b165-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

:where([data-css~="s43"]) .b165-info h4 {
  margin: 0px 0px 4px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

:where([data-css~="s43"]) .b165-info p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.5;
}

:where([data-css~="s43"]) .b165-description {
  margin-top: 6px;
  color: rgb(100, 119, 137);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
}

:where([data-css~="s43"]) .b165-description span {
  display: inline-block;
  margin-right: 14px;
}

:where([data-css~="s43"]) .b165-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 155px;
  padding: 11px 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  color: rgb(14, 53, 88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition:
    background 0.25s,
    color 0.25s;
}

:where([data-css~="s43"]) .b165-arrow {
  color: rgb(245, 130, 32);
  font-size: 18px;
  transition: transform 0.25s;
}

:where([data-css~="s43"]) .b165-card:hover .b165-btn {
  background: rgb(245, 130, 32);
  color: rgb(255, 255, 255);
}

:where([data-css~="s43"]) .b165-card:hover .b165-arrow {
  color: rgb(255, 255, 255);
  transform: translateX(4px);
}

:where([data-css~="s43"]) .cta-section h2 {
  white-space: normal;
}

@media (max-width: 900px) {
  :where([data-css~="s43"]) .b165-card {
    grid-template-columns: 140px minmax(0px, 1fr) auto;
    gap: 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s43"]) .b165-art {
    width: 140px;
    height: 90px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s43"]) .b165-btn {
    min-width: 130px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s43"]) .b165-description {
    font-size: 11px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s43"]) .b165-page {
    padding-bottom: 56px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s43"]) .b165-heading {
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s43"]) .b165-list {
    gap: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s43"]) .b165-card {
    grid-template-columns: 1fr;
    gap: 14px;
    min-height: 0px;
    padding: 14px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s43"]) .b165-art {
    width: 100%;
    height: 110px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s43"]) .b165-btn {
    width: 100%;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s43"]) .b165-description {
    font-size: 12px;
    line-height: 1.6;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s43"]) .b165-card,
  :where([data-css~="s43"]) .b165-btn,
  :where([data-css~="s43"]) .b165-arrow {
    transition: none;
  }
}

:where([data-css~="s44"]) .product-hero {
  width: 100%;
  background: rgb(23, 35, 47);
  padding: 52px 24px;
  overflow: hidden;
  box-sizing: border-box;
}

/* PAGE SECTION: /dimensions/din/index.html | scopes: s45, s46 */
:where([data-css~="s45"]) .din2500-page {
  width: 100%;
  background:
    linear-gradient(rgba(30, 60, 90, 0.06) 1px, transparent 1px) 0% 0% / 28px
      28px,
    linear-gradient(90deg, rgba(30, 60, 90, 0.06) 1px, transparent 1px)
      rgb(238, 242, 246);
  min-height: 100vh;
  padding: 12px 0px 60px;
  font-family: Poppins, sans-serif;
  color: rgb(15, 41, 66);
}

:where([data-css~="s45"]) .din2500-container {
  width: 92%;
  max-width: 650px;
  margin: 0px auto;
}

:where([data-css~="s46"]) .product-hero {
  width: 100%;
  background: rgb(16, 31, 45);
  padding: 52px 24px;
  overflow: hidden;
  box-sizing: border-box;
}

/* PAGE SECTION: /dimensions/sans/index.html | scopes: s47 */
:where([data-css~="s47"]) .product-hero {
  width: 100%;
  background: rgb(16, 31, 45);
  padding: 44px 24px;
  overflow: hidden;
  box-sizing: border-box;
}

:where([data-css~="s48"]) .product-hero,
:where([data-css~="s48"]) .product-hero * {
  box-sizing: border-box;
}

:where([data-css~="s49"]) .product-hero .product-hero-container {
  display: grid;
  grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr);
  align-items: center;
  gap: 48px;
  width: 100%;
  max-width: 1500px;
  margin: 0px auto;
}

:where([data-css~="s49"]) .product-hero .product-hero-content {
  min-width: 0px;
  width: 100%;
}

:where([data-css~="s49"]) .product-hero .hero-top-text {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  color: rgb(255, 166, 61);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.3px;
  line-height: 1.7;
}

:where([data-css~="s49"]) .product-hero .hero-top-text i {
  color: rgb(255, 166, 61);
  font-size: 15px;
}

:where([data-css~="s49"]) .product-hero h1 {
  margin: 18px 0px;
  color: rgb(255, 255, 255);
  font-size: clamp(38px, 4vw, 62px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -1px;
}

:where([data-css~="s49"]) .product-hero .hero-title-highlight {
  color: rgb(255, 166, 61);
}

:where([data-css~="s49"]) .product-hero p {
  max-width: 620px;
  margin: 0px 0px 22px;
  color: rgb(211, 222, 234);
  font-size: 17px;
  line-height: 1.7;
}

:where([data-css~="s49"]) .product-hero .dimensions-hero-stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin: 22px 0px 26px;
}

:where([data-css~="s49"]) .product-hero .dimensions-stat {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

:where([data-css~="s49"]) .product-hero .dimensions-stat strong {
  color: rgb(255, 166, 61);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
}

:where([data-css~="s49"]) .product-hero .dimensions-stat span {
  color: rgb(211, 222, 234);
  font-size: 12px;
  line-height: 1.5;
}

:where([data-css~="s49"]) .product-hero .dimensions-stat-divider {
  width: 1px;
  height: 38px;
  background: rgba(255, 255, 255, 0.22);
}

:where([data-css~="s49"]) .product-hero .dimensions-hero-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

:where([data-css~="s49"]) .product-hero .dimensions-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 13px 22px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s;
  text-decoration: none !important;
}

:where([data-css~="s49"]) .product-hero .dimensions-btn-primary {
  background: rgb(255, 107, 0);
  border-color: rgb(255, 107, 0);
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="s4a"]) .product-hero .dimensions-btn-primary:hover {
  background: rgb(232, 93, 0);
  border-color: rgb(232, 93, 0);
}

:where([data-css~="s4b"]) .product-hero .dimensions-btn-primary:hover {
  background: rgb(232, 93, 0);
  border-color: rgb(232, 93, 0);
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="s49"]) .product-hero .dimensions-btn-secondary {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.35);
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="s49"]) .product-hero .dimensions-btn-secondary:hover {
  background: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  color: rgb(23, 35, 47) !important;
}

:where([data-css~="s49"]) .product-hero .dimensions-hero-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0px;
}

:where([data-css~="s4a"]) .product-hero .dimensions-hero-drawing {
  display: block;
  width: 100%;
  max-width: 820px;
  height: auto;
  object-fit: contain;
}

:where([data-css~="s4b"]) .product-hero .dimensions-hero-drawing {
  display: block;
  width: 100%;
  max-width: 820px;
  height: auto;
  object-fit: contain;
  background: transparent;
  border: 0px;
  box-shadow: none;
}

@media (max-width: 1024px) {
  :where([data-css~="s49"]) .product-hero {
    padding: 42px 22px;
  }
}

@media (max-width: 1024px) {
  :where([data-css~="s49"]) .product-hero .product-hero-container {
    gap: 28px;
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
  }
}

@media (max-width: 1024px) {
  :where([data-css~="s49"]) .product-hero h1 {
    font-size: clamp(34px, 4vw, 46px);
  }
}

@media (max-width: 1024px) {
  :where([data-css~="s49"]) .product-hero p {
    font-size: 15px;
  }
}

@media (max-width: 1024px) {
  :where([data-css~="s4b"]) .product-hero .dimensions-hero-drawing {
    max-width: 100%;
  }
}

:where([data-css~="s47"]) .product-hero .product-hero-inner {
  display: grid;
  grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr);
  align-items: center;
  gap: 40px;
  width: 100%;
  max-width: 1500px;
  margin: 0px auto;
}

:where([data-css~="s47"]) .product-hero .product-hero-copy {
  min-width: 0px;
  width: 100%;
}

:where([data-css~="s47"]) .product-hero .product-eyebrow {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  color: rgb(255, 166, 61);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.1px;
  line-height: 1.7;
}

:where([data-css~="s47"]) .product-hero .product-eyebrow i {
  color: rgb(255, 166, 61);
  font-size: 15px;
}

:where([data-css~="s47"]) .product-hero h1 {
  margin: 16px 0px;
  color: rgb(255, 255, 255);
  font-size: clamp(36px, 4vw, 60px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -1px;
}

:where([data-css~="s47"]) .product-hero h1 span {
  color: rgb(255, 255, 255);
}

:where([data-css~="s47"]) .product-hero p {
  max-width: 620px;
  margin: 0px 0px 20px;
  color: rgb(211, 222, 234);
  font-size: 16px;
  line-height: 1.7;
}

:where([data-css~="s47"]) .product-hero .product-stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin: 20px 0px 24px;
}

:where([data-css~="s47"]) .product-hero .product-stats > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

:where([data-css~="s47"]) .product-hero .product-stats strong {
  color: rgb(255, 166, 61);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
}

:where([data-css~="s47"]) .product-hero .product-stats span {
  color: rgb(211, 222, 234);
  font-size: 12px;
  line-height: 1.5;
}

:where([data-css~="s47"]) .product-hero .product-stats > i {
  width: 1px;
  height: 38px;
  background: rgba(255, 255, 255, 0.22);
}

:where([data-css~="s47"]) .product-hero .product-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

:where([data-css~="s47"]) .product-hero .product-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s;
}

:where([data-css~="s47"]) .product-hero .product-button-primary {
  color: rgb(255, 255, 255);
  background: rgb(255, 107, 0);
  border-color: rgb(255, 107, 0);
}

:where([data-css~="s47"]) .product-hero .product-button-primary:hover {
  background: rgb(232, 93, 0);
  border-color: rgb(232, 93, 0);
}

:where([data-css~="s47"]) .product-hero .product-button-outline {
  color: rgb(255, 255, 255);
  background: transparent;
  border-color: rgba(255, 255, 255, 0.4);
}

:where([data-css~="s47"]) .product-hero .product-button-outline:hover {
  color: rgb(23, 35, 47);
  background: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}

:where([data-css~="s47"]) .product-hero .product-hero-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0px;
}

:where([data-css~="s47"]) .product-hero .product-hero-visual img {
  display: block;
  width: 100%;
  max-width: 760px;
  height: auto;
  max-height: 470px;
  object-fit: contain;
  object-position: center center;
}

@media (max-width: 900px) {
  :where([data-css~="s47"]) .product-hero .product-hero-inner {
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
    gap: 26px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s47"]) .product-hero h1 {
    font-size: clamp(34px, 4vw, 46px);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s48"]) .product-hero {
    padding: 34px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s49"]) .product-hero .product-hero-container {
    grid-template-columns: minmax(0px, 1fr);
    gap: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s47"]) .product-hero .product-hero-inner {
    grid-template-columns: minmax(0px, 1fr);
    gap: 26px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4c"]) .product-hero h1 {
    font-size: clamp(34px, 8vw, 44px);
    line-height: 1.1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4b"]) .product-hero .hero-top-text {
    font-size: 11px;
    letter-spacing: 0.8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4b"]) .product-hero h1 {
    margin: 16px 0px;
    font-size: clamp(34px, 8vw, 44px);
    line-height: 1.1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4b"]) .product-hero p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4b"]) .product-hero .dimensions-hero-stats {
    gap: 12px;
    margin: 20px 0px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s49"]) .product-hero .dimensions-stat strong {
    font-size: 21px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4b"]) .product-hero .dimensions-stat-divider {
    height: 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4b"]) .product-hero .dimensions-hero-buttons {
    gap: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s49"]) .product-hero .dimensions-btn {
    min-height: 46px;
    padding: 12px 15px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4a"]) .product-hero .dimensions-hero-drawing {
    max-width: 560px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4b"]) .product-hero .dimensions-hero-visual {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4b"]) .product-hero .dimensions-hero-drawing {
    width: 100%;
    max-width: 560px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s47"]) .product-hero .product-hero-visual img {
    max-width: 560px;
    max-height: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s48"]) .product-hero {
    padding: 28px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s48"]) .product-hero h1 {
    font-size: 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4b"]) .product-hero .dimensions-hero-stats {
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s49"]) .product-hero .dimensions-stat strong {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4b"]) .product-hero .dimensions-stat span {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s49"]) .product-hero .dimensions-hero-buttons {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s49"]) .product-hero .dimensions-btn {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4d"]) .header-right {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0px;
    margin-left: auto;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 5px;
    color: rgb(17, 17, 17);
    font-size: 24px;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
    z-index: 100000;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh"]) .menu-toggle i {
    pointer-events: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sh"]) .header-container {
    height: 82px;
    width: 92%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sh"]) .logo img {
    width: 175px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .header-container {
    height: 72px;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .logo img {
    width: 150px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4e"]) .menu-toggle {
    width: 42px;
    height: 42px;
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sh"]) .header .navbar > ul > li > a {
    min-height: 50px;
    padding: 13px 16px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sh"]) .dropdown-menu li a {
    padding: 11px 30px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .header-container {
    min-height: 68px;
    padding: 10px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .header-container {
    min-height: 72px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .navbar ul li a i {
    font-size: 10px;
    margin-left: 8px;
    flex-shrink: 0;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .header-container {
    min-height: 68px;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1w"]) .menu-toggle {
    display: block;
    margin-left: auto;
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    font-size: 27px;
    color: rgb(17, 17, 17);
    cursor: pointer;
    padding: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1w"]) .header-container {
    height: 85px;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .header-container {
    height: 68px;
    width: 94%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se"]) .header-container {
    height: 72px;
    gap: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4f"]) .logo img {
    width: 145px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .menu-toggle {
    width: 42px;
    height: 42px;
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .navbar {
    top: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .header .navbar > ul > li > a {
    padding: 14px 18px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .dropdown-menu li a {
    padding: 11px 32px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .header-right {
    gap: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .contact-btn {
    padding: 10px 16px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .quote-btn {
    padding: 12px 20px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .search-btn {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .header-container {
    padding: 12px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .logo {
    flex: 0 0 110px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .logo img {
    width: 110px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .header .navbar > ul {
    gap: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .header .navbar > ul > li > a {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .contact-btn {
    display: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .quote-btn {
    padding: 10px 16px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .search-btn {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}

:where([data-css~="s1r"]) .dropdown.active > .dimensions-dropdown-menu {
  display: block !important;
  position: static !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  min-width: 0px !important;
  transform: none !important;
  left: auto !important;
  padding: 10px 0px !important;
  box-shadow: none !important;
  gap: 0px !important;
}

:where([data-css~="s1r"])
  .nav-menu
  > li.dropdown
  > .dimensions-dropdown-menu
  li
  a {
  padding: 12px 20px !important;
  white-space: normal !important;
}

@media (max-width: 480px) {
  :where([data-css~="s4g"]) .dimensions-dropdown-menu li a {
    padding: 10px 16px !important;
    font-size: 14px !important;
  }
}

/* PAGE SECTION: /dimensions/asme/index.html | scopes: s4h, s65 */
:where([data-css~="s4h"]) .dimensions-hero-content .flange-breadcrumb {
  width: 100%;
  margin: 0px 0px 30px;
  padding: 0px;
  background: transparent;
  position: relative;
  z-index: 2;
}

:where([data-css~="s4h"]) .dimensions-hero-content .flange-breadcrumb ol {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

:where([data-css~="s4h"]) .dimensions-hero-content .flange-breadcrumb li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
  color: rgb(255, 255, 255);
}

:where([data-css~="s4h"]) .dimensions-hero-content .flange-breadcrumb a {
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-weight: 400;
  transition: color 0.25s;
}

:where([data-css~="s4h"]) .dimensions-hero-content .flange-breadcrumb a:hover {
  color: rgb(255, 148, 31);
}

:where([data-css~="s4h"])
  .dimensions-hero-content
  .flange-breadcrumb
  .breadcrumb-separator {
  color: rgb(170, 181, 192);
  font-size: 23px;
  font-weight: 300;
}

:where([data-css~="s4h"])
  .dimensions-hero-content
  .flange-breadcrumb
  .breadcrumb-current {
  color: rgb(255, 255, 255);
  font-weight: 700;
}

@media (max-width: 768px) {
  :where([data-css~="s4h"]) .dimensions-hero-content .flange-breadcrumb {
    margin-bottom: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4h"]) .dimensions-hero-content .flange-breadcrumb li {
    font-size: 14px;
    gap: 6px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4h"]) .dimensions-hero-content .flange-breadcrumb ol {
    gap: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4h"]) .dimensions-hero-content .flange-breadcrumb {
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4h"]) .dimensions-hero-content .flange-breadcrumb li {
    font-size: 12px;
    gap: 5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4h"])
    .dimensions-hero-content
    .flange-breadcrumb
    .breadcrumb-separator {
    font-size: 17px;
  }
}

:where([data-css~="s4i"]) .dimensions-hero {
  background: rgb(23, 35, 47);
  color: rgb(255, 255, 255);
  padding: 56px 32px;
  overflow: hidden;
}

:where([data-css~="s4i"]) .dimensions-hero-container {
  max-width: 1200px;
  margin: 0px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
}

:where([data-css~="s4i"]) .dimensions-hero-content {
  width: 40%;
  flex-shrink: 0;
}

:where([data-css~="s4i"]) .dimensions-hero-badge {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: rgb(240, 153, 123);
  text-transform: uppercase;
}

:where([data-css~="s4i"]) .dimensions-hero-badge .badge-dot {
  color: rgb(232, 114, 43);
}

:where([data-css~="s4i"]) .dimensions-hero-content h1 {
  margin: 0px 0px 18px;
  font-size: 38px;
  line-height: 1.15;
  font-weight: 700;
  color: rgb(255, 255, 255);
}

:where([data-css~="s4i"]) .dimensions-hero-description {
  max-width: 500px;
  margin: 0px 0px 24px;
  font-size: 14px;
  line-height: 1.65;
  color: rgb(201, 210, 220);
}

:where([data-css~="s4i"]) .dimensions-hero-stats {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-bottom: 26px;
}

:where([data-css~="s4i"]) .dimensions-stat {
  display: flex;
  flex-direction: column;
}

:where([data-css~="s4i"]) .dimensions-stat strong {
  display: block;
  margin-bottom: 2px;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  color: rgb(232, 114, 43);
}

:where([data-css~="s4i"]) .dimensions-stat span {
  font-size: 12px;
  line-height: 1.4;
  color: rgb(154, 167, 181);
}

:where([data-css~="s4i"]) .dimensions-stat-divider {
  width: 1px;
  height: 34px;
  background: rgb(53, 68, 83);
}

:where([data-css~="s4i"]) .dimensions-hero-buttons {
  display: flex;
  align-items: center;
  gap: 12px;
}

:where([data-css~="s4i"]) .dimensions-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0px 22px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    transform 0.2s;
}

:where([data-css~="s4i"]) .dimensions-btn-primary {
  background: rgb(232, 114, 43);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(232, 114, 43);
}

:where([data-css~="s4i"]) .dimensions-btn-primary:hover {
  background: rgb(217, 99, 32);
  border-color: rgb(217, 99, 32);
  transform: translateY(-1px);
}

:where([data-css~="s4i"]) .dimensions-btn-secondary {
  background: transparent;
  color: rgb(255, 255, 255);
  border: 1px solid rgb(74, 90, 108);
}

:where([data-css~="s4i"]) .dimensions-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgb(113, 129, 148);
  transform: translateY(-1px);
}

:where([data-css~="s4i"]) .dimensions-hero-visual {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  min-width: 0px;
}

:where([data-css~="s4i"]) .dimensions-hero-drawing {
  display: block;
  width: 100%;
  max-width: 820px;
  height: auto;
  object-fit: contain;
  background: transparent;
  opacity: 0.82;
}

@media (min-width: 1101px) {
  :where([data-css~="s4i"]) .dimensions-hero-container {
    min-height: 430px;
  }
}

@media (min-width: 1101px) {
  :where([data-css~="s4i"]) .dimensions-hero-visual {
    margin-right: -20px;
  }
}

@media (min-width: 1101px) {
  :where([data-css~="s4i"]) .dimensions-hero-drawing {
    transform: translateX(10px);
  }
}

@media (max-width: 1100px) {
  :where([data-css~="s4i"]) .dimensions-hero {
    padding: 50px 28px;
  }
}

@media (max-width: 1100px) {
  :where([data-css~="s4i"]) .dimensions-hero-container {
    gap: 25px;
  }
}

@media (max-width: 1100px) {
  :where([data-css~="s4i"]) .dimensions-hero-content {
    width: 42%;
  }
}

@media (max-width: 1100px) {
  :where([data-css~="s4i"]) .dimensions-hero-visual {
    width: 58%;
  }
}

@media (max-width: 1100px) {
  :where([data-css~="s4i"]) .dimensions-hero-drawing {
    max-width: 650px;
  }
}

@media (max-width: 1100px) {
  :where([data-css~="s4i"]) .dimensions-hero-content h1 {
    font-size: 34px;
  }
}

@media (max-width: 1100px) {
  :where([data-css~="s4i"]) .dimensions-hero-description {
    font-size: 13px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4i"]) .dimensions-hero {
    padding: 45px 24px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4i"]) .dimensions-hero-container {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4i"]) .dimensions-hero-content {
    width: 100%;
    max-width: 600px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4i"]) .dimensions-hero-content h1 {
    font-size: 32px;
    line-height: 1.15;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4i"]) .dimensions-hero-description {
    max-width: 600px;
    font-size: 14px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4i"]) .dimensions-hero-visual {
    width: 100%;
    justify-content: center;
    margin: 0px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4i"]) .dimensions-hero-drawing {
    width: 100%;
    max-width: 650px;
    transform: none;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4i"]) .dimensions-hero {
    padding: 38px 20px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4i"]) .dimensions-hero-container {
    gap: 32px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4i"]) .dimensions-hero-badge {
    font-size: 10px;
    gap: 5px;
    margin-bottom: 13px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4i"]) .dimensions-hero-content h1 {
    font-size: 30px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4i"]) .dimensions-hero-description {
    font-size: 13px;
    line-height: 1.6;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4i"]) .dimensions-hero-stats {
    gap: 22px;
    margin-bottom: 24px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4i"]) .dimensions-stat strong {
    font-size: 24px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4i"]) .dimensions-stat span {
    font-size: 11px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4i"]) .dimensions-hero-buttons {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4i"]) .dimensions-btn {
    width: 100%;
    box-sizing: border-box;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4i"]) .dimensions-hero-drawing {
    width: 100%;
    max-width: 560px;
  }
}

@media (max-width: 420px) {
  :where([data-css~="s4i"]) .dimensions-hero {
    padding: 32px 16px;
  }
}

@media (max-width: 420px) {
  :where([data-css~="s4i"]) .dimensions-hero-content h1 {
    font-size: 28px;
  }
}

@media (max-width: 420px) {
  :where([data-css~="s4i"]) .dimensions-hero-description {
    font-size: 12.5px;
  }
}

@media (max-width: 420px) {
  :where([data-css~="s4i"]) .dimensions-hero-stats {
    gap: 18px;
  }
}

@media (max-width: 420px) {
  :where([data-css~="s4i"]) .dimensions-stat strong {
    font-size: 22px;
  }
}

@media (max-width: 420px) {
  :where([data-css~="s4i"]) .dimensions-stat span {
    font-size: 10px;
  }
}

@media (max-width: 420px) {
  :where([data-css~="s4i"]) .dimensions-hero-container {
    gap: 28px;
  }
}

:where([data-css~="s4j"]) .product-hero[data-ferrobend-hero="marketing"] {
  background: rgb(23, 35, 47);
  color: rgb(255, 255, 255);
  padding: 42px 32px;
  overflow: hidden;
  box-sizing: border-box;
}

:where([data-css~="s4j"]) .product-hero[data-ferrobend-hero="marketing"] *,
:where([data-css~="s4j"])
  .product-hero[data-ferrobend-hero="marketing"]
  ::before,
:where([data-css~="s4j"])
  .product-hero[data-ferrobend-hero="marketing"]
  ::after {
  box-sizing: border-box;
}

:where([data-css~="s4j"]) .product-hero-container {
  width: 100%;
  max-width: 1200px;
  min-height: 350px;
  margin: 0px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
}

:where([data-css~="s4j"]) .product-hero-content {
  flex: 0 1 43%;
  min-width: 0px;
}

:where([data-css~="s4j"]) .product-hero-content .hero-top-text {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 16px;
  color: rgb(240, 153, 123);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.5px;
}

:where([data-css~="s4j"]) .product-hero-content h1 {
  margin: 0px 0px 18px;
  color: rgb(255, 255, 255);
  font-size: clamp(32px, 3.2vw, 46px);
  font-weight: 800;
  line-height: 1.12;
}

:where([data-css~="s4j"]) .product-hero-content h1 .hero-title-highlight {
  color: rgb(255, 255, 255);
}

:where([data-css~="s4j"]) .product-hero-content > p {
  max-width: 500px;
  margin: 0px 0px 22px;
  color: rgb(201, 210, 220);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="s4j"]) .product-hero .dimensions-hero-stats {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 25px;
}

:where([data-css~="s4j"]) .product-hero .dimensions-stat {
  display: flex;
  flex-direction: column;
}

:where([data-css~="s4j"]) .product-hero .dimensions-stat strong {
  margin-bottom: 4px;
  color: rgb(255, 113, 53);
  font-size: 26px;
  line-height: 1.1;
}

:where([data-css~="s4j"]) .product-hero .dimensions-stat span {
  color: rgb(170, 182, 196);
  font-size: 12px;
  line-height: 1.4;
}

:where([data-css~="s4j"]) .product-hero .dimensions-stat-divider {
  width: 1px;
  height: 36px;
  background: rgb(53, 68, 83);
}

:where([data-css~="s4j"]) .product-hero .dimensions-hero-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

:where([data-css~="s4j"]) .product-hero .dimensions-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0px 20px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    transform 0.2s;
}

:where([data-css~="s4j"]) .product-hero .dimensions-btn-primary {
  background: rgb(243, 111, 33);
  border-color: rgb(243, 111, 33);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4j"]) .product-hero .dimensions-btn-primary:hover {
  background: rgb(217, 92, 22);
  border-color: rgb(217, 92, 22);
}

:where([data-css~="s4j"]) .product-hero .dimensions-btn-secondary {
  background: transparent;
  border-color: rgb(74, 90, 108);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4j"]) .product-hero .dimensions-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgb(113, 129, 148);
}

:where([data-css~="s4j"]) .product-hero .dimensions-hero-visual {
  flex: 1 1 57%;
  min-width: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-css~="s4j"]) .product-hero .dimensions-hero-drawing {
  display: block;
  width: 100%;
  max-width: 700px;
  max-height: 370px;
  height: auto;
  object-fit: contain;
  object-position: center center;
  background: transparent;
  opacity: 1;
}

:where([data-css~="s4j"]) .product-hero-content h1 .hero-class-highlight {
  color: rgb(255, 107, 44);
}

@media (max-width: 900px) {
  :where([data-css~="s4j"]) .product-hero[data-ferrobend-hero="marketing"] {
    padding: 38px 24px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4j"]) .product-hero-container {
    min-height: 0px;
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4j"]) .product-hero-content {
    flex: 1 1 auto;
    width: 100%;
    max-width: 650px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4j"]) .product-hero .dimensions-hero-visual {
    width: 100%;
    flex: 1 1 auto;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4j"]) .product-hero .dimensions-hero-drawing {
    max-width: 650px;
    max-height: none;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4j"]) .product-hero[data-ferrobend-hero="marketing"] {
    padding: 30px 18px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4j"]) .product-hero-content h1 {
    font-size: 32px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4j"]) .product-hero-content > p {
    font-size: 14px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4j"]) .product-hero .dimensions-hero-buttons {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4j"]) .product-hero .dimensions-btn {
    width: 100%;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4j"]) .product-hero .dimensions-hero-stats {
    gap: 18px;
  }
}

:where([data-css~="s4k"]) .b165-crumb-hero {
  width: 100%;
  max-width: 1200px;
  margin: 0px auto 22px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  color: rgb(255, 255, 255);
  font-size: 20px;
  line-height: 1.6;
}

:where([data-css~="s4k"]) .b165-crumb-hero a {
  color: rgb(194, 206, 218);
  text-decoration: none;
}

:where([data-css~="s4k"]) .b165-crumb-hero a:hover {
  color: rgb(255, 113, 53);
}

:where([data-css~="s4k"]) .b165-crumb-hero span {
  color: rgb(129, 145, 162);
}

:where([data-css~="s4k"]) .b165-crumb-hero span:last-child {
  color: rgb(255, 255, 255);
  font-weight: 700;
}

:where([data-css~="s4k"]) .b165-page > .b165-crumb {
  display: none;
}

:where([data-css~="s42"]) .b1636-page {
  padding: 26px 0px 80px;
  background-color: rgb(238, 242, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

:where([data-css~="s42"]) .b1636-page,
:where([data-css~="s42"]) .b1636-page * {
  box-sizing: border-box;
}

:where([data-css~="s42"]) .b1636-container {
  width: min(1010px, 100% - 40px);
  margin: 0px auto;
}

:where([data-css~="s42"]) .b1636-heading {
  max-width: 700px;
  margin: 0px auto 44px;
  text-align: center;
}

:where([data-css~="s42"]) .b1636-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 14px;
  background: rgba(245, 130, 32, 0.12);
  color: rgb(245, 130, 32);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 30px;
}

:where([data-css~="s42"]) .b1636-heading h2 {
  margin: 0px 0px 14px;
  color: rgb(14, 53, 88);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s42"]) .b1636-heading h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 14px auto 0px;
  background: rgb(245, 130, 32);
  border-radius: 2px;
}

:where([data-css~="s42"]) .b1636-heading p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="s4l"]) .b1636-group {
  margin-bottom: 44px;
}

:where([data-css~="s4l"]) .b1636-group-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0px 0px 18px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

:where([data-css~="s4l"]) .b1636-group-title small {
  color: rgb(120, 139, 154);
  font-size: 14px;
  font-weight: 500;
}

:where([data-css~="s4l"]) .b1636-group-title::after {
  content: "";
  flex: 1 1 0%;
  height: 1px;
  background: rgba(245, 130, 32, 0.45);
  align-self: center;
}

:where([data-css~="s42"]) .b1636-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

:where([data-css~="s4l"]) .b1636-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 26px;
  padding: 16px 26px 16px 16px;
  min-height: 130px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  box-shadow: rgba(14, 53, 88, 0.08) 0px 8px 24px;
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s4m"]) .b1636-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 26px;
  min-height: 130px;
  padding: 16px 26px 16px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  box-shadow: rgba(14, 53, 88, 0.08) 0px 8px 24px;
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s42"]) .b1636-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(14, 53, 88, 0.13) 0px 14px 32px;
}

:where([data-css~="s42"]) .b1636-card:focus-visible {
  outline: rgb(14, 53, 88) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s4l"]) .b1636-art {
  width: 170px;
  height: 104px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: rgb(13, 41, 71);
  border-radius: 10px;
}

:where([data-css~="s4m"]) .b1636-art {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  height: 104px;
  padding: 8px;
  overflow: hidden;
  background: rgb(13, 41, 71);
  border-radius: 10px;
}

:where([data-css~="s42"]) .b1636-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

:where([data-css~="s42"]) .b1636-info h4 {
  margin: 0px 0px 4px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

:where([data-css~="s42"]) .b1636-info p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.5;
}

:where([data-css~="s42"]) .b1636-description {
  margin-top: 6px;
  color: rgb(100, 119, 137);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
}

:where([data-css~="s4l"]) .b1636-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 155px;
  padding: 11px 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  color: rgb(14, 53, 88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition: 0.25s;
}

:where([data-css~="s4m"]) .b1636-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 155px;
  padding: 11px 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  color: rgb(14, 53, 88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition:
    background 0.25s,
    color 0.25s;
}

:where([data-css~="s42"]) .b1636-arrow {
  color: rgb(245, 130, 32);
  font-size: 18px;
  transition: transform 0.25s;
}

:where([data-css~="s4l"]) .b1636-card:hover .b1636-btn {
  background: rgb(245, 130, 32);
}

:where([data-css~="s4l"]) .b1636-card:hover .b1636-btn,
:where([data-css~="s4l"]) .b1636-card:hover .b1636-arrow {
  color: rgb(255, 255, 255);
}

:where([data-css~="s4l"]) .b1636-card:hover .b1636-arrow {
  transform: translateX(4px);
}

:where([data-css~="s4m"]) .b1636-card:hover .b1636-btn {
  background: rgb(245, 130, 32);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4m"]) .b1636-card:hover .b1636-arrow {
  color: rgb(255, 255, 255);
  transform: translateX(4px);
}

/* PAGE SECTION: /dimensions/asme/b16.47/index.html | scopes: s4n, s4q, see, sef, sei, seo, sev, sew, sex, shz, si2, si3, si4, si5, sik */
:where([data-css~="s4n"]) .dimensions-hero {
  background: rgb(23, 35, 47);
  padding: 72px 0px;
  overflow: hidden;
}

:where([data-css~="s4n"]) .dimensions-hero .product-hero-container {
  display: grid;
  grid-template-columns: minmax(0px, 0.92fr) minmax(0px, 1.08fr);
  align-items: center;
  gap: 42px;
  max-width: 1440px;
  margin: 0px auto;
}

:where([data-css~="s4n"]) .dimensions-hero .product-hero-content {
  min-width: 0px;
}

:where([data-css~="s4n"]) .dimensions-hero .hero-top-text {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  color: rgb(255, 117, 64);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 1.7;
}

:where([data-css~="s4n"]) .dimensions-hero .hero-top-text i {
  color: rgb(255, 117, 64);
  font-size: 15px;
}

:where([data-css~="s4n"]) .dimensions-hero h1 {
  color: rgb(255, 255, 255);
  font-size: clamp(38px, 4.2vw, 62px);
  font-weight: 800;
  line-height: 1.08;
  margin: 22px 0px 4px;
}

:where([data-css~="s4n"]) .dimensions-hero .dimensions-hero-title {
  color: rgb(255, 255, 255);
  font-size: clamp(34px, 3.7vw, 54px);
  font-weight: 800;
  line-height: 1.12;
  margin: 0px 0px 22px;
}

:where([data-css~="s4n"]) .dimensions-hero .dimensions-hero-description {
  color: rgb(211, 222, 234);
  font-size: 17px;
  line-height: 1.8;
  max-width: 540px;
  margin: 0px 0px 28px;
}

:where([data-css~="s4n"]) .dimensions-hero-stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin: 28px 0px 32px;
}

:where([data-css~="s4n"]) .dimensions-stat {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

:where([data-css~="s4n"]) .dimensions-stat strong {
  color: rgb(255, 117, 64);
  font-size: 27px;
  font-weight: 800;
  line-height: 1.1;
}

:where([data-css~="s4n"]) .dimensions-stat span {
  color: rgb(199, 212, 226);
  font-size: 12px;
  line-height: 1.5;
}

:where([data-css~="s4n"]) .dimensions-stat-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.2);
}

:where([data-css~="s4n"]) .dimensions-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

:where([data-css~="s4n"]) .dimensions-btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 23px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  transition:
    background 0.25s,
    border-color 0.25s,
    color 0.25s;
  text-decoration: none !important;
}

:where([data-css~="s4n"]) .dimensions-btn-primary {
  background: rgb(237, 112, 41);
  border: 1px solid rgb(237, 112, 41);
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="s4n"]) .dimensions-btn-primary:hover {
  background: rgb(217, 94, 27);
  border-color: rgb(217, 94, 27);
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="s4n"]) .dimensions-btn-secondary {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="s4n"]) .dimensions-btn-secondary:hover {
  background: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  color: rgb(23, 35, 47) !important;
}

:where([data-css~="s4n"]) .dimensions-hero-visual {
  min-width: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-css~="s4n"]) .dimensions-hero-drawing {
  display: block;
  width: 100%;
  max-width: 760px;
  height: auto;
  object-fit: contain;
  background: transparent;
  border: 0px;
  box-shadow: none;
}

:where([data-css~="s4n"]) .dimensions-hero .hero-top-text,
:where([data-css~="s4n"]) .dimensions-hero .hero-top-text i,
:where([data-css~="s4n"]) .dimensions-hero .dimensions-stat strong {
  color: rgb(255, 166, 61);
}

:where([data-css~="s4n"]) .dimensions-hero .dimensions-hero-title-white,
:where([data-css~="s4n"]) .dimensions-hero .dimensions-hero-title-highlight {
  display: block;
}

:where([data-css~="s4n"]) .dimensions-hero .dimensions-hero-title-white {
  color: rgb(255, 255, 255);
}

:where([data-css~="s4n"]) .dimensions-hero .dimensions-hero-title-highlight {
  color: rgb(255, 166, 61);
}

:where([data-css~="s4n"]) .dimensions-hero .dimensions-btn-primary {
  background: rgb(255, 107, 0);
  border-color: rgb(255, 107, 0);
}

:where([data-css~="s4n"]) .dimensions-hero .dimensions-btn-primary:hover {
  background: rgb(232, 93, 0);
  border-color: rgb(232, 93, 0);
}

:where([data-css~="s4n"]) .dimensions-hero {
  padding: 38px 0px !important;
}

:where([data-css~="s4n"]) .dimensions-hero .product-hero-container {
  gap: 28px;
}

:where([data-css~="s4n"]) .dimensions-hero h1 {
  margin-top: 12px;
  margin-bottom: 4px;
}

:where([data-css~="s4n"]) .dimensions-hero .dimensions-hero-title {
  margin-bottom: 16px;
  line-height: 1.08;
}

:where([data-css~="s4n"]) .dimensions-hero .dimensions-hero-description {
  margin-bottom: 18px;
  line-height: 1.65;
}

:where([data-css~="s4n"]) .dimensions-hero-stats {
  margin: 20px 0px 24px;
  gap: 18px;
}

:where([data-css~="s4n"]) .dimensions-stat strong {
  font-size: 24px;
}

:where([data-css~="s4n"]) .dimensions-btn {
  min-height: 46px;
  padding: 12px 20px;
}

@media (max-width: 1024px) {
  :where([data-css~="s4n"]) .dimensions-hero {
    padding: 32px 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero {
    padding: 28px 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero .product-hero-container {
    gap: 22px;
  }
}

:where([data-css~="s4n"]) .dimensions-hero {
  padding: 18px 0px !important;
}

:where([data-css~="s4n"]) .dimensions-hero .product-hero-container {
  gap: 22px;
}

:where([data-css~="s4n"]) .dimensions-hero h1 {
  margin-top: 8px;
  margin-bottom: 2px;
  line-height: 1.02;
}

:where([data-css~="s4n"]) .dimensions-hero .dimensions-hero-title {
  margin-bottom: 10px;
  line-height: 1.04;
}

:where([data-css~="s4n"]) .dimensions-hero .dimensions-hero-description {
  margin-bottom: 12px;
  line-height: 1.5;
}

:where([data-css~="s4n"]) .dimensions-hero-stats {
  gap: 14px;
  margin: 14px 0px 16px;
}

:where([data-css~="s4n"]) .dimensions-stat strong {
  font-size: 22px;
}

:where([data-css~="s4n"]) .dimensions-stat-divider {
  height: 32px;
}

:where([data-css~="s4n"]) .dimensions-btn {
  min-height: 42px;
  padding: 10px 18px;
}

:where([data-css~="s4n"]) .dimensions-hero-drawing {
  max-width: 680px;
  height: auto;
  object-fit: contain;
}

@media (max-width: 1024px) {
  :where([data-css~="s4n"]) .dimensions-hero {
    padding: 22px 0px !important;
  }
}

@media (max-width: 1024px) {
  :where([data-css~="s4n"]) .dimensions-hero .product-hero-container {
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero {
    padding: 20px 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero .product-hero-container {
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero-drawing {
    max-width: 520px;
  }
}

@media (max-width: 1024px) {
  :where([data-css~="s4n"]) .dimensions-hero {
    padding: 58px 0px;
  }
}

@media (max-width: 1024px) {
  :where([data-css~="s4n"]) .dimensions-hero .product-hero-container {
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
    gap: 28px;
  }
}

@media (max-width: 1024px) {
  :where([data-css~="s4n"]) .dimensions-hero .hero-top-text {
    letter-spacing: 0.8px;
  }
}

@media (max-width: 1024px) {
  :where([data-css~="s4n"]) .dimensions-hero-stats {
    gap: 14px;
  }
}

@media (max-width: 1024px) {
  :where([data-css~="s4n"]) .dimensions-stat strong {
    font-size: 23px;
  }
}

@media (max-width: 1024px) {
  :where([data-css~="s4n"]) .dimensions-btn {
    padding: 13px 17px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero {
    padding: 44px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero .product-hero-container {
    grid-template-columns: 1fr;
    gap: 34px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero .hero-top-text {
    font-size: 10px;
    letter-spacing: 0.7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero h1 {
    font-size: 38px;
    margin-top: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero .dimensions-hero-title {
    font-size: 34px;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero .dimensions-hero-description {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero-stats {
    gap: 14px;
    justify-content: flex-start;
    margin: 24px 0px 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-stat strong {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-stat span {
    font-size: 11px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-stat-divider {
    height: 34px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero-buttons {
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-btn {
    min-height: 48px;
    padding: 13px 16px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero-visual {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-hero-drawing {
    max-width: 600px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .dimensions-hero {
    padding: 36px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .dimensions-hero h1 {
    font-size: 31px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .dimensions-hero .dimensions-hero-title {
    font-size: 29px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .dimensions-hero-stats {
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .dimensions-stat strong {
    font-size: 19px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .dimensions-stat-divider {
    margin: 0px 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .dimensions-hero-buttons {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .dimensions-btn {
    width: 100%;
  }
}

:where([data-css~="s4n"]) .b1647-section {
  padding: 40px 0px 80px;
  background: rgb(238, 242, 246);
}

:where([data-css~="s4n"]) .b1647-section,
:where([data-css~="s4n"]) .b1647-section * {
  box-sizing: border-box;
}

:where([data-css~="s4o"]) .b1647-page {
  padding: 26px 0px 80px;
  background-color: rgb(238, 242, 246);
  background-image: url("/images/asme-b16.47.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

:where([data-css~="s4b"]) .b1647-page {
  padding: 26px 0px 80px;
  background-color: rgb(238, 242, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

:where([data-css~="s4p"]) .b1647-page,
:where([data-css~="s4p"]) .b1647-page * {
  box-sizing: border-box;
}

:where([data-css~="s4q"]) .b1647-container {
  width: min(1010px, 100% - 40px);
  margin: 0px auto;
}

:where([data-css~="s4n"]) .b1647-head {
  margin-bottom: 32px;
  text-align: center;
}

:where([data-css~="s4n"]) .b1647-head h2 {
  margin: 0px;
  color: rgb(14, 53, 88);
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s4n"]) .b1647-head p {
  margin: 8px 0px 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
}

:where([data-css~="s4n"]) .b1647-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

:where([data-css~="s4n"]) .b1647-card {
  --b1647-acc: #f58220;
  --b1647-tint: #fff1e6;
  position: relative;
  display: grid;
  grid-template-columns: 150px minmax(0px, 1fr) auto;
  gap: 22px;
  align-items: start;
  padding: 20px 24px 22px 20px;
  background: rgb(255, 255, 255);
  border-top: 1px solid rgb(230, 235, 240);
  border-right: 1px solid rgb(230, 235, 240);
  border-bottom: 1px solid rgb(230, 235, 240);
  border-image: none;
  border-left: 4px solid var(--b1647-acc);
  border-radius: 10px;
  box-shadow: rgba(14, 53, 88, 0.07) 0px 6px 20px;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s4n"]) .b1647-card--b {
  --b1647-acc: #1f5b9e;
  --b1647-tint: #e8f1fb;
}

:where([data-css~="s4n"]) .b1647-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(14, 53, 88, 0.13) 0px 14px 30px;
}

:where([data-css~="s4n"]) .b1647-icon {
  position: relative;
  width: 150px;
  height: 92px;
  min-width: 0px;
  overflow: hidden;
  background: rgb(14, 42, 74);
  border-radius: 8px;
}

:where([data-css~="s4n"]) .b1647-icon img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  object-fit: contain;
  object-position: center center;
}

:where([data-css~="s4n"]) .b1647-shadow {
  fill: rgba(14, 53, 88, 0.18);
}

:where([data-css~="s4n"]) .b1647-disc {
  fill: var(--b1647-acc);
}

:where([data-css~="s4n"]) .b1647-hub {
  fill: rgb(255, 255, 255);
}

:where([data-css~="s4n"]) .b1647-bore {
  fill: var(--b1647-tint);
}

:where([data-css~="s4n"]) .b1647-bolts {
  fill: rgb(255, 255, 255);
}

:where([data-css~="s4n"]) .b1647-dim {
  stroke: var(--b1647-acc);
  stroke-width: 1.4;
  fill: none;
}

:where([data-css~="s4n"]) .b1647-arrow {
  fill: var(--b1647-acc);
}

:where([data-css~="s4n"]) .b1647-text {
  fill: var(--b1647-acc);
  font-family: Poppins, sans-serif;
  font-size: 9.5px;
  font-weight: 600;
}

:where([data-css~="s4n"]) .b1647-spin {
  transform-origin: 0px 0px;
  animation: 24s linear 0s infinite normal none running b1647-spin;
}

:where([data-css~="s4n"]) .b1647-spin--rev {
  animation-direction: reverse;
}

:where([data-css~="s4n"]) .b1647-pulse {
  fill: none;
  stroke: var(--b1647-acc);
  stroke-width: 2;
  transform-box: fill-box;
  transform-origin: center center;
  animation: 2.4s ease-out 0s infinite normal none running b1647-pulse;
}

:where([data-css~="s4n"]) .b1647-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

:where([data-css~="s4n"]) .b1647-title h3 {
  margin: 0px;
  color: rgb(15, 41, 66);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s4n"]) .b1647-badge {
  padding: 3px 9px;
  background: rgb(14, 42, 74);
  border-radius: 20px;
  color: var(--b1647-acc);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

:where([data-css~="s4n"]) .b1647-desc {
  max-width: 640px;
  margin: 8px 0px 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.6;
}

:where([data-css~="s4n"]) .b1647-sub {
  margin: 4px 0px 0px;
  color: rgb(120, 139, 154);
  font-size: 13px;
}

:where([data-css~="s4n"]) .b1647-label {
  margin: 18px 0px 8px;
  color: rgb(15, 41, 66);
  font-size: 12px;
  font-weight: 700;
}

:where([data-css~="s4n"]) .b1647-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

:where([data-css~="s4n"]) .b1647-label + .b1647-chips {
  margin-top: 0px;
}

:where([data-css~="s4n"]) .b1647-chips a {
  position: relative;
  z-index: 2;
  padding: 10px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(217, 222, 229);
  border-radius: 6px;
  color: rgb(31, 47, 70);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s4n"]) .b1647-chips a:hover,
:where([data-css~="s4n"]) .b1647-chips a:active,
:where([data-css~="s4n"]) .b1647-chips a:focus-visible,
:where([data-css~="s4n"]) .b1647-chips a.active {
  background: rgb(15, 39, 68);
  border-color: rgb(15, 39, 68);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4n"]) .b1647-cta {
  align-self: center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid var(--b1647-acc);
  border-radius: 4px;
  color: var(--b1647-acc);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background 0.25s,
    color 0.25s;
}

:where([data-css~="s4n"]) .b1647-cta::after {
  content: "";
  position: absolute;
  inset: 0px;
}

:where([data-css~="s4n"]) .b1647-cta:focus-visible {
  outline: rgb(14, 53, 88) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s4n"]) .b1647-card:hover .b1647-cta {
  background: var(--b1647-acc);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4p"]) .b1647-heading {
  max-width: 700px;
  margin: 0px auto 44px;
  text-align: center;
}

:where([data-css~="s4p"]) .b1647-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 14px;
  background: rgba(245, 130, 32, 0.12);
  color: rgb(245, 130, 32);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 30px;
}

:where([data-css~="s4p"]) .b1647-heading h2 {
  margin: 0px 0px 14px;
  color: rgb(14, 53, 88);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s4p"]) .b1647-heading h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 14px auto 0px;
  background: rgb(245, 130, 32);
  border-radius: 2px;
}

:where([data-css~="s4p"]) .b1647-heading p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="s4o"]) .b1647-group {
  margin-bottom: 44px;
}

:where([data-css~="s4o"]) .b1647-group-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0px 0px 18px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

:where([data-css~="s4o"]) .b1647-group-title small {
  color: rgb(120, 139, 154);
  font-size: 14px;
  font-weight: 500;
}

:where([data-css~="s4o"]) .b1647-group-title::after {
  content: "";
  flex: 1 1 0%;
  height: 1px;
  background: rgba(245, 130, 32, 0.45);
  align-self: center;
}

:where([data-css~="s4p"]) .b1647-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

:where([data-css~="s4o"]) .b1647-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 26px;
  padding: 16px 26px 16px 16px;
  min-height: 130px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  box-shadow: rgba(14, 53, 88, 0.08) 0px 8px 24px;
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s4b"]) .b1647-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 26px;
  min-height: 130px;
  padding: 16px 26px 16px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  box-shadow: rgba(14, 53, 88, 0.08) 0px 8px 24px;
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s4p"]) .b1647-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(14, 53, 88, 0.13) 0px 14px 32px;
}

:where([data-css~="s4p"]) .b1647-card:focus-visible {
  outline: rgb(14, 53, 88) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s4o"]) .b1647-art {
  width: 170px;
  height: 104px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(13, 41, 71);
  border-radius: 10px;
}

:where([data-css~="s4o"]) .b1647-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:where([data-css~="s4b"]) .b1647-art {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  height: 104px;
  padding: 8px;
  overflow: hidden;
  background: rgb(13, 41, 71);
  border-radius: 10px;
}

:where([data-css~="s4b"]) .b1647-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

:where([data-css~="s4p"]) .b1647-info h4 {
  margin: 0px 0px 4px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

:where([data-css~="s4p"]) .b1647-info p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.5;
}

:where([data-css~="s4p"]) .b1647-description {
  margin-top: 6px;
  color: rgb(100, 119, 137);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
}

:where([data-css~="s4o"]) .b1647-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 155px;
  padding: 11px 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  color: rgb(14, 53, 88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition: 0.25s;
}

:where([data-css~="s4b"]) .b1647-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 155px;
  padding: 11px 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  color: rgb(14, 53, 88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition:
    background 0.25s,
    color 0.25s;
}

:where([data-css~="s4p"]) .b1647-arrow {
  color: rgb(245, 130, 32);
  font-size: 18px;
  transition: transform 0.25s;
}

:where([data-css~="s4o"]) .b1647-card:hover .b1647-btn {
  background: rgb(245, 130, 32);
}

:where([data-css~="s4o"]) .b1647-card:hover .b1647-btn,
:where([data-css~="s4o"]) .b1647-card:hover .b1647-arrow {
  color: rgb(255, 255, 255);
}

:where([data-css~="s4o"]) .b1647-card:hover .b1647-arrow {
  transform: translateX(4px);
}

:where([data-css~="s4b"]) .b1647-card:hover .b1647-btn {
  background: rgb(245, 130, 32);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4b"]) .b1647-card:hover .b1647-arrow {
  color: rgb(255, 255, 255);
  transform: translateX(4px);
}

/* PAGE SECTION: /dimensions/asme/b16.5/class-150/index.html | scopes: s4r, seh, sej, sfu, sgk */
:where([data-css~="s4r"]) .b165-page {
  padding: 26px 0px 80px;
  background-color: rgb(238, 242, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

:where([data-css~="s4r"]) .b165-page,
:where([data-css~="s4r"]) .b165-page * {
  box-sizing: border-box;
}

:where([data-css~="s4r"]) .b165-container {
  width: min(1010px, 100% - 40px);
  margin: 0px auto;
}

:where([data-css~="s4r"]) .b165-heading {
  max-width: 700px;
  margin: 0px auto 44px;
  text-align: center;
}

:where([data-css~="s4r"]) .b165-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 14px;
  background: rgba(245, 130, 32, 0.12);
  color: rgb(245, 130, 32);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 30px;
}

:where([data-css~="s4r"]) .b165-heading h2 {
  margin: 0px 0px 14px;
  color: rgb(14, 53, 88);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s4r"]) .b165-heading h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 14px auto 0px;
  background: rgb(245, 130, 32);
  border-radius: 2px;
}

:where([data-css~="s4r"]) .b165-heading p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="s4r"]) .b165-group {
  margin-bottom: 44px;
}

:where([data-css~="s4r"]) .b165-group-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0px 0px 18px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

:where([data-css~="s4r"]) .b165-group-title small {
  color: rgb(120, 139, 154);
  font-size: 14px;
  font-weight: 500;
}

:where([data-css~="s4r"]) .b165-group-title::after {
  content: "";
  flex: 1 1 0%;
  height: 1px;
  background: rgba(245, 130, 32, 0.45);
  align-self: center;
}

:where([data-css~="s4r"]) .b165-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

:where([data-css~="s4r"]) .b165-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 26px;
  padding: 16px 26px 16px 16px;
  min-height: 130px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  box-shadow: rgba(14, 53, 88, 0.08) 0px 8px 24px;
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s4r"]) .b165-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(14, 53, 88, 0.13) 0px 14px 32px;
}

:where([data-css~="s4r"]) .b165-card:focus-visible {
  outline: rgb(14, 53, 88) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s4r"]) .b165-art {
  width: 170px;
  height: 104px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(13, 41, 71);
  border-radius: 10px;
}

:where([data-css~="s4r"]) .b165-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:where([data-css~="s4r"]) .b165-info h4 {
  margin: 0px 0px 4px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

:where([data-css~="s4r"]) .b165-info p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.5;
}

:where([data-css~="s4r"]) .b165-description {
  margin-top: 6px;
  color: rgb(100, 119, 137);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
}

:where([data-css~="s4r"]) .b165-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 155px;
  padding: 11px 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  color: rgb(14, 53, 88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition: 0.25s;
}

:where([data-css~="s4r"]) .b165-arrow {
  color: rgb(245, 130, 32);
  font-size: 18px;
  transition: transform 0.25s;
}

:where([data-css~="s4r"]) .b165-card:hover .b165-btn {
  background: rgb(245, 130, 32);
}

:where([data-css~="s4r"]) .b165-card:hover .b165-btn,
:where([data-css~="s4r"]) .b165-card:hover .b165-arrow {
  color: rgb(255, 255, 255);
}

:where([data-css~="s4r"]) .b165-card:hover .b165-arrow {
  transform: translateX(4px);
}

/* PAGE SECTION: /dimensions/awwa/class-b/index.html | scopes: s4s */
:where([data-css~="s4s"]) .awwa-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  background: rgb(23, 35, 47);
  color: rgb(255, 255, 255);
  padding: 58px 24px 52px;
  box-sizing: border-box;
}

:where([data-css~="s4s"]) .awwa-hero *,
:where([data-css~="s4s"]) .awwa-hero ::before,
:where([data-css~="s4s"]) .awwa-hero ::after {
  box-sizing: border-box;
}

:where([data-css~="s4s"]) .awwa-hero::before {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: -1;
  pointer-events: none;
  background-size: 42px 42px;
  mask-image: linear-gradient(
    90deg,
    transparent,
    rgb(0, 0, 0) 45%,
    rgb(0, 0, 0)
  );
}

:where([data-css~="s4s"]) .awwa-hero__container {
  width: 100%;
  max-width: 1460px;
  margin: 0px auto;
  display: grid;
  grid-template-columns: minmax(0px, 0.88fr) minmax(0px, 1.12fr);
  align-items: center;
  gap: 34px;
}

:where([data-css~="s4s"]) .awwa-hero__content {
  min-width: 0px;
  position: relative;
  z-index: 1;
}

:where([data-css~="s4s"]) .awwa-hero__eyebrow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 22px;
  color: rgb(255, 133, 46);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.7px;
  line-height: 1.6;
}

:where([data-css~="s4s"]) .awwa-hero__eyebrow-line {
  display: inline-block;
  width: 32px;
  height: 3px;
  flex: 0 0 32px;
  background: rgb(255, 133, 46);
}

:where([data-css~="s4s"]) .awwa-hero__title {
  margin: 0px;
  color: rgb(255, 255, 255);
  font-size: clamp(38px, 4.3vw, 64px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -1.8px;
}

:where([data-css~="s4s"]) .awwa-hero__title > span {
  display: block;
  color: rgb(255, 133, 46);
  margin-top: 7px;
}

:where([data-css~="s4s"]) .awwa-hero__title .awwa-hero__title-sub {
  margin-top: 9px;
  font-size: 0.72em;
  line-height: 1.12;
  letter-spacing: -1px;
}

:where([data-css~="s4s"]) .awwa-hero__description {
  max-width: 590px;
  margin: 23px 0px 27px;
  color: rgb(213, 227, 239);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
}

:where([data-css~="s4s"]) .awwa-hero__specs {
  display: flex;
  align-items: center;
  gap: 26px;
  margin-bottom: 31px;
}

:where([data-css~="s4s"]) .awwa-hero__spec {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0px;
}

:where([data-css~="s4s"]) .awwa-hero__spec strong {
  color: rgb(255, 133, 46);
  font-size: clamp(19px, 2vw, 27px);
  font-weight: 800;
  line-height: 1.25;
  white-space: nowrap;
}

:where([data-css~="s4s"]) .awwa-hero__spec span {
  color: rgb(194, 212, 227);
  font-size: 12px;
  line-height: 1.5;
}

:where([data-css~="s4s"]) .awwa-hero__divider {
  display: block;
  width: 1px;
  height: 48px;
  flex: 0 0 1px;
  background: rgba(255, 255, 255, 0.32);
}

:where([data-css~="s4s"]) .awwa-hero__actions {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 13px;
}

:where([data-css~="s4s"]) .awwa-hero__button {
  min-height: 49px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 14px 21px;
  border: 1px solid transparent;
  border-radius: 5px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.35;
  text-decoration: none;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    transform 0.2s;
}

:where([data-css~="s4s"]) .awwa-hero__button--primary {
  background: rgb(255, 123, 36);
  border-color: rgb(255, 123, 36);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4s"]) .awwa-hero__button--primary:hover {
  background: rgb(233, 102, 23);
  border-color: rgb(233, 102, 23);
  color: rgb(255, 255, 255);
  transform: translateY(-2px);
}

:where([data-css~="s4s"]) .awwa-hero__button--outline {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.65);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4s"]) .awwa-hero__button--outline:hover {
  background: rgba(255, 133, 46, 0.1);
  border-color: rgb(255, 133, 46);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4s"]) .awwa-hero__footnote {
  margin-top: 22px;
  color: rgb(169, 192, 211);
  font-size: 11px;
  line-height: 1.7;
  letter-spacing: 0.35px;
}

:where([data-css~="s4s"]) .awwa-hero__visual {
  width: 100%;
  min-width: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-css~="s4s"]) .awwa-hero__visual img {
  display: block;
  width: 100%;
  max-width: 790px;
  height: auto;
  object-fit: contain;
  background: transparent;
}

@media (max-width: 1050px) {
  :where([data-css~="s4s"]) .awwa-hero {
    padding: 48px 22px;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s4s"]) .awwa-hero__container {
    grid-template-columns: minmax(0px, 0.95fr) minmax(0px, 1.05fr);
    gap: 20px;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s4s"]) .awwa-hero__title {
    font-size: clamp(36px, 4.6vw, 49px);
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s4s"]) .awwa-hero__description {
    font-size: 14px;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s4s"]) .awwa-hero__specs {
    gap: 16px;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s4s"]) .awwa-hero__spec strong {
    font-size: 19px;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s4s"]) .awwa-hero__button {
    padding: 13px 16px;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero {
    padding: 38px 18px 32px;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__container {
    grid-template-columns: minmax(0px, 1fr);
    gap: 24px;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__eyebrow {
    margin-bottom: 17px;
    font-size: 10px;
    letter-spacing: 1.2px;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__title {
    font-size: clamp(36px, 9vw, 48px);
    line-height: 1.06;
    letter-spacing: -1px;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__title .awwa-hero__title-sub {
    font-size: 0.72em;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__description {
    margin: 19px 0px 23px;
    font-size: 14px;
    line-height: 1.8;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__specs {
    gap: 17px;
    margin-bottom: 25px;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__spec strong {
    font-size: clamp(17px, 4.5vw, 22px);
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__spec span {
    font-size: 11px;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__divider {
    height: 42px;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__button {
    width: 100%;
    min-height: 48px;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__visual {
    margin-top: 0px;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__visual img {
    width: 100%;
    max-width: 560px;
  }
}

@media (max-width: 720px) {
  :where([data-css~="s4s"]) .awwa-hero__footnote {
    font-size: 10px;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s4s"]) .awwa-hero__specs {
    gap: 11px;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s4s"]) .awwa-hero__spec strong {
    font-size: 16px;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s4s"]) .awwa-hero__button {
    padding: 12px 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s4s"]) .awwa-hero__button {
    transition: none;
  }
}

:where([data-css~="s4s"]) .awwa-page {
  padding: 26px 0px 80px;
  background-color: rgb(238, 242, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

:where([data-css~="s4s"]) .awwa-page,
:where([data-css~="s4s"]) .awwa-page * {
  box-sizing: border-box;
}

:where([data-css~="s4s"]) .awwa-container {
  width: min(1010px, 100% - 40px);
  margin: 0px auto;
}

:where([data-css~="s4s"]) .awwa-crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 26px;
  font-size: 14px;
  color: rgb(148, 163, 184);
}

:where([data-css~="s4s"]) .awwa-crumb a {
  color: rgb(100, 116, 139);
  text-decoration: none;
}

:where([data-css~="s4s"]) .awwa-crumb a:hover {
  color: rgb(15, 41, 66);
}

:where([data-css~="s4s"]) .awwa-crumb span:last-child {
  color: rgb(15, 41, 66);
  font-weight: 600;
}

:where([data-css~="s4s"]) .awwa-heading {
  max-width: 700px;
  margin: 0px auto 44px;
  text-align: center;
}

:where([data-css~="s4s"]) .awwa-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 14px;
  background: rgba(245, 130, 32, 0.12);
  color: rgb(245, 130, 32);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 30px;
}

:where([data-css~="s4s"]) .awwa-heading h2 {
  margin: 0px 0px 14px;
  color: rgb(14, 53, 88);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s4s"]) .awwa-heading h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 14px auto 0px;
  background: rgb(245, 130, 32);
  border-radius: 2px;
}

:where([data-css~="s4s"]) .awwa-heading p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="s4s"]) .awwa-group {
  margin-bottom: 44px;
}

:where([data-css~="s4s"]) .awwa-group-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0px 0px 18px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

:where([data-css~="s4s"]) .awwa-group-title small {
  color: rgb(120, 139, 154);
  font-size: 14px;
  font-weight: 500;
}

:where([data-css~="s4s"]) .awwa-group-title::after {
  content: "";
  flex: 1 1 0%;
  height: 1px;
  background: rgba(245, 130, 32, 0.45);
  align-self: center;
}

:where([data-css~="s4s"]) .awwa-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

:where([data-css~="s4s"]) .awwa-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 26px;
  padding: 16px 26px 16px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  box-shadow: rgba(14, 53, 88, 0.08) 0px 8px 24px;
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s4s"]) .awwa-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(14, 53, 88, 0.13) 0px 14px 32px;
}

:where([data-css~="s4s"]) .awwa-card:focus-visible {
  outline: rgb(14, 53, 88) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s4s"]) .awwa-art {
  width: 170px;
  height: 104px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(13, 41, 71);
  border-radius: 10px;
}

:where([data-css~="s4s"]) .awwa-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:where([data-css~="s4s"]) .awwa-info h4 {
  margin: 0px 0px 4px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

:where([data-css~="s4s"]) .awwa-info p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.5;
}

:where([data-css~="s4s"]) .awwa-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 155px;
  padding: 11px 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  color: rgb(14, 53, 88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition: 0.25s;
}

:where([data-css~="s4s"]) .awwa-arrow {
  color: rgb(245, 130, 32);
  font-size: 18px;
  transition: transform 0.25s;
}

:where([data-css~="s4s"]) .awwa-card:hover .awwa-btn {
  background: rgb(245, 130, 32);
}

:where([data-css~="s4s"]) .awwa-card:hover .awwa-btn,
:where([data-css~="s4s"]) .awwa-card:hover .awwa-arrow {
  color: rgb(255, 255, 255);
}

:where([data-css~="s4s"]) .awwa-card:hover .awwa-arrow {
  transform: translateX(4px);
}

/* PAGE SECTION: /dimensions/bs-en/en-1092-1/index.html | scopes: s4t, s4w, s4x, s4y */
:where([data-css~="s4t"]) .e1__content .flange-breadcrumb {
  display: block;
  width: 100%;
  margin: 0px 0px 18px;
}

:where([data-css~="s4t"]) .e1__content .flange-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

:where([data-css~="s4t"]) .e1__content .flange-breadcrumb li {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 20px;
  line-height: 1.5;
}

:where([data-css~="s4t"]) .e1__content .flange-breadcrumb a {
  color: rgb(203, 213, 225);
  text-decoration: none;
  transition: color 0.2s;
}

:where([data-css~="s4t"]) .e1__content .flange-breadcrumb a:hover {
  color: rgb(255, 152, 47);
}

:where([data-css~="s4t"])
  .e1__content
  .flange-breadcrumb
  .breadcrumb-separator {
  color: rgb(137, 152, 168);
}

:where([data-css~="s4t"]) .e1__content .flange-breadcrumb .breadcrumb-current {
  color: rgb(255, 255, 255);
  font-weight: 600;
}

@media (max-width: 600px) {
  :where([data-css~="s4t"]) .e1__content .flange-breadcrumb {
    margin-bottom: 14px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4t"]) .e1__content .flange-breadcrumb li {
    font-size: 11px;
    gap: 6px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s4t"]) .e1__content .flange-breadcrumb ol {
    gap: 6px;
  }
}

:where([data-css~="s4t"]) .e1-hero {
  --e1-navy: #172633;
  --e1-orange: #ff7900;
  --e1-white: #ffffff;
  --e1-muted: #d5dfe7;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  background:
    radial-gradient(
      ellipse at 78% 45%,
      rgba(45, 74, 94, 0.32),
      transparent 48%
    ),
    var(--e1-navy);
  color: var(--e1-white);
  font-family: Poppins, Arial, sans-serif;
}

/* PAGE SECTION: /dimensions/bs-en/en-1092-1/pn-10/index.html | scopes: s4u, sir */
:where([data-css~="s4u"]) .e1-hero {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
  align-items: center;
  gap: 36px;
  width: 100%;
  min-height: 450px;
  padding: 40px clamp(24px, 4%, 65px);
  background: rgb(23, 35, 47);
  border-radius: 6px;
  color: rgb(255, 255, 255);
  font-family: Poppins, Arial, sans-serif;
  box-sizing: border-box;
}

/* PAGE SECTION: /dimensions/bs-en/en-1759-1/class-150/index.html | scopes: s4v */
:where([data-css~="s4v"]) body {
  padding: 16px;
  background: var(--surface-1);
}

:where([data-css~="s4v"]) #vis-container {
  overflow: visible;
}

:where([data-css~="s4v"]) .e1-hero {
  --e1-navy: #172633;
  --e1-orange: #ff7900;
  --e1-white: #ffffff;
  --e1-muted: #d5dfe7;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  background: rgb(23, 35, 47);
  font-family: Poppins, Arial, sans-serif;
}

:where([data-css~="s4w"]) .e1-hero,
:where([data-css~="s4w"]) .e1-hero * {
  box-sizing: border-box;
}

:where([data-css~="s4t"]) .e1-hero::before {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: -1;
  pointer-events: none;
  opacity: 0.12;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 34px 34px;
}

:where([data-css~="s4v"]) .e1-hero::before {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: -1;
  pointer-events: none;
  opacity: 0.12;
  background-size: 34px 34px;
}

:where([data-css~="s4x"]) .e1-hero__container {
  width: min(1240px, 100% - 48px);
  min-height: 408px;
  margin: 0px auto;
  padding: 44px 0px;
  display: grid;
  grid-template-columns: minmax(0px, 0.88fr) minmax(0px, 1.12fr);
  align-items: center;
  gap: 34px;
}

:where([data-css~="s4x"]) .e1-hero__content {
  position: relative;
  z-index: 2;
  min-width: 0px;
}

:where([data-css~="s4x"]) .e1-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 19px;
  color: rgb(255, 177, 94);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.15px;
  line-height: 1.7;
}

:where([data-css~="s4x"]) .e1-hero__accent {
  color: var(--e1-orange);
  font-size: 15px;
}

:where([data-css~="s4x"]) .e1-hero h1 {
  margin: 0px;
  color: var(--e1-white);
  font-size: clamp(32px, 3.2vw, 46px);
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: -1.1px;
}

:where([data-css~="s4x"]) .e1-hero h1 span {
  display: block;
  color: rgb(255, 157, 54);
}

:where([data-css~="s4x"]) .e1-hero__description {
  max-width: 480px;
  margin: 18px 0px 20px;
  color: var(--e1-muted);
  font-size: 13px;
  line-height: 1.9;
}

:where([data-css~="s4x"]) .e1-hero__stats {
  display: flex;
  align-items: stretch;
  margin: 0px 0px 24px;
}

:where([data-css~="s4x"]) .e1-hero__stat {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0px;
  padding: 0px 15px;
  border-left: 1px solid rgba(255, 255, 255, 0.24);
}

:where([data-css~="s4u"]) .e1-hero__content {
  width: 100%;
  min-width: 0px;
}

:where([data-css~="s4u"]) .e1-hero__eyebrow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
  color: rgb(255, 121, 0);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.7;
}

:where([data-css~="s4u"]) .e1-hero__eyebrow span {
  font-size: 15px;
}

:where([data-css~="s4u"]) .e1-hero__content h1 {
  margin: 0px 0px 20px;
  color: rgb(255, 255, 255);
  font-size: clamp(32px, 3.2vw, 52px);
  font-weight: 750;
  line-height: 1.17;
  letter-spacing: -1.2px;
}

:where([data-css~="s4u"]) .e1-hero__content h1 span {
  display: block;
  margin-top: 4px;
}

:where([data-css~="s4u"]) .e1-hero__content h1 strong {
  color: rgb(255, 121, 0);
}

:where([data-css~="s4u"]) .e1-hero__description {
  max-width: 620px;
  margin: 0px 0px 28px;
  color: rgb(212, 224, 233);
  font-size: 14px;
  line-height: 1.8;
}

:where([data-css~="s4u"]) .e1-hero__stats {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0px;
  margin-bottom: 32px;
}

:where([data-css~="s4u"]) .e1-hero__stat {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0px 18px;
  border-left: 1px solid rgb(82, 97, 110);
}

:where([data-css~="s4w"]) .e1-hero__stat:first-child {
  padding-left: 0px;
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
}

:where([data-css~="s4x"]) .e1-hero__stat strong {
  color: rgb(255, 157, 54);
  font-size: clamp(14px, 1.4vw, 19px);
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
}

:where([data-css~="s4x"]) .e1-hero__stat span {
  color: rgb(208, 219, 228);
  font-size: 10px;
  line-height: 1.5;
}

:where([data-css~="s4x"]) .e1-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

:where([data-css~="s4x"]) .e1-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 43px;
  padding: 12px 18px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    transform 0.2s;
}

:where([data-css~="s4x"]) .e1-hero__button--primary {
  background: var(--e1-orange);
  border-color: var(--e1-orange);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4x"]) .e1-hero__button--primary:hover {
  background: rgb(233, 110, 0);
  border-color: rgb(233, 110, 0);
  color: rgb(255, 255, 255);
  transform: translateY(-2px);
}

:where([data-css~="s4x"]) .e1-hero__button--secondary {
  background: transparent;
  border-color: rgb(100, 116, 129);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4x"]) .e1-hero__button--secondary:hover {
  border-color: var(--e1-orange);
  color: rgb(255, 157, 54);
}

:where([data-css~="s4x"]) .e1-hero__visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0px;
  min-height: 300px;
}

:where([data-css~="s4t"]) .e1-hero__glow {
  position: absolute;
  width: 75%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: rgba(67, 100, 122, 0.17);
  filter: blur(48px);
  pointer-events: none;
}

:where([data-css~="s4x"]) .e1-hero__image {
  position: relative;
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  object-fit: contain;
  object-position: center center;
}

@media (max-width: 950px) {
  :where([data-css~="s4x"]) .e1-hero__container {
    width: calc(100% - 40px);
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
    gap: 20px;
    padding: 36px 0px;
  }
}

@media (max-width: 950px) {
  :where([data-css~="s4x"]) .e1-hero h1 {
    font-size: clamp(29px, 3.6vw, 38px);
  }
}

@media (max-width: 950px) {
  :where([data-css~="s4x"]) .e1-hero__eyebrow {
    font-size: 9px;
    letter-spacing: 0.7px;
  }
}

@media (max-width: 950px) {
  :where([data-css~="s4x"]) .e1-hero__description {
    font-size: 12px;
  }
}

@media (max-width: 950px) {
  :where([data-css~="s4x"]) .e1-hero__stat {
    padding: 0px 9px;
  }
}

@media (max-width: 950px) {
  :where([data-css~="s4x"]) .e1-hero__stat strong {
    font-size: 13px;
  }
}

@media (max-width: 950px) {
  :where([data-css~="s4x"]) .e1-hero__stat span {
    font-size: 9px;
  }
}

@media (max-width: 950px) {
  :where([data-css~="s4x"]) .e1-hero__visual {
    min-height: 250px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s4x"]) .e1-hero__container {
    width: calc(100% - 36px);
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 34px 0px 28px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s4x"]) .e1-hero__eyebrow {
    margin-bottom: 14px;
    font-size: 9px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s4x"]) .e1-hero h1 {
    font-size: clamp(30px, 8vw, 40px);
    letter-spacing: -0.7px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s4x"]) .e1-hero__description {
    margin: 15px 0px 20px;
    font-size: 12px;
    line-height: 1.8;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s4x"]) .e1-hero__stats {
    margin-bottom: 22px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s4x"]) .e1-hero__stat {
    flex: 1 1 0%;
    padding: 0px 10px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s4x"]) .e1-hero__stat:first-child {
    padding-left: 0px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s4x"]) .e1-hero__stat strong {
    font-size: clamp(12px, 3.3vw, 17px);
  }
}

@media (max-width: 680px) {
  :where([data-css~="s4x"]) .e1-hero__stat span {
    font-size: 9px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s4x"]) .e1-hero__button {
    min-height: 42px;
    padding: 11px 14px;
    font-size: 10px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s4x"]) .e1-hero__visual {
    min-height: 0px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s4x"]) .e1-hero__image {
    width: 100%;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s4x"]) .e1-hero__container {
    width: calc(100% - 28px);
  }
}

@media (max-width: 380px) {
  :where([data-css~="s4x"]) .e1-hero__actions {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s4x"]) .e1-hero__button {
    width: 100%;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s4x"]) .e1-hero__stat {
    padding: 0px 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s4x"]) .e1-hero__button {
    transition: none;
  }
}

:where([data-css~="s4u"]) .e1-hero__stat strong {
  color: rgb(255, 121, 0);
  font-size: 20px;
  font-weight: 750;
  line-height: 1.3;
}

:where([data-css~="s4u"]) .e1-hero__stat span {
  color: rgb(212, 224, 233);
  font-size: 10px;
  line-height: 1.5;
}

:where([data-css~="s4u"]) .e1-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

:where([data-css~="s4u"]) .e1-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 48px;
  padding: 13px 22px;
  border: 1px solid transparent;
  border-radius: 5px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  transition:
    background-color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s4u"]) .e1-hero__button--primary {
  background: rgb(255, 121, 0);
  border-color: rgb(255, 121, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4u"]) .e1-hero__button--primary:hover {
  background: rgb(233, 104, 0);
  border-color: rgb(233, 104, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4u"]) .e1-hero__button--primary span {
  font-size: 20px;
}

:where([data-css~="s4u"]) .e1-hero__button--outline {
  background: transparent;
  border-color: rgb(145, 162, 176);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4u"]) .e1-hero__button--outline:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4u"]) .e1-hero__visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0px;
  min-height: 350px;
}

:where([data-css~="s4u"]) .e1-hero__visual img {
  display: block;
  width: 100%;
  max-width: 650px;
  max-height: 420px;
  height: auto;
  object-fit: contain;
  object-position: center center;
  margin: auto;
}

@media (max-width: 900px) {
  :where([data-css~="s4u"]) .e1-hero {
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.9fr);
    gap: 24px;
    padding: 35px 28px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4u"]) .e1-hero__content h1 {
    font-size: clamp(30px, 4vw, 40px);
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4u"]) .e1-hero__visual {
    min-height: 280px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4u"]) .e1-hero__stat {
    padding-right: 12px;
    padding-left: 12px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s4u"]) .e1-hero {
    grid-template-columns: minmax(0px, 1fr);
    gap: 28px;
    padding: 28px 20px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s4u"]) .e1-hero__content h1 {
    font-size: clamp(30px, 7vw, 40px);
    letter-spacing: -0.7px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s4u"]) .e1-hero__description {
    font-size: 13px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s4u"]) .e1-hero__visual {
    min-height: 0px;
    height: auto;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s4u"]) .e1-hero__visual img {
    width: 100%;
    max-width: 500px;
    max-height: 320px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s4u"]) .e1-hero__actions {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s4u"]) .e1-hero__button {
    width: 100%;
  }
}

:where([data-css~="s4y"]) .e1-page {
  padding: 26px 0px 80px;
  background-color: rgb(238, 242, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

:where([data-css~="s4y"]) .e1-page,
:where([data-css~="s4y"]) .e1-page * {
  box-sizing: border-box;
}

:where([data-css~="s4y"]) .e1-container {
  width: min(1010px, 100% - 40px);
  margin: 0px auto;
}

:where([data-css~="s4y"]) .e1-crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 26px;
  font-size: 14px;
  color: rgb(148, 163, 184);
}

:where([data-css~="s4y"]) .e1-crumb a {
  color: rgb(100, 116, 139);
  text-decoration: none;
}

:where([data-css~="s4y"]) .e1-crumb a:hover {
  color: rgb(15, 41, 66);
}

:where([data-css~="s4y"]) .e1-crumb span:last-child {
  color: rgb(15, 41, 66);
  font-weight: 600;
}

:where([data-css~="s4y"]) .e1-heading {
  max-width: 700px;
  margin: 0px auto 44px;
  text-align: center;
}

:where([data-css~="s4y"]) .e1-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 14px;
  background: rgba(245, 130, 32, 0.12);
  color: rgb(245, 130, 32);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 30px;
}

:where([data-css~="s4y"]) .e1-heading h2 {
  margin: 0px 0px 14px;
  color: rgb(14, 53, 88);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s4y"]) .e1-heading h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 14px auto 0px;
  background: rgb(245, 130, 32);
  border-radius: 2px;
}

:where([data-css~="s4y"]) .e1-heading p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="s4y"]) .e1-group {
  margin-bottom: 44px;
}

:where([data-css~="s4y"]) .e1-group-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0px 0px 18px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

:where([data-css~="s4y"]) .e1-group-title small {
  color: rgb(120, 139, 154);
  font-size: 14px;
  font-weight: 500;
}

:where([data-css~="s4y"]) .e1-group-title::after {
  content: "";
  flex: 1 1 0%;
  height: 1px;
  background: rgba(245, 130, 32, 0.45);
  align-self: center;
}

:where([data-css~="s4y"]) .e1-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

:where([data-css~="s4y"]) .e1-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 26px;
  padding: 16px 26px 16px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  box-shadow: rgba(14, 53, 88, 0.08) 0px 8px 24px;
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s4y"]) .e1-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(14, 53, 88, 0.13) 0px 14px 32px;
}

:where([data-css~="s4y"]) .e1-card:focus-visible {
  outline: rgb(14, 53, 88) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s4y"]) .e1-art {
  width: 170px;
  height: 104px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(13, 41, 71);
  border-radius: 10px;
}

:where([data-css~="s4y"]) .e1-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:where([data-css~="s4y"]) .e1-info h4 {
  margin: 0px 0px 4px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

:where([data-css~="s4y"]) .e1-info p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.5;
}

:where([data-css~="s4y"]) .e1-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 155px;
  padding: 11px 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  color: rgb(14, 53, 88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition: 0.25s;
}

:where([data-css~="s4y"]) .e1-arrow {
  color: rgb(245, 130, 32);
  font-size: 18px;
  transition: transform 0.25s;
}

:where([data-css~="s4y"]) .e1-card:hover .e1-btn {
  background: rgb(245, 130, 32);
}

:where([data-css~="s4y"]) .e1-card:hover .e1-btn,
:where([data-css~="s4y"]) .e1-card:hover .e1-arrow {
  color: rgb(255, 255, 255);
}

:where([data-css~="s4y"]) .e1-card:hover .e1-arrow {
  transform: translateX(4px);
}

/* PAGE SECTION: /dimensions/bs-en/index.html | scopes: s4z */
:where([data-css~="s4z"]) .bsx-section {
  padding: 40px 0px 80px;
  background: rgb(238, 242, 246);
}

:where([data-css~="s4z"]) .bsx-section,
:where([data-css~="s4z"]) .bsx-section * {
  box-sizing: border-box;
}

:where([data-css~="s4z"]) .bsx-container {
  width: min(1010px, 100% - 40px);
  margin: 0px auto;
}

:where([data-css~="s4z"]) .bsx-head {
  margin-bottom: 32px;
  text-align: center;
}

:where([data-css~="s4z"]) .bsx-head h2 {
  margin: 0px;
  color: rgb(14, 53, 88);
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s4z"]) .bsx-head p {
  margin: 8px 0px 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
}

:where([data-css~="s4z"]) .bsx-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

:where([data-css~="s4z"]) .bsx-card {
  --bsx-acc: #f58220;
  --bsx-tint: #fff1e6;
  position: relative;
  display: grid;
  grid-template-columns: 150px minmax(0px, 1fr) auto;
  gap: 22px;
  align-items: start;
  padding: 20px 24px 22px 20px;
  background: rgb(255, 255, 255);
  border-top: 1px solid rgb(230, 235, 240);
  border-right: 1px solid rgb(230, 235, 240);
  border-bottom: 1px solid rgb(230, 235, 240);
  border-image: none;
  border-left: 4px solid var(--bsx-acc);
  border-radius: 10px;
  box-shadow: rgba(14, 53, 88, 0.07) 0px 6px 20px;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s4z"]) .bsx-card--b {
  --bsx-acc: #1f5b9e;
  --bsx-tint: #e8f1fb;
}

:where([data-css~="s4z"]) .bsx-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(14, 53, 88, 0.13) 0px 14px 30px;
}

:where([data-css~="s4z"]) .bsx-icon {
  position: relative;
  width: 112px;
  height: 92px;
  overflow: hidden;
  background: rgb(14, 42, 74);
  border-radius: 8px;
}

:where([data-css~="s4z"]) .bsx-icon {
  position: relative;
  width: 150px;
  height: 92px;
  min-width: 0px;
  overflow: hidden;
  background: rgb(14, 42, 74);
  border-radius: 8px;
}

:where([data-css~="s4z"]) .bsx-icon img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  object-fit: contain;
  object-position: center center;
}

:where([data-css~="s4z"]) .bsx-shadow {
  fill: rgba(14, 53, 88, 0.18);
}

:where([data-css~="s4z"]) .bsx-disc {
  fill: var(--bsx-acc);
}

:where([data-css~="s4z"]) .bsx-hub {
  fill: rgb(255, 255, 255);
}

:where([data-css~="s4z"]) .bsx-bore {
  fill: var(--bsx-tint);
}

:where([data-css~="s4z"]) .bsx-bolts {
  fill: rgb(255, 255, 255);
}

:where([data-css~="s4z"]) .bsx-dim {
  stroke: var(--bsx-acc);
  stroke-width: 1.4;
  fill: none;
}

:where([data-css~="s4z"]) .bsx-arrow {
  fill: var(--bsx-acc);
}

:where([data-css~="s4z"]) .bsx-text {
  fill: var(--bsx-acc);
  font-family: Poppins, sans-serif;
  font-size: 9.5px;
  font-weight: 600;
}

:where([data-css~="s4z"]) .bsx-spin {
  transform-origin: 0px 0px;
  animation: 24s linear 0s infinite normal none running bsx-spin;
}

:where([data-css~="s4z"]) .bsx-spin--rev {
  animation-direction: reverse;
}

:where([data-css~="s4z"]) .bsx-pulse {
  fill: none;
  stroke: var(--bsx-acc);
  stroke-width: 2;
  transform-box: fill-box;
  transform-origin: center center;
  animation: 2.4s ease-out 0s infinite normal none running bsx-pulse;
}

:where([data-css~="s4z"]) .bsx-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

:where([data-css~="s4z"]) .bsx-title h3 {
  margin: 0px;
  color: rgb(15, 41, 66);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s4z"]) .bsx-badge {
  padding: 3px 9px;
  background: rgb(14, 42, 74);
  border-radius: 20px;
  color: var(--bsx-acc);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

:where([data-css~="s4z"]) .bsx-desc {
  max-width: 640px;
  margin: 8px 0px 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.6;
}

:where([data-css~="s4z"]) .bsx-sub {
  margin: 4px 0px 0px;
  color: rgb(120, 139, 154);
  font-size: 13px;
}

:where([data-css~="s4z"]) .bsx-label {
  margin: 18px 0px 8px;
  color: rgb(15, 41, 66);
  font-size: 12px;
  font-weight: 700;
}

:where([data-css~="s4z"]) .bsx-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

:where([data-css~="s4z"]) .bsx-label + .bsx-chips {
  margin-top: 0px;
}

:where([data-css~="s4z"]) .bsx-chips a {
  position: relative;
  z-index: 2;
  padding: 10px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(217, 222, 229);
  border-radius: 6px;
  color: rgb(31, 47, 70);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s4z"]) .bsx-chips a:hover,
:where([data-css~="s4z"]) .bsx-chips a:active,
:where([data-css~="s4z"]) .bsx-chips a:focus-visible,
:where([data-css~="s4z"]) .bsx-chips a.active {
  background: rgb(15, 39, 68);
  border-color: rgb(15, 39, 68);
  color: rgb(255, 255, 255);
}

:where([data-css~="s4z"]) .bsx-cta {
  align-self: center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid var(--bsx-acc);
  border-radius: 4px;
  color: var(--bsx-acc);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background 0.25s,
    color 0.25s;
}

:where([data-css~="s4z"]) .bsx-cta::after {
  content: "";
  position: absolute;
  inset: 0px;
}

:where([data-css~="s4z"]) .bsx-cta:focus-visible {
  outline: rgb(14, 53, 88) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s4z"]) .bsx-card:hover .bsx-cta {
  background: var(--bsx-acc);
  color: rgb(255, 255, 255);
}

/* PAGE SECTION: /dimensions/jis/10k-light-pressure/index.html | scopes: s50 */
:where([data-css~="s50"]) .jis-page {
  padding: 26px 0px 80px;
  background-color: rgb(238, 242, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

:where([data-css~="s50"]) .jis-page,
:where([data-css~="s50"]) .jis-page * {
  box-sizing: border-box;
}

:where([data-css~="s50"]) .jis-container {
  width: min(1010px, 100% - 40px);
  margin: 0px auto;
}

:where([data-css~="s50"]) .jis-crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 26px;
  font-size: 14px;
  color: rgb(148, 163, 184);
}

:where([data-css~="s50"]) .jis-crumb a {
  color: rgb(100, 116, 139);
  text-decoration: none;
}

:where([data-css~="s50"]) .jis-crumb a:hover {
  color: rgb(15, 41, 66);
}

:where([data-css~="s50"]) .jis-crumb span:last-child {
  color: rgb(15, 41, 66);
  font-weight: 600;
}

:where([data-css~="s50"]) .jis-heading {
  max-width: 700px;
  margin: 0px auto 44px;
  text-align: center;
}

:where([data-css~="s50"]) .jis-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 14px;
  background: rgba(245, 130, 32, 0.12);
  color: rgb(245, 130, 32);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 30px;
}

:where([data-css~="s50"]) .jis-heading h2 {
  margin: 0px 0px 14px;
  color: rgb(14, 53, 88);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s50"]) .jis-heading h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 14px auto 0px;
  background: rgb(245, 130, 32);
  border-radius: 2px;
}

:where([data-css~="s50"]) .jis-heading p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="s50"]) .jis-group {
  margin-bottom: 44px;
}

:where([data-css~="s50"]) .jis-group-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0px 0px 18px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

:where([data-css~="s50"]) .jis-group-title small {
  color: rgb(120, 139, 154);
  font-size: 14px;
  font-weight: 500;
}

:where([data-css~="s50"]) .jis-group-title::after {
  content: "";
  flex: 1 1 0%;
  height: 1px;
  background: rgba(245, 130, 32, 0.45);
  align-self: center;
}

:where([data-css~="s50"]) .jis-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

:where([data-css~="s50"]) .jis-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 26px;
  padding: 16px 26px 16px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  box-shadow: rgba(14, 53, 88, 0.08) 0px 8px 24px;
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s50"]) .jis-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(14, 53, 88, 0.13) 0px 14px 32px;
}

:where([data-css~="s50"]) .jis-card:focus-visible {
  outline: rgb(14, 53, 88) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s50"]) .jis-art {
  width: 170px;
  height: 104px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(13, 41, 71);
  border-radius: 10px;
}

:where([data-css~="s50"]) .jis-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:where([data-css~="s50"]) .jis-info h4 {
  margin: 0px 0px 4px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

:where([data-css~="s50"]) .jis-info p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.5;
}

:where([data-css~="s50"]) .jis-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 155px;
  padding: 11px 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  color: rgb(14, 53, 88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition: 0.25s;
}

:where([data-css~="s50"]) .jis-arrow {
  color: rgb(245, 130, 32);
  font-size: 18px;
  transition: transform 0.25s;
}

:where([data-css~="s50"]) .jis-card:hover .jis-btn {
  background: rgb(245, 130, 32);
}

:where([data-css~="s50"]) .jis-card:hover .jis-btn,
:where([data-css~="s50"]) .jis-card:hover .jis-arrow {
  color: rgb(255, 255, 255);
}

:where([data-css~="s50"]) .jis-card:hover .jis-arrow {
  transform: translateX(4px);
}

/* PAGE SECTION: /dimensions/mss-sp/class-150/index.html | scopes: s51, s52 */
:where([data-css~="s51"]) .mss-hero {
  background: rgb(16, 31, 45);
  color: rgb(255, 255, 255);
  padding: 58px 0px 62px;
}

:where([data-css~="s51"]) .mss-hero-grid {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(360px, 0.88fr);
  align-items: center;
  gap: 56px;
  max-width: 1500px;
}

:where([data-css~="s51"]) .mss-eyebrow {
  color: rgb(255, 166, 61);
  font-size: 13px;
  font-weight: 750;
  letter-spacing: 1.3px;
  margin-bottom: 20px;
}

:where([data-css~="s51"]) .mss-eyebrow i {
  margin-right: 7px;
}

:where([data-css~="s51"]) .mss-hero h1 {
  color: rgb(255, 255, 255);
  font-size: clamp(42px, 4.2vw, 64px);
  line-height: 1.08;
  font-weight: 750;
  letter-spacing: -1.5px;
}

:where([data-css~="s51"]) .mss-hero h1 span {
  color: rgb(255, 166, 61);
}

:where([data-css~="s51"]) .mss-hero-description {
  max-width: 660px;
  color: rgb(203, 213, 223);
  font-size: 17px;
  line-height: 1.75;
  margin: 20px 0px;
}

:where([data-css~="s51"]) .mss-facts {
  display: flex;
  gap: 24px;
  margin: 20px 0px 14px;
}

:where([data-css~="s51"]) .mss-facts div {
  display: flex;
  flex-direction: column;
}

:where([data-css~="s51"]) .mss-facts div + div {
  border-left: 1px solid rgb(81, 97, 113);
  padding-left: 24px;
}

:where([data-css~="s51"]) .mss-facts strong {
  color: rgb(255, 166, 61);
  font-size: 23px;
  line-height: 1.3;
}

:where([data-css~="s51"]) .mss-facts small {
  font-size: 12px;
  color: rgb(209, 218, 227);
}

:where([data-css~="s51"]) .mss-unit-note {
  max-width: 750px;
  color: rgb(159, 176, 193);
  font-size: 12px;
  line-height: 1.6;
  margin: 12px 0px;
}

:where([data-css~="s51"]) .mss-hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 22px;
}

:where([data-css~="s52"]) .mss-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 22px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.2s;
}

/* PAGE SECTION: /dimensions/mss-sp/index.html | scopes: s53 */
:where([data-css~="s53"]) .mss-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 22px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  transition: 0.2s;
}

:where([data-css~="s51"]) .mss-button-primary {
  background: rgb(255, 107, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="s52"]) .mss-button-primary:hover {
  background: rgb(228, 94, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="s53"]) .mss-button-primary:hover {
  background: rgb(228, 94, 0);
}

:where([data-css~="s51"]) .mss-button-outline {
  color: rgb(255, 255, 255);
  border: 1px solid rgb(97, 113, 129);
}

:where([data-css~="s51"]) .mss-button-outline:hover {
  border-color: rgb(255, 166, 61);
  color: rgb(255, 166, 61);
}

:where([data-css~="s51"]) .mss-hero-art {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 350px;
  background: transparent;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  border-radius: 0px;
  overflow: visible;
}

:where([data-css~="s51"]) .mss-hero-art img {
  display: block;
  width: 100%;
  max-width: 570px;
  height: auto;
  object-fit: contain;
}

@media (max-width: 900px) {
  :where([data-css~="s52"]) .mss-hero-grid {
    grid-template-columns: 1fr 0.8fr;
    gap: 25px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s52"]) .mss-hero h1 {
    font-size: clamp(36px, 5vw, 48px);
  }
}

@media (max-width: 900px) {
  :where([data-css~="s52"]) .mss-hero-description {
    font-size: 15px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s52"]) .mss-hero-art {
    min-height: 260px;
  }
}

@media (max-width: 650px) {
  :where([data-css~="s52"]) .mss-hero {
    padding: 40px 0px;
  }
}

@media (max-width: 650px) {
  :where([data-css~="s52"]) .mss-hero-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 650px) {
  :where([data-css~="s52"]) .mss-hero-copy {
    order: 1;
  }
}

@media (max-width: 650px) {
  :where([data-css~="s52"]) .mss-hero-art {
    order: 2;
    min-height: auto;
  }
}

@media (max-width: 650px) {
  :where([data-css~="s52"]) .mss-hero-art img {
    max-width: 430px;
  }
}

@media (max-width: 650px) {
  :where([data-css~="s52"]) .mss-hero h1 {
    font-size: 39px;
  }
}

@media (max-width: 650px) {
  :where([data-css~="s52"]) .mss-hero-description {
    font-size: 15px;
    line-height: 1.65;
  }
}

@media (max-width: 650px) {
  :where([data-css~="s52"]) .mss-facts {
    gap: 16px;
  }
}

@media (max-width: 650px) {
  :where([data-css~="s52"]) .mss-facts div + div {
    padding-left: 16px;
  }
}

@media (max-width: 650px) {
  :where([data-css~="s52"]) .mss-hero-actions {
    gap: 10px;
  }
}

@media (max-width: 650px) {
  :where([data-css~="s52"]) .mss-button {
    padding: 12px 16px;
    font-size: 13px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  :where([data-css~="s52"]) .mss-hero {
    padding: 45px 24px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  :where([data-css~="s52"]) .mss-hero-grid {
    grid-template-columns: minmax(0px, 1fr) minmax(280px, 0.8fr);
    gap: 25px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  :where([data-css~="s52"]) .mss-hero h1 {
    font-size: 44px;
    letter-spacing: -1px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  :where([data-css~="s52"]) .mss-hero-description {
    font-size: 15px;
    line-height: 1.65;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  :where([data-css~="s52"]) .mss-hero-art {
    min-height: 270px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  :where([data-css~="s52"]) .mss-hero-art img {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  :where([data-css~="s52"]) .mss-facts strong {
    font-size: 20px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :where([data-css~="s52"]) .mss-hero {
    padding: 38px 22px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :where([data-css~="s52"]) .mss-hero-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :where([data-css~="s52"]) .mss-hero-copy {
    order: 1;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :where([data-css~="s52"]) .mss-hero-art {
    order: 2;
    min-height: auto;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :where([data-css~="s52"]) .mss-hero-art img {
    width: 100%;
    max-width: 450px;
    margin: 0px auto;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :where([data-css~="s52"]) .mss-eyebrow {
    font-size: 11px;
    margin-bottom: 15px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :where([data-css~="s52"]) .mss-hero h1 {
    font-size: clamp(36px, 7vw, 46px);
    line-height: 1.1;
    letter-spacing: -1px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :where([data-css~="s52"]) .mss-hero-description {
    font-size: 15px;
    line-height: 1.65;
    margin: 15px 0px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :where([data-css~="s52"]) .mss-facts {
    gap: 18px;
    margin: 18px 0px 12px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :where([data-css~="s52"]) .mss-facts strong {
    font-size: 20px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :where([data-css~="s52"]) .mss-unit-note {
    font-size: 11px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :where([data-css~="s52"]) .mss-hero-actions {
    gap: 10px;
    margin-top: 18px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :where([data-css~="s52"]) .mss-button {
    padding: 12px 16px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-hero {
    padding: 30px 16px 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-hero-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-hero-copy {
    order: 1;
    min-width: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-hero-art {
    order: 2;
    min-height: auto;
    width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-hero-art img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-eyebrow {
    font-size: 9px;
    letter-spacing: 0.9px;
    margin-bottom: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-eyebrow i {
    margin-right: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-hero h1 {
    font-size: clamp(30px, 8vw, 38px);
    line-height: 1.12;
    letter-spacing: -0.8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-hero-description {
    font-size: 13px;
    line-height: 1.65;
    margin: 14px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-facts {
    display: flex;
    gap: 12px;
    margin: 16px 0px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-facts div {
    min-width: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-facts div + div {
    border-left: 1px solid rgb(81, 97, 113);
    padding-left: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-facts strong {
    font-size: 17px;
    line-height: 1.3;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-facts small {
    font-size: 10px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-unit-note {
    font-size: 10px;
    line-height: 1.6;
    margin: 10px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-hero-actions {
    display: flex;
    gap: 8px;
    margin-top: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s52"]) .mss-button {
    padding: 11px 12px;
    font-size: 11px;
    gap: 6px;
    border-radius: 5px;
  }
}

@media (max-width: 359px) {
  :where([data-css~="s52"]) .mss-hero {
    padding: 25px 12px 30px;
  }
}

@media (max-width: 359px) {
  :where([data-css~="s52"]) .mss-hero h1 {
    font-size: 29px;
  }
}

@media (max-width: 359px) {
  :where([data-css~="s52"]) .mss-eyebrow {
    font-size: 8px;
    letter-spacing: 0.5px;
  }
}

@media (max-width: 359px) {
  :where([data-css~="s52"]) .mss-hero-description {
    font-size: 12px;
  }
}

@media (max-width: 359px) {
  :where([data-css~="s52"]) .mss-facts {
    gap: 8px;
  }
}

@media (max-width: 359px) {
  :where([data-css~="s52"]) .mss-facts div + div {
    padding-left: 9px;
  }
}

@media (max-width: 359px) {
  :where([data-css~="s52"]) .mss-facts strong {
    font-size: 15px;
  }
}

@media (max-width: 359px) {
  :where([data-css~="s52"]) .mss-facts small {
    font-size: 9px;
  }
}

@media (max-width: 359px) {
  :where([data-css~="s52"]) .mss-hero-actions {
    flex-wrap: wrap;
  }
}

@media (max-width: 359px) {
  :where([data-css~="s52"]) .mss-button {
    padding: 10px 11px;
    font-size: 10px;
  }
}

:where([data-css~="s52"]) .mss-page {
  width: 100%;
  padding: 26px 0px 80px;
  background-color: rgb(238, 242, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

:where([data-css~="s52"]) .mss-page,
:where([data-css~="s52"]) .mss-page * {
  box-sizing: border-box;
}

:where([data-css~="s52"]) .mss-container {
  width: min(1010px, 100% - 40px);
  margin: 0px auto;
}

:where([data-css~="s52"]) .mss-crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 26px;
  font-size: 14px;
  color: rgb(148, 163, 184);
}

:where([data-css~="s52"]) .mss-crumb a {
  color: rgb(100, 116, 139);
  text-decoration: none;
}

:where([data-css~="s52"]) .mss-crumb a:hover {
  color: rgb(15, 41, 66);
}

:where([data-css~="s52"]) .mss-crumb span:last-child {
  color: rgb(15, 41, 66);
  font-weight: 600;
}

:where([data-css~="s52"]) .mss-heading {
  max-width: 700px;
  margin: 0px auto 44px;
  text-align: center;
}

:where([data-css~="s52"]) .mss-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 14px;
  background: rgba(245, 130, 32, 0.12);
  color: rgb(245, 130, 32);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 30px;
}

:where([data-css~="s52"]) .mss-heading h2 {
  margin: 0px 0px 14px;
  color: rgb(14, 53, 88);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s52"]) .mss-heading h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 14px auto 0px;
  background: rgb(245, 130, 32);
  border-radius: 2px;
}

:where([data-css~="s52"]) .mss-heading p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="s52"]) .mss-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

:where([data-css~="s52"]) .mss-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 26px;
  padding: 16px 26px 16px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  box-shadow: rgba(14, 53, 88, 0.08) 0px 8px 24px;
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s52"]) .mss-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(14, 53, 88, 0.13) 0px 14px 32px;
}

:where([data-css~="s52"]) .mss-card:focus-visible {
  outline: rgb(14, 53, 88) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s52"]) .mss-art {
  width: 170px;
  height: 104px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(13, 41, 71);
  border-radius: 10px;
}

:where([data-css~="s52"]) .mss-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:where([data-css~="s52"]) .mss-info {
  min-width: 0px;
}

:where([data-css~="s52"]) .mss-info h4 {
  margin: 0px 0px 4px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

:where([data-css~="s52"]) .mss-info p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.5;
}

:where([data-css~="s52"]) .mss-description {
  margin-top: 6px;
  color: rgb(100, 119, 137);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
}

:where([data-css~="s52"]) .mss-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 155px;
  padding: 11px 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  color: rgb(14, 53, 88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition: 0.25s;
}

:where([data-css~="s52"]) .mss-arrow {
  color: rgb(245, 130, 32);
  font-size: 18px;
  transition: transform 0.25s;
}

:where([data-css~="s52"]) .mss-card:hover .mss-btn {
  background: rgb(245, 130, 32);
  color: rgb(255, 255, 255);
}

:where([data-css~="s52"]) .mss-card:hover .mss-arrow {
  color: rgb(255, 255, 255);
  transform: translateX(4px);
}

/* PAGE SECTION: /dimensions/sans/1000-kPa/index.html | scopes: s54 */
:where([data-css~="s54"]) .sans-page {
  padding: 26px 0px 80px;
  background-color: rgb(238, 242, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

:where([data-css~="s54"]) .sans-page,
:where([data-css~="s54"]) .sans-page * {
  box-sizing: border-box;
}

:where([data-css~="s54"]) .sans-container {
  width: min(1010px, 100% - 40px);
  margin: 0px auto;
}

:where([data-css~="s54"]) .sans-crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 26px;
  font-size: 14px;
  color: rgb(148, 163, 184);
}

:where([data-css~="s54"]) .sans-crumb a {
  color: rgb(100, 116, 139);
  text-decoration: none;
}

:where([data-css~="s54"]) .sans-crumb a:hover {
  color: rgb(15, 41, 66);
}

:where([data-css~="s54"]) .sans-crumb span:last-child {
  color: rgb(15, 41, 66);
  font-weight: 600;
}

:where([data-css~="s54"]) .sans-heading {
  max-width: 700px;
  margin: 0px auto 44px;
  text-align: center;
}

:where([data-css~="s54"]) .sans-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 14px;
  background: rgba(245, 130, 32, 0.12);
  color: rgb(245, 130, 32);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 30px;
}

:where([data-css~="s54"]) .sans-heading h2 {
  margin: 0px 0px 14px;
  color: rgb(14, 53, 88);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s54"]) .sans-heading h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 14px auto 0px;
  background: rgb(245, 130, 32);
  border-radius: 2px;
}

:where([data-css~="s54"]) .sans-heading p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="s54"]) .sans-group {
  margin-bottom: 44px;
}

:where([data-css~="s54"]) .sans-group-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0px 0px 18px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

:where([data-css~="s54"]) .sans-group-title small {
  color: rgb(120, 139, 154);
  font-size: 14px;
  font-weight: 500;
}

:where([data-css~="s54"]) .sans-group-title::after {
  content: "";
  flex: 1 1 0%;
  height: 1px;
  background: rgba(245, 130, 32, 0.45);
  align-self: center;
}

:where([data-css~="s54"]) .sans-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

:where([data-css~="s54"]) .sans-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 26px;
  padding: 16px 26px 16px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  box-shadow: rgba(14, 53, 88, 0.08) 0px 8px 24px;
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s54"]) .sans-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(14, 53, 88, 0.13) 0px 14px 32px;
}

:where([data-css~="s54"]) .sans-card:focus-visible {
  outline: rgb(14, 53, 88) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s54"]) .sans-art {
  width: 170px;
  height: 104px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(13, 41, 71);
  border-radius: 10px;
}

:where([data-css~="s54"]) .sans-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:where([data-css~="s54"]) .sans-info h4 {
  margin: 0px 0px 4px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

:where([data-css~="s54"]) .sans-info p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.5;
}

:where([data-css~="s54"]) .sans-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 155px;
  padding: 11px 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  color: rgb(14, 53, 88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition: 0.25s;
}

:where([data-css~="s54"]) .sans-arrow {
  color: rgb(245, 130, 32);
  font-size: 18px;
  transition: transform 0.25s;
}

:where([data-css~="s54"]) .sans-card:hover .sans-btn {
  background: rgb(245, 130, 32);
}

:where([data-css~="s54"]) .sans-card:hover .sans-btn,
:where([data-css~="s54"]) .sans-card:hover .sans-arrow {
  color: rgb(255, 255, 255);
}

:where([data-css~="s54"]) .sans-card:hover .sans-arrow {
  transform: translateX(4px);
}

:where([data-css~="s55"]) .cta-section h2 {
  white-space: normal;
}

@media (max-width: 900px) {
  :where([data-css~="s42"]) .b1636-card {
    grid-template-columns: 140px minmax(0px, 1fr) auto;
    gap: 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s42"]) .b1636-art {
    width: 140px;
    height: 90px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s42"]) .b1636-btn {
    min-width: 130px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s42"]) .b1636-description {
    font-size: 11px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s42"]) .b1636-page {
    padding-bottom: 56px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s42"]) .b1636-heading {
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4l"]) .b1636-group {
    margin-bottom: 34px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4l"]) .b1636-group-title {
    flex-wrap: wrap;
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4l"]) .b1636-group-title::after {
    display: none;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s42"]) .b1636-list {
    gap: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4l"]) .b1636-card {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
    min-height: 0px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4m"]) .b1636-card {
    grid-template-columns: 1fr;
    gap: 14px;
    min-height: 0px;
    padding: 14px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s42"]) .b1636-art {
    width: 100%;
    height: 110px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s42"]) .b1636-btn {
    width: 100%;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s42"]) .b1636-description {
    font-size: 12px;
    line-height: 1.6;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s42"]) .b1636-card,
  :where([data-css~="s42"]) .b1636-btn,
  :where([data-css~="s42"]) .b1636-arrow {
    transition: none;
  }
}

:where([data-css~="s34"]) .b1636-dimensions-section {
  width: 100%;
  padding: 6px 20px 25px;
  background: rgb(245, 247, 250);
}

:where([data-css~="s34"]) .b1636-dimensions-container {
  width: 100%;
  max-width: 1450px;
  margin: 0px auto;
}

:where([data-css~="s34"]) .b1636-header-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

:where([data-css~="s34"]) .b1636-header-spacer {
  display: block;
}

:where([data-css~="s34"]) .b1636-dimensions-header {
  text-align: center;
}

:where([data-css~="s34"]) .b1636-dimensions-label {
  display: block;
  margin-bottom: 0px;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgb(100, 116, 139);
}

:where([data-css~="s34"]) .b1636-dimensions-header h2 {
  margin: 0px;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 700;
  color: rgb(15, 41, 66);
}

:where([data-css~="s34"]) .b1636-dimensions-header p {
  margin: 10px 0px 0px;
  font-size: 15px;
  color: rgb(100, 116, 139);
}

:where([data-css~="s34"]) .b1636-unit-selector {
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 12px 0px 0px;
  text-align: left;
}

:where([data-css~="s34"]) .b1636-unit-btn {
  border: 1px solid rgb(216, 221, 229);
  background: rgb(245, 247, 250);
  color: rgb(75, 85, 99);
  padding: 12px 22px;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.25s;
  flex: 0 0 auto !important;
}

:where([data-css~="s34"]) .b1636-unit-btn:hover {
  background: rgb(233, 237, 242);
  color: rgb(31, 41, 55);
}

:where([data-css~="s34"]) .b1636-unit-btn.active {
  background: rgb(31, 41, 55);
  color: rgb(255, 255, 255);
  border-color: rgb(31, 41, 55);
}

:where([data-css~="s34"]) .b1636-unit-btn span {
  font-size: 12px;
  opacity: 0.75;
  margin-left: 3px;
}

:where([data-css~="s34"]) .b1636-unit-btn.active span {
  opacity: 0.85;
}

:where([data-css~="s35"]) .b1636-table-wrapper {
  width: 100%;
  max-width: 100%;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
  overflow: hidden;
}

:where([data-css~="s35"]) .b1636-dimensions-table {
  width: 100%;
  max-width: 100%;
  min-width: 0px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
  color: rgb(15, 41, 66);
}

:where([data-css~="s36"]) .b1636-table-wrapper {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
}

:where([data-css~="s36"]) .b1636-dimensions-table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 13px;
  color: rgb(15, 41, 66);
}

:where([data-css~="s34"]) .b1636-dimensions-table thead {
  background: rgb(15, 41, 66);
}

:where([data-css~="s35"]) .b1636-dimensions-table thead th {
  padding: 11px 6px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  color: rgb(255, 255, 255);
  background: rgb(15, 41, 66);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  white-space: normal;
  overflow-wrap: break-word;
}

:where([data-css~="s35"]) .b1636-dimensions-table th:nth-child(1) {
  width: 4%;
}

:where([data-css~="s56"]) .b1636-dimensions-table th:nth-child(2) {
  width: 7%;
}

:where([data-css~="s56"]) .b1636-dimensions-table th:nth-child(3) {
  width: 7%;
}

:where([data-css~="s56"]) .b1636-dimensions-table th:nth-child(4) {
  width: 7%;
}

:where([data-css~="s56"]) .b1636-dimensions-table th:nth-child(5) {
  width: 8%;
}

:where([data-css~="s56"]) .b1636-dimensions-table th:nth-child(6) {
  width: 8%;
}

:where([data-css~="s56"]) .b1636-dimensions-table th:nth-child(7) {
  width: 8%;
}

/* PAGE SECTION: /dimensions/asme/b16.36/class-300/orifice-threaded/index.html | scopes: s57 */
:where([data-css~="s57"]) .b1636-dimensions-table th:nth-child(2) {
  width: 6%;
}

:where([data-css~="s57"]) .b1636-dimensions-table th:nth-child(3) {
  width: 6%;
}

:where([data-css~="s57"]) .b1636-dimensions-table th:nth-child(4) {
  width: 6%;
}

:where([data-css~="s57"]) .b1636-dimensions-table th:nth-child(5) {
  width: 6%;
}

:where([data-css~="s57"]) .b1636-dimensions-table th:nth-child(6) {
  width: 6%;
}

:where([data-css~="s57"]) .b1636-dimensions-table th:nth-child(7) {
  width: 7%;
}

:where([data-css~="s35"]) .b1636-dimensions-table th:nth-child(8) {
  width: 7%;
}

:where([data-css~="s56"]) .b1636-dimensions-table th:nth-child(9) {
  width: 9%;
}

:where([data-css~="s57"]) .b1636-dimensions-table th:nth-child(9) {
  width: 7%;
}

:where([data-css~="s35"]) .b1636-dimensions-table th:nth-child(10) {
  width: 7%;
}

:where([data-css~="s56"]) .b1636-dimensions-table th:nth-child(11) {
  width: 6%;
}

:where([data-css~="s57"]) .b1636-dimensions-table th:nth-child(11) {
  width: 7%;
}

:where([data-css~="s35"]) .b1636-dimensions-table th:nth-child(12) {
  width: 6%;
}

:where([data-css~="s56"]) .b1636-dimensions-table th:nth-child(13) {
  width: 7%;
}

:where([data-css~="s56"]) .b1636-dimensions-table th:nth-child(14) {
  width: 7%;
}

:where([data-css~="s56"]) .b1636-dimensions-table th:nth-child(15) {
  width: 7%;
}

:where([data-css~="s36"]) .b1636-dimensions-table thead tr {
  height: 1px;
}

:where([data-css~="s36"]) .b1636-dimensions-table thead th {
  height: auto;
  padding: 10px 4px;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  color: rgb(255, 255, 255);
  background: rgb(15, 41, 66);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}

:where([data-css~="s36"]) .b1636-dimensions-table thead th br {
  line-height: 1;
}

:where([data-css~="s36"]) .b1636-dimensions-table thead th:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s57"]) .b1636-dimensions-table th:nth-child(13) {
  width: 5%;
}

:where([data-css~="s57"]) .b1636-dimensions-table th:nth-child(14) {
  width: 5%;
}

:where([data-css~="s57"]) .b1636-dimensions-table th:nth-child(15) {
  width: 5%;
}

:where([data-css~="s57"]) .b1636-dimensions-table th:nth-child(16) {
  width: 5%;
}

:where([data-css~="s57"]) .b1636-dimensions-table th:nth-child(17) {
  width: 5%;
}

:where([data-css~="s34"]) .b1636-dimensions-table tbody tr {
  background: rgb(255, 255, 255);
  transition: background 0.2s;
}

:where([data-css~="s34"]) .b1636-dimensions-table tbody tr:nth-child(2n) {
  background: rgb(248, 250, 252);
}

:where([data-css~="s34"]) .b1636-dimensions-table tbody tr:hover {
  background: rgb(238, 243, 247);
}

:where([data-css~="s34"]) .b1636-dimensions-table tbody th,
:where([data-css~="s34"]) .b1636-dimensions-table tbody td {
  padding: 9px 5px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  border-right: 1px solid rgb(226, 232, 240);
  border-bottom: 1px solid rgb(226, 232, 240);
  white-space: nowrap;
}

:where([data-css~="s34"]) .b1636-dimensions-table tbody th {
  font-weight: 700;
  color: rgb(15, 41, 66);
  background: rgb(248, 250, 252);
}

:where([data-css~="s34"]) .b1636-dimensions-table tbody td:last-child {
  font-weight: 600;
}

:where([data-css~="s34"]) .b1636-dimensions-table thead th:last-child,
:where([data-css~="s34"]) .b1636-dimensions-table tbody th:last-child,
:where([data-css~="s34"]) .b1636-dimensions-table tbody td:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s34"]) .b1636-dimensions-table tbody tr:last-child th,
:where([data-css~="s34"]) .b1636-dimensions-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s34"]) .b1636-table-notes {
  width: 100%;
  margin-top: 22px;
  padding: 0px;
  color: rgb(14, 53, 88);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.75;
}

:where([data-css~="s34"]) .b1636-notes-title {
  margin-bottom: 7px;
  font-size: 19px;
  font-weight: 700;
  color: rgb(14, 53, 88);
}

:where([data-css~="s34"]) .b1636-note-item {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

:where([data-css~="s34"]) .b1636-note-label {
  flex: 0 0 30px;
  font-weight: 700;
  color: rgb(14, 53, 88);
}

:where([data-css~="s34"]) .b1636-note-item > span:last-child {
  flex: 1 1 0%;
  min-width: 0px;
}

:where([data-css~="s34"]) .b1636-note-item strong {
  font-weight: 700;
  color: rgb(14, 53, 88);
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-table-notes {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-notes-title {
    font-size: 16px;
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-note-label {
    flex: 0 0 25px;
  }
}

:where([data-css~="s34"]) .b1636-table-scroll::-webkit-scrollbar {
  height: 8px;
}

:where([data-css~="s34"]) .b1636-table-scroll::-webkit-scrollbar-track {
  background: rgb(232, 237, 242);
}

:where([data-css~="s34"]) .b1636-table-scroll::-webkit-scrollbar-thumb {
  background: rgb(148, 163, 184);
  border-radius: 10px;
}

:where([data-css~="s34"]) .b1636-table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 116, 139);
}

:where([data-css~="s34"]) .b1636-dimensions-table[hidden] {
  display: none !important;
}

@media (max-width: 900px) {
  :where([data-css~="s34"]) .b1636-dimensions-section {
    padding: 60px 15px 65px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s34"]) .b1636-dimensions-header {
    margin-bottom: 30px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s34"]) .b1636-dimensions-header h2 {
    font-size: 27px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s34"]) .b1636-table-wrapper {
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-dimensions-section {
    padding: 50px 12px 55px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-dimensions-label {
    font-size: 10px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-dimensions-header h2 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-dimensions-header p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-table-wrapper {
    border-radius: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-dimensions-table {
    min-width: 1050px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s35"]) .b1636-dimensions-table thead th {
    padding: 14px 10px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s36"]) .b1636-dimensions-table thead th {
    padding: 8px 4px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-dimensions-table tbody th,
  :where([data-css~="s34"]) .b1636-dimensions-table tbody td {
    padding: 13px 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-table-note {
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-header-row {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-header-spacer {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s34"]) .b1636-unit-selector {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s34"]) .b1636-dimensions-section {
    padding: 42px 10px 48px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s34"]) .b1636-dimensions-header {
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s34"]) .b1636-dimensions-header h2 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s34"]) .b1636-dimensions-header p {
    font-size: 13px;
  }
}

:where([data-css~="s39"]) .b1647-dimensions-section {
  width: 100%;
  padding: 6px 20px 25px;
  background: rgb(245, 247, 250);
}

:where([data-css~="s39"]) .b1647-dimensions-container {
  width: 100%;
  max-width: 1450px;
  margin: 0px auto;
}

:where([data-css~="s39"]) .b1647-header-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

:where([data-css~="s39"]) .b1647-header-spacer {
  display: block;
}

:where([data-css~="s39"]) .b1647-dimensions-header {
  text-align: center;
}

:where([data-css~="s39"]) .b1647-dimensions-label {
  display: block;
  margin-bottom: 0px;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgb(100, 116, 139);
}

:where([data-css~="s39"]) .b1647-dimensions-header h2 {
  margin: 0px;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 700;
  color: rgb(15, 41, 66);
}

:where([data-css~="s39"]) .b1647-dimensions-header p {
  margin: 10px 0px 0px;
  font-size: 15px;
  color: rgb(100, 116, 139);
}

:where([data-css~="s39"]) .b1647-unit-selector {
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 12px 0px 0px;
  text-align: left;
}

:where([data-css~="s39"]) .b1647-unit-btn {
  border: 1px solid rgb(216, 221, 229);
  background: rgb(245, 247, 250);
  color: rgb(75, 85, 99);
  padding: 12px 22px;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.25s;
  flex: 0 0 auto !important;
}

:where([data-css~="s39"]) .b1647-unit-btn:hover {
  background: rgb(233, 237, 242);
  color: rgb(31, 41, 55);
}

:where([data-css~="s39"]) .b1647-unit-btn.active {
  background: rgb(31, 41, 55);
  color: rgb(255, 255, 255);
  border-color: rgb(31, 41, 55);
}

:where([data-css~="s39"]) .b1647-unit-btn span {
  font-size: 12px;
  opacity: 0.75;
  margin-left: 3px;
}

:where([data-css~="s39"]) .b1647-unit-btn.active span {
  opacity: 0.85;
}

:where([data-css~="s39"]) .b1647-table-wrapper {
  width: 100%;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
  overflow: hidden;
}

:where([data-css~="s58"]) .b1647-dimensions-table {
  width: 100%;
  min-width: 1250px;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 14px;
  color: rgb(15, 41, 66);
}

/* PAGE SECTION: /dimensions/asme/b16.47/series-a/class-300/blind/index.html | scopes: s59, s5b */
:where([data-css~="s59"]) .b1647-dimensions-table {
  width: 100%;
  min-width: 1250px;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 20px;
  color: rgb(15, 41, 66);
}

:where([data-css~="s39"]) .b1647-dimensions-table thead {
  background: rgb(15, 41, 66);
}

:where([data-css~="s39"]) .b1647-dimensions-table thead th {
  padding: 11px 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: rgb(255, 255, 255);
  background: rgb(15, 41, 66);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  white-space: nowrap;
}

:where([data-css~="s39"]) .b1647-dimensions-table thead th:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s39"]) .b1647-dimensions-table tbody tr {
  background: rgb(255, 255, 255);
  transition: background 0.2s;
}

:where([data-css~="s39"]) .b1647-dimensions-table tbody tr:nth-child(2n) {
  background: rgb(248, 250, 252);
}

:where([data-css~="s39"]) .b1647-dimensions-table tbody tr:hover {
  background: rgb(238, 243, 247);
}

:where([data-css~="s39"]) .b1647-dimensions-table tbody th,
:where([data-css~="s39"]) .b1647-dimensions-table tbody td {
  padding: 9px 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  border-right: 1px solid rgb(226, 232, 240);
  border-bottom: 1px solid rgb(226, 232, 240);
  white-space: nowrap;
}

:where([data-css~="s39"]) .b1647-dimensions-table tbody th {
  font-weight: 700;
  color: rgb(15, 41, 66);
  background: rgb(248, 250, 252);
}

:where([data-css~="s39"]) .b1647-dimensions-table tbody td:last-child {
  font-weight: 600;
}

:where([data-css~="s39"]) .b1647-dimensions-table tbody th:last-child,
:where([data-css~="s39"]) .b1647-dimensions-table tbody td:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s39"]) .b1647-dimensions-table tbody tr:last-child th,
:where([data-css~="s39"]) .b1647-dimensions-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s5a"]) .b1647-table-note {
  display: block !important;
  width: 100% !important;
  margin: 0px !important;
  padding: 28px 0px 0px !important;
  text-align: center !important;
  clear: both !important;
}

:where([data-css~="s5a"]) .b1647-table-note p {
  font-size: 17px;
  line-height: 1.6;
  color: rgb(51, 65, 85);
  font-weight: 500;
  display: block !important;
  margin: 0px !important;
  padding: 0px !important;
}

:where([data-css~="s5a"]) .b1647-table-wrapper {
  margin-bottom: 0px !important;
}

:where([data-css~="s5b"]) .b1647-table-note {
  margin-top: 18px;
  text-align: center;
}

:where([data-css~="s5b"]) .b1647-table-note p {
  margin: 0px;
  font-size: 17px;
  line-height: 1.6;
  color: rgb(51, 65, 85);
  font-weight: 500;
}

:where([data-css~="s39"]) .b1647-table-scroll::-webkit-scrollbar {
  height: 8px;
}

:where([data-css~="s39"]) .b1647-table-scroll::-webkit-scrollbar-track {
  background: rgb(232, 237, 242);
}

:where([data-css~="s39"]) .b1647-table-scroll::-webkit-scrollbar-thumb {
  background: rgb(148, 163, 184);
  border-radius: 10px;
}

:where([data-css~="s39"]) .b1647-table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 116, 139);
}

:where([data-css~="s39"]) .b1647-dimensions-table[hidden] {
  display: none !important;
}

@media (max-width: 900px) {
  :where([data-css~="s39"]) .b1647-dimensions-section {
    padding: 60px 15px 65px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s39"]) .b1647-dimensions-header {
    margin-bottom: 30px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s39"]) .b1647-dimensions-header h2 {
    font-size: 27px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s39"]) .b1647-table-wrapper {
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-dimensions-section {
    padding: 50px 12px 55px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-dimensions-label {
    font-size: 10px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-dimensions-header h2 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-dimensions-header p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-table-wrapper {
    border-radius: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-dimensions-table {
    min-width: 1050px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-dimensions-table thead th {
    padding: 14px 10px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-dimensions-table tbody th,
  :where([data-css~="s39"]) .b1647-dimensions-table tbody td {
    padding: 13px 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-table-note {
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-header-row {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-header-spacer {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s39"]) .b1647-unit-selector {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s39"]) .b1647-dimensions-section {
    padding: 42px 10px 48px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s39"]) .b1647-dimensions-header {
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s39"]) .b1647-dimensions-header h2 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s39"]) .b1647-dimensions-header p {
    font-size: 13px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4p"]) .b1647-card {
    grid-template-columns: 140px minmax(0px, 1fr) auto;
    gap: 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4p"]) .b1647-art {
    width: 140px;
    height: 90px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4p"]) .b1647-btn {
    min-width: 130px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4p"]) .b1647-description {
    font-size: 11px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4p"]) .b1647-page {
    padding-bottom: 56px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4p"]) .b1647-heading {
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4o"]) .b1647-group {
    margin-bottom: 34px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4o"]) .b1647-group-title {
    flex-wrap: wrap;
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4o"]) .b1647-group-title::after {
    display: none;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4p"]) .b1647-list {
    gap: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4o"]) .b1647-card {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
    min-height: 0px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4b"]) .b1647-card {
    grid-template-columns: 1fr;
    gap: 14px;
    min-height: 0px;
    padding: 14px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4p"]) .b1647-art {
    width: 100%;
    height: 110px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4p"]) .b1647-btn {
    width: 100%;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4p"]) .b1647-description {
    font-size: 12px;
    line-height: 1.6;
  }
}

:where([data-css~="s3c"]) .b165-dimensions-section {
  width: 100%;
  padding: 6px 20px 25px;
  background: rgb(245, 247, 250);
}

:where([data-css~="s3c"]) .b165-dimensions-container {
  width: 100%;
  max-width: 1450px;
  margin: 0px auto;
}

:where([data-css~="s3c"]) .b165-header-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

:where([data-css~="s3c"]) .b165-header-spacer {
  display: block;
}

:where([data-css~="s3c"]) .b165-dimensions-header {
  text-align: center;
}

:where([data-css~="s3c"]) .b165-dimensions-label {
  display: block;
  margin-bottom: 0px;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgb(100, 116, 139);
}

:where([data-css~="s3c"]) .b165-dimensions-header h2 {
  margin: 0px;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 700;
  color: rgb(15, 41, 66);
}

:where([data-css~="s3c"]) .b165-dimensions-header p {
  margin: 10px 0px 0px;
  font-size: 15px;
  color: rgb(100, 116, 139);
}

:where([data-css~="s3c"]) .b165-unit-selector {
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 12px 0px 0px;
  text-align: left;
}

:where([data-css~="s3c"]) .b165-unit-btn {
  border: 1px solid rgb(216, 221, 229);
  background: rgb(245, 247, 250);
  color: rgb(75, 85, 99);
  padding: 12px 22px;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.25s;
  flex: 0 0 auto !important;
}

:where([data-css~="s3c"]) .b165-unit-btn:hover {
  background: rgb(233, 237, 242);
  color: rgb(31, 41, 55);
}

:where([data-css~="s3c"]) .b165-unit-btn.active {
  background: rgb(31, 41, 55);
  color: rgb(255, 255, 255);
  border-color: rgb(31, 41, 55);
}

:where([data-css~="s3c"]) .b165-unit-btn span {
  font-size: 12px;
  opacity: 0.75;
  margin-left: 3px;
}

:where([data-css~="s3c"]) .b165-unit-btn.active span {
  opacity: 0.85;
}

:where([data-css~="s3c"]) .b165-table-wrapper {
  width: 100%;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
  overflow: hidden;
}

:where([data-css~="s3c"]) .b165-dimensions-table {
  width: 100%;
  min-width: 1250px;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 14px;
  color: rgb(15, 41, 66);
}

:where([data-css~="s3c"]) .b165-dimensions-table thead {
  background: rgb(15, 41, 66);
}

:where([data-css~="s3c"]) .b165-dimensions-table thead th {
  padding: 11px 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: rgb(255, 255, 255);
  background: rgb(15, 41, 66);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  white-space: nowrap;
}

:where([data-css~="s3c"]) .b165-dimensions-table thead th:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s3c"]) .b165-dimensions-table tbody tr {
  background: rgb(255, 255, 255);
  transition: background 0.2s;
}

:where([data-css~="s3c"]) .b165-dimensions-table tbody tr:nth-child(2n) {
  background: rgb(248, 250, 252);
}

:where([data-css~="s3c"]) .b165-dimensions-table tbody tr:hover {
  background: rgb(238, 243, 247);
}

:where([data-css~="s3c"]) .b165-dimensions-table tbody th,
:where([data-css~="s3c"]) .b165-dimensions-table tbody td {
  padding: 9px 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  border-right: 1px solid rgb(226, 232, 240);
  border-bottom: 1px solid rgb(226, 232, 240);
  white-space: nowrap;
}

:where([data-css~="s3c"]) .b165-dimensions-table tbody th {
  font-weight: 700;
  color: rgb(15, 41, 66);
  background: rgb(248, 250, 252);
}

:where([data-css~="s3c"]) .b165-dimensions-table tbody td:last-child {
  font-weight: 600;
}

:where([data-css~="s3c"]) .b165-dimensions-table tbody th:last-child,
:where([data-css~="s3c"]) .b165-dimensions-table tbody td:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s3c"]) .b165-dimensions-table tbody tr:last-child th,
:where([data-css~="s3c"]) .b165-dimensions-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s3c"]) .b165-table-note {
  margin-top: 18px;
  text-align: center;
}

:where([data-css~="s3c"]) .b165-table-note p {
  margin: 0px;
  font-size: 17px;
  line-height: 1.6;
  color: rgb(51, 65, 85);
  font-weight: 500;
}

:where([data-css~="s3c"]) .b165-table-scroll::-webkit-scrollbar {
  height: 8px;
}

:where([data-css~="s3c"]) .b165-table-scroll::-webkit-scrollbar-track {
  background: rgb(232, 237, 242);
}

:where([data-css~="s3c"]) .b165-table-scroll::-webkit-scrollbar-thumb {
  background: rgb(148, 163, 184);
  border-radius: 10px;
}

:where([data-css~="s3c"]) .b165-table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 116, 139);
}

:where([data-css~="s3c"]) .b165-dimensions-table[hidden] {
  display: none !important;
}

@media (max-width: 900px) {
  :where([data-css~="s3c"]) .b165-dimensions-section {
    padding: 60px 15px 65px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3c"]) .b165-dimensions-header {
    margin-bottom: 30px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3c"]) .b165-dimensions-header h2 {
    font-size: 27px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3c"]) .b165-table-wrapper {
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-dimensions-section {
    padding: 50px 12px 55px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-dimensions-label {
    font-size: 10px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-dimensions-header h2 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-dimensions-header p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-table-wrapper {
    border-radius: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-dimensions-table {
    min-width: 1050px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-dimensions-table thead th {
    padding: 14px 10px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-dimensions-table tbody th,
  :where([data-css~="s3c"]) .b165-dimensions-table tbody td {
    padding: 13px 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-table-note {
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-header-row {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-header-spacer {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3c"]) .b165-unit-selector {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3c"]) .b165-dimensions-section {
    padding: 42px 10px 48px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3c"]) .b165-dimensions-header {
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3c"]) .b165-dimensions-header h2 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3c"]) .b165-dimensions-header p {
    font-size: 13px;
  }
}

:where([data-css~="s3k"]) .awwa-dimensions-section {
  width: 100%;
  padding: 6px 20px 25px;
  background: rgb(245, 247, 250);
  box-sizing: border-box;
}

:where([data-css~="s3k"]) .awwa-dimensions-container {
  width: 100%;
  max-width: 1450px;
  margin: 0px auto;
}

:where([data-css~="s3k"]) .awwa-header-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin-bottom: 8px;
}

:where([data-css~="s3k"]) .awwa-dimensions-header {
  text-align: center;
  flex: 0 0 auto;
}

:where([data-css~="s3k"]) .awwa-dimensions-label {
  display: block;
  margin: 0px;
  text-align: center;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgb(100, 116, 139);
  white-space: nowrap;
}

:where([data-css~="s3k"]) .awwa-unit-selector {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0px;
  text-align: center;
  flex: 0 0 auto;
}

:where([data-css~="s3k"]) .awwa-unit-btn {
  width: auto;
  min-height: 49px;
  box-sizing: border-box;
  border: 1px solid rgb(216, 221, 229);
  background: rgb(245, 247, 250);
  color: rgb(75, 85, 99);
  padding: 12px 22px;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.25s;
  white-space: nowrap;
  flex: 0 0 auto !important;
}

:where([data-css~="s3k"]) .awwa-unit-btn:hover {
  background: rgb(233, 237, 242);
  color: rgb(31, 41, 55);
}

:where([data-css~="s3k"]) .awwa-unit-btn.active {
  background: rgb(31, 41, 55);
  color: rgb(255, 255, 255);
  border-color: rgb(31, 41, 55);
}

:where([data-css~="s3k"]) .awwa-unit-btn span {
  font-size: 12px;
  opacity: 0.75;
  margin-left: 3px;
}

:where([data-css~="s3k"]) .awwa-unit-btn.active span {
  opacity: 0.85;
}

:where([data-css~="s3k"]) .awwa-header-spacer {
  display: none;
}

@media (max-width: 600px) {
  :where([data-css~="s3k"]) .awwa-header-row {
    gap: 12px;
    flex-wrap: wrap;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s3k"]) .awwa-dimensions-label {
    font-size: 14px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s3k"]) .awwa-unit-btn {
    min-height: 44px;
    padding: 10px 16px;
  }
}

:where([data-css~="s3k"]) .awwa-table-wrapper {
  width: 100%;
  max-width: 100%;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
  overflow: auto hidden;
}

:where([data-css~="s3k"]) .awwa-dimensions-table {
  width: 100%;
  max-width: 100%;
  min-width: 0px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
  color: rgb(15, 41, 66);
}

:where([data-css~="s3k"]) .awwa-dimensions-table thead {
  background: rgb(15, 41, 66);
}

:where([data-css~="s3k"]) .awwa-dimensions-table thead th {
  padding: 11px 6px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  color: rgb(255, 255, 255);
  background: rgb(15, 41, 66);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  white-space: normal;
  overflow-wrap: break-word;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(1) {
  width: 4%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(2) {
  width: 6%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(3) {
  width: 6%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(4) {
  width: 5%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(5) {
  width: 6%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(6) {
  width: 7%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(7) {
  width: 6%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(8) {
  width: 6%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(9) {
  width: 7%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(10) {
  width: 6%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(11) {
  width: 5%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(12) {
  width: 6%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(13) {
  width: 6%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(14) {
  width: 6%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(15) {
  width: 6%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(16) {
  width: 6%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(17) {
  width: 6%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table th:nth-child(18) {
  width: 6%;
}

:where([data-css~="s3k"]) .awwa-dimensions-table tbody tr {
  background: rgb(255, 255, 255);
  transition: background 0.2s;
}

:where([data-css~="s3k"]) .awwa-dimensions-table tbody tr:nth-child(2n) {
  background: rgb(248, 250, 252);
}

:where([data-css~="s3k"]) .awwa-dimensions-table tbody tr:hover {
  background: rgb(238, 243, 247);
}

:where([data-css~="s3k"]) .awwa-dimensions-table tbody th,
:where([data-css~="s3k"]) .awwa-dimensions-table tbody td {
  padding: 9px 5px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  border-right: 1px solid rgb(226, 232, 240);
  border-bottom: 1px solid rgb(226, 232, 240);
  white-space: nowrap;
}

:where([data-css~="s3k"]) .awwa-dimensions-table tbody th {
  font-weight: 700;
  color: rgb(15, 41, 66);
  background: rgb(248, 250, 252);
}

:where([data-css~="s3k"]) .awwa-dimensions-table tbody td:last-child {
  font-weight: 600;
}

:where([data-css~="s3k"]) .awwa-dimensions-table thead th:last-child,
:where([data-css~="s3k"]) .awwa-dimensions-table tbody th:last-child,
:where([data-css~="s3k"]) .awwa-dimensions-table tbody td:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s3k"]) .awwa-dimensions-table tbody tr:last-child th,
:where([data-css~="s3k"]) .awwa-dimensions-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s3k"]) .awwa-table-note {
  margin-top: 28px;
  text-align: left;
}

:where([data-css~="s3k"]) .awwa-table-note-title {
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: rgb(14, 53, 88);
  text-transform: uppercase;
  text-align: left;
}

:where([data-css~="s3k"]) .awwa-table-note-content {
  width: 100%;
  margin: 0px;
  text-align: left;
}

:where([data-css~="s3k"]) .awwa-table-note-content p {
  margin: 0px 0px 7px;
  font-size: 15px;
  line-height: 1.6;
  color: rgb(51, 65, 85);
  font-weight: 500;
  text-align: left;
}

:where([data-css~="s3k"]) .awwa-table-note-content p:last-child {
  margin-bottom: 0px;
}

:where([data-css~="s3k"]) .awwa-table-note-content strong {
  color: rgb(14, 53, 88);
  font-weight: 700;
}

:where([data-css~="s3k"]) .awwa-table-scroll::-webkit-scrollbar {
  height: 8px;
}

:where([data-css~="s3k"]) .awwa-table-scroll::-webkit-scrollbar-track {
  background: rgb(232, 237, 242);
}

:where([data-css~="s3k"]) .awwa-table-scroll::-webkit-scrollbar-thumb {
  background: rgb(148, 163, 184);
  border-radius: 10px;
}

:where([data-css~="s3k"]) .awwa-table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 116, 139);
}

:where([data-css~="s3k"]) .awwa-dimensions-table[hidden] {
  display: none !important;
}

@media (max-width: 900px) {
  :where([data-css~="s3k"]) .awwa-dimensions-section {
    padding: 60px 15px 65px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3k"]) .awwa-dimensions-header {
    margin-bottom: 30px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3k"]) .awwa-dimensions-header h2 {
    font-size: 27px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3k"]) .awwa-table-wrapper {
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-dimensions-section {
    padding: 50px 12px 55px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-dimensions-label {
    font-size: 10px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-dimensions-header h2 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-dimensions-header p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-table-wrapper {
    border-radius: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-dimensions-table {
    min-width: 1050px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-dimensions-table thead th {
    padding: 14px 10px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-dimensions-table tbody th,
  :where([data-css~="s3k"]) .awwa-dimensions-table tbody td {
    padding: 13px 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-table-note {
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-header-row {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-header-spacer {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3k"]) .awwa-unit-selector {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3k"]) .awwa-dimensions-section {
    padding: 42px 10px 48px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3k"]) .awwa-dimensions-header {
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3k"]) .awwa-dimensions-header h2 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3k"]) .awwa-dimensions-header p {
    font-size: 13px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4s"]) .awwa-card {
    grid-template-columns: 140px minmax(0px, 1fr) auto;
    gap: 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4s"]) .awwa-art {
    width: 140px;
    height: 90px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4s"]) .awwa-btn {
    min-width: 130px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4s"]) .awwa-page {
    padding-bottom: 56px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4s"]) .awwa-heading {
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4s"]) .awwa-group {
    margin-bottom: 34px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4s"]) .awwa-group-title {
    flex-wrap: wrap;
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4s"]) .awwa-group-title::after {
    display: none;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4s"]) .awwa-list {
    gap: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4s"]) .awwa-card {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4s"]) .awwa-art {
    width: 100%;
    height: 110px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4s"]) .awwa-btn {
    width: 100%;
  }
}

:where([data-css~="s4s"]) .awwa-description {
  margin-top: 6px;
  color: rgb(100, 119, 137);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
}

:where([data-css~="s4s"]) .awwa-card {
  min-height: 130px;
}

@media (max-width: 900px) {
  :where([data-css~="s4s"]) .awwa-description {
    font-size: 11px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4s"]) .awwa-card {
    min-height: 0px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4s"]) .awwa-description {
    font-size: 12px;
    line-height: 1.6;
  }
}

/* PAGE SECTION: /dimensions/awwa/index.html | scopes: s5c */
:where([data-css~="s5c"]) .aw-page {
  --aw-bg: #eaf4f8;
  --aw-grid: rgba(10, 90, 130, 0.06);
  --aw-text: #0f2a38;
  --aw-muted: #4f7284;
  --aw-line: #bcd9e3;
  --aw-hero: #0c3a52;
  --aw-hero-sub: #a9c9d8;
  --aw-accent: #5fd4f0;
  --aw-blue: #ff6b00;
  --aw-blue-hover: #e85d00;
  --aw-blue-soft: #fff1e6;
  --aw-track-bg: #dbeaf1;
  --aw-class-b: #1693c4;
  --aw-class-d: #1476a8;
  --aw-class-e: #0c5a87;
  --aw-class-f: #e8672a;
}

:where([data-css~="s5c"]) .aw-page {
  font-family: Poppins, sans-serif;
  color: var(--aw-text);
  line-height: 1.5;
  background-color: var(--aw-bg);
  background-image:
    linear-gradient(var(--aw-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--aw-grid) 1px, transparent 1px);
  background-size: 28px 28px;
  padding: 24px 0px 60px;
}

:where([data-css~="s5c"]) .aw-container {
  max-width: 1000px;
  margin: 0px auto;
  padding: 0px 20px;
}

@media (max-width: 768px) {
  :where([data-css~="s5c"]) .aw-page {
    padding: 16px 0px 40px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5c"]) .aw-container {
    padding: 0px 12px;
  }
}

:where([data-css~="s5c"]) .awwa-c207-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  background: rgb(23, 35, 47);
  color: rgb(255, 255, 255);
  padding: 58px 24px 52px;
  box-sizing: border-box;
}

:where([data-css~="s5c"]) .awwa-c207-hero *,
:where([data-css~="s5c"]) .awwa-c207-hero ::before,
:where([data-css~="s5c"]) .awwa-c207-hero ::after {
  box-sizing: border-box;
}

:where([data-css~="s5c"]) .awwa-c207-hero__container {
  width: 100%;
  max-width: 1380px;
  margin: 0px auto;
  display: grid;
  grid-template-columns: minmax(0px, 0.88fr) minmax(0px, 1.12fr);
  align-items: center;
  gap: 34px;
}

:where([data-css~="s5c"]) .awwa-c207-hero__content {
  position: relative;
  z-index: 2;
  min-width: 0px;
}

:where([data-css~="s5c"]) .awwa-c207-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: rgb(255, 122, 54);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}

:where([data-css~="s5c"]) .awwa-c207-hero__eyebrow::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 2px;
  background: rgb(255, 122, 54);
}

:where([data-css~="s5c"]) .awwa-c207-hero h1 {
  margin: 0px;
  max-width: 650px;
  color: rgb(255, 255, 255);
  font-size: clamp(36px, 4.1vw, 60px);
  line-height: 1.08;
  letter-spacing: -1.8px;
  font-weight: 800;
}

:where([data-css~="s5c"]) .awwa-c207-hero h1 span {
  display: block;
  margin-top: 8px;
  color: rgb(255, 122, 54);
}

:where([data-css~="s5c"]) .awwa-c207-hero__description {
  max-width: 590px;
  margin: 22px 0px 26px;
  color: rgb(219, 231, 241);
  font-size: 16px;
  line-height: 1.8;
}

:where([data-css~="s5c"]) .awwa-c207-hero__specs {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0px 0px 30px;
}

:where([data-css~="s5c"]) .awwa-c207-hero__spec {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

:where([data-css~="s5c"]) .awwa-c207-hero__spec strong {
  color: rgb(255, 255, 255);
  font-size: 23px;
  line-height: 1.2;
  font-weight: 800;
}

:where([data-css~="s5c"]) .awwa-c207-hero__spec span {
  color: rgb(185, 205, 221);
  font-size: 12px;
  line-height: 1.5;
}

:where([data-css~="s5c"]) .awwa-c207-hero__spec-divider {
  width: 1px;
  height: 42px;
  background: rgba(255, 255, 255, 0.25);
}

:where([data-css~="s5c"]) .awwa-c207-hero__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

:where([data-css~="s5c"]) .awwa-c207-hero__btn {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 13px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  transition:
    background 0.2s,
    border-color 0.2s;
}

:where([data-css~="s5c"]) .awwa-c207-hero__btn--primary {
  background: rgb(255, 112, 46);
  color: rgb(255, 255, 255);
}

:where([data-css~="s5c"]) .awwa-c207-hero__btn--primary:hover {
  background: rgb(233, 91, 28);
  color: rgb(255, 255, 255);
}

:where([data-css~="s5c"]) .awwa-c207-hero__btn--secondary {
  border-color: rgba(255, 255, 255, 0.42);
  background: transparent;
  color: rgb(255, 255, 255);
}

:where([data-css~="s5c"]) .awwa-c207-hero__btn--secondary:hover {
  border-color: rgb(255, 122, 54);
  background: rgba(255, 122, 54, 0.08);
  color: rgb(255, 255, 255);
}

:where([data-css~="s5c"]) .awwa-c207-hero__note {
  margin: 22px 0px 0px;
  color: rgb(169, 191, 209);
  font-size: 12px;
  letter-spacing: 0.3px;
}

:where([data-css~="s5c"]) .awwa-c207-hero__visual {
  min-width: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-css~="s5c"]) .awwa-c207-hero__visual img {
  display: block;
  width: 100%;
  max-width: 760px;
  height: auto;
  object-fit: contain;
  background: transparent;
}

@media (max-width: 1000px) {
  :where([data-css~="s5c"]) .awwa-c207-hero {
    padding: 48px 24px;
  }
}

@media (max-width: 1000px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__container {
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
    gap: 22px;
  }
}

@media (max-width: 1000px) {
  :where([data-css~="s5c"]) .awwa-c207-hero h1 {
    font-size: clamp(34px, 4.5vw, 48px);
  }
}

@media (max-width: 1000px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__description {
    font-size: 15px;
  }
}

@media (max-width: 1000px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__specs {
    gap: 14px;
  }
}

@media (max-width: 1000px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__spec strong {
    font-size: 19px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero {
    padding: 38px 18px 32px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__container {
    grid-template-columns: minmax(0px, 1fr);
    gap: 22px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__content {
    text-align: left;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__eyebrow {
    margin-bottom: 14px;
    font-size: 11px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero h1 {
    font-size: clamp(34px, 9vw, 46px);
    line-height: 1.1;
    letter-spacing: -1px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__description {
    margin: 18px 0px 22px;
    font-size: 14px;
    line-height: 1.75;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__specs {
    gap: 18px;
    margin-bottom: 24px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__spec strong {
    font-size: 19px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__spec span {
    font-size: 11px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__actions {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__btn {
    width: 100%;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__visual {
    width: 100%;
    margin-top: 4px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__visual img {
    width: 100%;
    max-width: 540px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__note {
    line-height: 1.6;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__specs {
    gap: 12px;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s5c"]) .awwa-c207-hero__spec strong {
    font-size: 17px;
  }
}

:where([data-css~="s5c"]) .awr-section {
  margin-top: 26px;
}

:where([data-css~="s5c"]) .awr-header {
  text-align: center;
  max-width: 560px;
  margin: 0px auto 24px;
}

:where([data-css~="s5c"]) .awr-header h2 {
  margin: 0px 0px 6px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--aw-text);
}

:where([data-css~="s5c"]) .awr-header p {
  margin: 0px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--aw-muted);
}

:where([data-css~="s5c"]) .awr-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

:where([data-css~="s5c"]) .awr-row {
  display: flex;
  align-items: center;
  gap: 20px;
  box-sizing: border-box;
  padding: 14px 22px 14px 14px;
  background: rgb(255, 255, 255);
  border-left: 4px solid var(--r-a);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px;
  transition:
    transform 0.15s,
    box-shadow 0.15s;
}

:where([data-css~="s5c"]) .awr-row:hover,
:where([data-css~="s5c"]) .awr-row:focus-within {
  transform: translateY(-3px);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 20px;
}

:where([data-css~="s5c"]) .awr-row--b {
  --r-a: var(--aw-class-b);
  --r-d: #0f6f95;
  --r-t: #e3f3fa;
}

:where([data-css~="s5c"]) .awr-row--d {
  --r-a: var(--aw-class-d);
  --r-d: #0e5780;
  --r-t: #e1eef6;
}

:where([data-css~="s5c"]) .awr-row--e {
  --r-a: var(--aw-class-e);
  --r-d: #083f61;
  --r-t: #dce9f1;
}

:where([data-css~="s5c"]) .awr-row--f {
  --r-a: var(--aw-class-f);
  --r-d: #a8430a;
  --r-t: #fdeee3;
}

:where([data-css~="s5c"]) .awr-icon {
  position: relative;
  overflow: hidden;
  flex: 0 0 150px;
  width: 150px;
  height: 112px;
  border-radius: 10px;
  background: var(--r-t);
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-css~="s5c"]) .awr-icon::before {
  content: attr(data-n);
  position: absolute;
  top: 0px;
  left: 10px;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.1;
  color: var(--r-a);
  opacity: 0.16;
}

:where([data-css~="s5c"]) .awr-icon svg {
  position: relative;
  width: 136px;
  height: auto;
}

:where([data-css~="s5c"]) .awr-a {
  fill: var(--r-a);
}

:where([data-css~="s5c"]) .awr-d {
  fill: var(--r-d);
}

:where([data-css~="s5c"]) .awr-t {
  fill: var(--r-t);
}

:where([data-css~="s5c"]) .awr-w {
  fill: rgb(255, 255, 255);
}

:where([data-css~="s5c"]) .awr-text {
  fill: var(--r-d);
  font-family: Poppins, sans-serif;
}

:where([data-css~="s5c"]) .awr-spin {
  animation: 16s linear 0s infinite normal none running awr-spin;
}

:where([data-css~="s5c"]) .awr-drop {
  fill: var(--r-a);
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: 2.4s ease-in-out 0s infinite normal none running awr-drop;
}

:where([data-css~="s5c"]) .awr-fill {
  fill: var(--r-a);
  transform-box: fill-box;
  transform-origin: 0px 50%;
  animation: 3s ease-in-out 0s infinite normal none running awr-fill;
}

:where([data-css~="s5c"]) .awr-row:hover .awr-spin {
  animation-duration: 4s;
}

:where([data-css~="s5c"]) .awr-body {
  flex: 1 1 0%;
  min-width: 0px;
}

:where([data-css~="s5c"]) .awr-title-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 6px;
}

:where([data-css~="s5c"]) .awr-title {
  margin: 0px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--aw-text);
}

:where([data-css~="s5c"]) .awr-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
}

:where([data-css~="s5c"]) .awr-title a:hover,
:where([data-css~="s5c"]) .awr-title a:focus-visible {
  color: var(--r-d);
  text-decoration: underline;
}

:where([data-css~="s5c"]) .awr-title a:focus-visible {
  outline: 2px solid var(--r-a);
  outline-offset: 3px;
  border-radius: 2px;
}

:where([data-css~="s5c"]) .awr-badge {
  padding: 3px 9px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--r-d);
  background: var(--r-t);
  border-radius: 20px;
}

:where([data-css~="s5c"]) .awr-desc {
  margin: 0px 0px 4px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--aw-muted);
}

:where([data-css~="s5c"]) .awr-sub {
  margin: 0px;
  font-size: 12px;
  color: rgb(107, 135, 150);
}

:where([data-css~="s5c"]) .awr-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

:where([data-css~="s5c"]) .awr-tag {
  padding: 4px 11px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--aw-text);
  text-decoration: none;
  background: rgb(255, 255, 255);
  border: 1px solid var(--aw-line);
  border-radius: 4px;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s5c"]) .awr-tag:hover,
:where([data-css~="s5c"]) .awr-tag:focus-visible {
  color: rgb(255, 255, 255);
  background: var(--r-a);
  border-color: var(--r-a);
}

:where([data-css~="s5c"]) .awr-tag:focus-visible {
  outline: 2px solid var(--r-d);
  outline-offset: 3px;
}

:where([data-css~="s5c"]) .awr-cta {
  flex: 0 0 auto;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  color: rgb(199, 90, 20);
  background: rgb(255, 255, 255);
  border: 1px solid var(--aw-blue);
  border-radius: 4px;
  transition:
    background-color 0.2s,
    color 0.2s;
}

:where([data-css~="s5c"]) .awr-cta:hover,
:where([data-css~="s5c"]) .awr-cta:focus-visible {
  color: rgb(255, 255, 255);
  background: var(--aw-blue);
}

:where([data-css~="s5c"]) .awr-cta:focus-visible {
  outline: 2px solid var(--aw-text);
  outline-offset: 3px;
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awr-header h2 {
    font-size: 20px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awr-row {
    flex-wrap: wrap;
    padding: 14px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awr-icon {
    flex: 0 0 100%;
    width: 100%;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awr-body {
    flex: 1 1 100%;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5c"]) .awr-cta {
    flex: 1 1 100%;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s5c"]) .awr-spin,
  :where([data-css~="s5c"]) .awr-drop,
  :where([data-css~="s5c"]) .awr-fill {
    animation: auto ease 0s 1 normal none running none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s5c"]) .awr-row {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s5c"]) .awr-row:hover,
  :where([data-css~="s5c"]) .awr-row:focus-within {
    transform: none;
  }
}

:where([data-css~="s5c"]) .awr-list .awr-icon {
  background: rgb(14, 42, 74);
}

:where([data-css~="s5c"]) .awr-list .awr-icon::before {
  content: none;
}

:where([data-css~="s5c"]) .awr-list .awr-icon img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  object-fit: contain;
  color: rgb(255, 255, 255);
  font-size: 11px;
}

/* PAGE SECTION: /dimensions/bs/index.html | scopes: s5d */
:where([data-css~="s5d"]) .bs10-page {
  --bs10-bg: #f3f8fb;
  --bs10-grid: rgba(30, 60, 90, 0.045);
  --bs10-text: #1c2833;
  --bs10-muted: #5d6d7c;
  --bs10-faint: #8a929a;
  --bs10-line: #c3ced8;
  --bs10-panel-line: #d3dce4;
  --bs10-hero: #1f2c38;
  --bs10-hero-sub: #b5c2ce;
  --bs10-orange: #f26b21;
  --bs10-orange-hover: #ff7d36;
}

:where([data-css~="s5d"]) .bs10-page {
  font-family: Poppins, sans-serif;
  color: var(--bs10-text);
  line-height: 1.5;
  background-color: var(--bs10-bg);
  background-image:
    linear-gradient(var(--bs10-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--bs10-grid) 1px, transparent 1px);
  background-size: 28px 28px;
  padding: 24px 0px 60px;
}

:where([data-css~="s5d"]) .bs10-container {
  max-width: 1000px;
  margin: 0px auto;
  padding: 0px 20px;
}

:where([data-css~="s5d"]) .bs10-hero {
  --bs10-navy: #172633;
  --bs10-orange: #ff7900;
  --bs10-white: #ffffff;
  --bs10-muted: #d5dfe7;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  background: rgb(23, 35, 47);
  font-family: Poppins, Arial, sans-serif;
}

:where([data-css~="s5d"]) .bs10-hero,
:where([data-css~="s5d"]) .bs10-hero * {
  box-sizing: border-box;
}

:where([data-css~="s5d"]) .bs10-hero::before {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: -1;
  pointer-events: none;
  opacity: 0.12;
  background-size: 34px 34px;
}

:where([data-css~="s5d"]) .bs10-hero__container {
  width: min(1240px, 100% - 48px);
  min-height: 408px;
  margin: 0px auto;
  padding: 44px 0px;
  display: grid;
  grid-template-columns: minmax(0px, 0.88fr) minmax(0px, 1.12fr);
  align-items: center;
  gap: 34px;
}

:where([data-css~="s5d"]) .bs10__content {
  position: relative;
  z-index: 2;
  min-width: 0px;
}

:where([data-css~="s5d"]) .bs10-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 19px;
  color: rgb(255, 177, 94);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.15px;
  line-height: 1.7;
}

:where([data-css~="s5d"]) .bs10-hero__accent {
  color: var(--bs10-orange);
  font-size: 15px;
}

:where([data-css~="s5d"]) .bs10-hero h1 {
  margin: 0px;
  color: var(--bs10-white);
  font-size: clamp(32px, 3.2vw, 46px);
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: -1.1px;
}

:where([data-css~="s5d"]) .bs10-hero h1 span {
  display: block;
  color: rgb(255, 157, 54);
}

:where([data-css~="s5d"]) .bs10-hero__description {
  max-width: 480px;
  margin: 18px 0px 20px;
  color: var(--bs10-muted);
  font-size: 13px;
  line-height: 1.9;
}

:where([data-css~="s5d"]) .bs10-hero__stats {
  display: flex;
  align-items: stretch;
  margin: 0px 0px 24px;
}

:where([data-css~="s5d"]) .bs10-hero__stat {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0px;
  padding: 0px 15px;
  border-left: 1px solid rgba(255, 255, 255, 0.24);
}

:where([data-css~="s5d"]) .bs10-hero__stat:first-child {
  padding-left: 0px;
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
}

:where([data-css~="s5d"]) .bs10-hero__stat strong {
  color: rgb(255, 157, 54);
  font-size: clamp(14px, 1.4vw, 19px);
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
}

:where([data-css~="s5d"]) .bs10-hero__stat span {
  color: rgb(208, 219, 228);
  font-size: 10px;
  line-height: 1.5;
}

:where([data-css~="s5d"]) .bs10-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

:where([data-css~="s5d"]) .bs10-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 43px;
  padding: 12px 18px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    transform 0.2s;
}

:where([data-css~="s5d"]) .bs10-hero__button--primary {
  background: var(--bs10-orange);
  border-color: var(--bs10-orange);
  color: rgb(255, 255, 255);
}

:where([data-css~="s5d"]) .bs10-hero__button--primary:hover {
  background: rgb(233, 110, 0);
  border-color: rgb(233, 110, 0);
  color: rgb(255, 255, 255);
  transform: translateY(-2px);
}

:where([data-css~="s5d"]) .bs10-hero__button--secondary {
  background: transparent;
  border-color: rgb(100, 116, 129);
  color: rgb(255, 255, 255);
}

:where([data-css~="s5d"]) .bs10-hero__button--secondary:hover {
  border-color: var(--bs10-orange);
  color: rgb(255, 157, 54);
}

:where([data-css~="s5d"]) .bs10-hero__visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0px;
  min-height: 300px;
}

:where([data-css~="s5d"]) .bs10-hero__image {
  position: relative;
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  object-fit: contain;
  object-position: center center;
}

@media (max-width: 950px) {
  :where([data-css~="s5d"]) .bs10-hero__container {
    width: calc(100% - 40px);
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
    gap: 20px;
    padding: 36px 0px;
  }
}

@media (max-width: 950px) {
  :where([data-css~="s5d"]) .bs10-hero h1 {
    font-size: clamp(29px, 3.6vw, 38px);
  }
}

@media (max-width: 950px) {
  :where([data-css~="s5d"]) .bs10-hero__eyebrow {
    font-size: 9px;
    letter-spacing: 0.7px;
  }
}

@media (max-width: 950px) {
  :where([data-css~="s5d"]) .bs10-hero__description {
    font-size: 12px;
  }
}

@media (max-width: 950px) {
  :where([data-css~="s5d"]) .bs10-hero__stat {
    padding: 0px 9px;
  }
}

@media (max-width: 950px) {
  :where([data-css~="s5d"]) .bs10-hero__stat strong {
    font-size: 13px;
  }
}

@media (max-width: 950px) {
  :where([data-css~="s5d"]) .bs10-hero__stat span {
    font-size: 9px;
  }
}

@media (max-width: 950px) {
  :where([data-css~="s5d"]) .bs10-hero__visual {
    min-height: 250px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s5d"]) .bs10-hero__container {
    width: calc(100% - 36px);
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 34px 0px 28px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s5d"]) .bs10-hero__eyebrow {
    margin-bottom: 14px;
    font-size: 9px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s5d"]) .bs10-hero h1 {
    font-size: clamp(30px, 8vw, 40px);
    letter-spacing: -0.7px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s5d"]) .bs10-hero__description {
    margin: 15px 0px 20px;
    font-size: 12px;
    line-height: 1.8;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s5d"]) .bs10-hero__stats {
    margin-bottom: 22px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s5d"]) .bs10-hero__stat {
    flex: 1 1 0%;
    padding: 0px 10px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s5d"]) .bs10-hero__stat:first-child {
    padding-left: 0px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s5d"]) .bs10-hero__stat strong {
    font-size: clamp(12px, 3.3vw, 17px);
  }
}

@media (max-width: 680px) {
  :where([data-css~="s5d"]) .bs10-hero__stat span {
    font-size: 9px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s5d"]) .bs10-hero__button {
    min-height: 42px;
    padding: 11px 14px;
    font-size: 10px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s5d"]) .bs10-hero__visual {
    min-height: 0px;
  }
}

@media (max-width: 680px) {
  :where([data-css~="s5d"]) .bs10-hero__image {
    width: 100%;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s5d"]) .bs10-hero__container {
    width: calc(100% - 28px);
  }
}

@media (max-width: 380px) {
  :where([data-css~="s5d"]) .bs10-hero__actions {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s5d"]) .bs10-hero__button {
    width: 100%;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s5d"]) .bs10-hero__stat {
    padding: 0px 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s5d"]) .bs10-hero__button {
    transition: none;
  }
}

:where([data-css~="s5d"]) .bs10r-section {
  margin-top: 26px;
}

:where([data-css~="s5d"]) .bs10r-header {
  text-align: center;
  max-width: 560px;
  margin: 0px auto 24px;
}

:where([data-css~="s5d"]) .bs10r-header h2 {
  margin: 0px 0px 6px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--bs10-text);
}

:where([data-css~="s5d"]) .bs10r-header p {
  margin: 0px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--bs10-muted);
}

:where([data-css~="s5d"]) .bs10r-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

:where([data-css~="s5d"]) .bs10r-row {
  display: flex;
  align-items: center;
  gap: 20px;
  box-sizing: border-box;
  padding: 14px 22px 14px 14px;
  background: rgb(255, 255, 255);
  border-left: 4px solid var(--bs10-hero);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px;
  transition:
    transform 0.15s,
    box-shadow 0.15s,
    border-color 0.15s;
}

:where([data-css~="s5d"]) .bs10r-row:hover,
:where([data-css~="s5d"]) .bs10r-row:focus-within {
  transform: translateY(-3px);
  border-left-color: var(--bs10-orange);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 20px;
}

:where([data-css~="s5d"]) .bs10r-icon {
  position: relative;
  overflow: hidden;
  flex: 0 0 150px;
  width: 150px;
  height: 112px;
  border-radius: 10px;
  background: rgb(232, 238, 243);
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-css~="s5d"]) .bs10r-icon::before {
  content: attr(data-n);
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.1;
  color: var(--bs10-hero);
  opacity: 0.12;
}

:where([data-css~="s5d"]) .bs10r-icon svg {
  position: relative;
  width: 136px;
  height: auto;
}

:where([data-css~="s5d"]) .bs10r-letter {
  fill: var(--bs10-orange);
  font-family: Poppins, sans-serif;
}

:where([data-css~="s5d"]) .bs10r-label {
  fill: var(--bs10-hero);
  font-family: Poppins, sans-serif;
}

:where([data-css~="s5d"]) .bs10r-base {
  stroke: var(--bs10-hero);
  stroke-width: 1.5;
}

:where([data-css~="s5d"]) .bs10r-bar {
  fill: var(--bs10-orange);
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: 3s ease-in-out 0s infinite normal none running bs10r-grow;
}

:where([data-css~="s5d"]) .bs10r-bar--2 {
  opacity: 0.65;
  animation-delay: 0.4s;
}

:where([data-css~="s5d"]) .bs10r-spin {
  animation: 16s linear 0s infinite normal none running bs10r-spin;
}

:where([data-css~="s5d"]) .bs10r-row:hover .bs10r-spin {
  animation-duration: 4s;
}

:where([data-css~="s5d"]) .bs10r-body {
  flex: 1 1 0%;
  min-width: 0px;
}

:where([data-css~="s5d"]) .bs10r-title-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 6px;
}

:where([data-css~="s5d"]) .bs10r-title {
  margin: 0px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--bs10-text);
}

:where([data-css~="s5d"]) .bs10r-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
}

:where([data-css~="s5d"]) .bs10r-title a:hover,
:where([data-css~="s5d"]) .bs10r-title a:focus-visible {
  color: var(--bs10-orange);
  text-decoration: underline;
}

:where([data-css~="s5d"]) .bs10r-title a:focus-visible {
  outline: 2px solid var(--bs10-orange);
  outline-offset: 3px;
  border-radius: 2px;
}

:where([data-css~="s5d"]) .bs10r-badge {
  padding: 3px 9px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgb(168, 67, 10);
  background: rgb(255, 241, 232);
  border-radius: 20px;
}

:where([data-css~="s5d"]) .bs10r-desc {
  margin: 0px 0px 4px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--bs10-muted);
}

:where([data-css~="s5d"]) .bs10r-sub {
  margin: 0px;
  font-size: 12px;
  line-height: 1.5;
  color: rgb(109, 122, 134);
}

:where([data-css~="s5d"]) .bs10r-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

:where([data-css~="s5d"]) .bs10r-tag {
  padding: 4px 11px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--bs10-text);
  text-decoration: none;
  background: rgb(255, 255, 255);
  border: 1px solid var(--bs10-line);
  border-radius: 4px;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s5d"]) .bs10r-tag:hover,
:where([data-css~="s5d"]) .bs10r-tag:focus-visible {
  color: rgb(255, 255, 255);
  background: var(--bs10-hero);
  border-color: var(--bs10-hero);
}

:where([data-css~="s5d"]) .bs10r-tag:focus-visible {
  outline: 2px solid var(--bs10-orange);
  outline-offset: 3px;
}

:where([data-css~="s5d"]) .bs10r-cta {
  flex: 0 0 auto;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  color: rgb(199, 90, 20);
  background: rgb(255, 255, 255);
  border: 1px solid var(--bs10-orange);
  border-radius: 4px;
  transition:
    background-color 0.2s,
    color 0.2s;
}

:where([data-css~="s5d"]) .bs10r-cta:hover,
:where([data-css~="s5d"]) .bs10r-cta:focus-visible {
  color: rgb(255, 255, 255);
  background: var(--bs10-orange);
}

:where([data-css~="s5d"]) .bs10r-cta:focus-visible {
  outline: 2px solid var(--bs10-text);
  outline-offset: 3px;
}

@media (max-width: 700px) {
  :where([data-css~="s5d"]) .bs10r-header h2 {
    font-size: 20px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5d"]) .bs10r-row {
    flex-wrap: wrap;
    padding: 14px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5d"]) .bs10r-icon {
    flex: 0 0 100%;
    width: 100%;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5d"]) .bs10r-body {
    flex: 1 1 100%;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s5d"]) .bs10r-cta {
    flex: 1 1 100%;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s5d"]) .bs10r-spin,
  :where([data-css~="s5d"]) .bs10r-bar {
    animation: auto ease 0s 1 normal none running none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s5d"]) .bs10r-row {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s5d"]) .bs10r-row:hover,
  :where([data-css~="s5d"]) .bs10r-row:focus-within {
    transform: none;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4y"]) .e1-card {
    grid-template-columns: 140px minmax(0px, 1fr) auto;
    gap: 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4y"]) .e1-art {
    width: 140px;
    height: 90px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4y"]) .e1-btn {
    min-width: 130px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4y"]) .e1-page {
    padding-bottom: 56px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4y"]) .e1-heading {
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4y"]) .e1-group {
    margin-bottom: 34px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4y"]) .e1-group-title {
    flex-wrap: wrap;
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4y"]) .e1-group-title::after {
    display: none;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4y"]) .e1-list {
    gap: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4y"]) .e1-card {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4y"]) .e1-art {
    width: 100%;
    height: 110px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4y"]) .e1-btn {
    width: 100%;
  }
}

:where([data-css~="s4y"]) .e1-description {
  margin-top: 6px;
  color: rgb(100, 119, 137);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
}

:where([data-css~="s4y"]) .e1-card {
  min-height: 130px;
}

@media (max-width: 900px) {
  :where([data-css~="s4y"]) .e1-description {
    font-size: 11px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4y"]) .e1-card {
    min-height: 0px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4y"]) .e1-description {
    font-size: 12px;
    line-height: 1.6;
  }
}

:where([data-css~="s3l"]) .e1-dimensions-section {
  width: 100%;
  padding: 6px 20px 25px;
  background: rgb(245, 247, 250);
}

:where([data-css~="s3l"]) .e1-dimensions-container {
  width: 100%;
  max-width: 1450px;
  margin: 0px auto;
}

:where([data-css~="s3l"]) .e1-header-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

:where([data-css~="s3l"]) .e1-dimensions-header {
  grid-column: 1;
  text-align: right;
}

:where([data-css~="s3l"]) .e1-dimensions-label {
  display: inline-block;
  margin: 0px;
  text-align: right;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgb(100, 116, 139);
}

:where([data-css~="s3l"]) .e1-unit-selector {
  grid-column: 2;
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 0px;
  text-align: left;
}

:where([data-css~="s3l"]) .e1-unit-btn {
  border: 1px solid rgb(216, 221, 229);
  background: rgb(245, 247, 250);
  color: rgb(75, 85, 99);
  padding: 10px 18px;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.25s;
  flex: 0 0 auto !important;
}

:where([data-css~="s3l"]) .e1-unit-btn:hover {
  background: rgb(233, 237, 242);
  color: rgb(31, 41, 55);
}

:where([data-css~="s3l"]) .e1-unit-btn.active {
  background: rgb(31, 41, 55);
  color: rgb(255, 255, 255);
  border-color: rgb(31, 41, 55);
}

:where([data-css~="s3l"]) .e1-header-spacer {
  grid-column: 3;
  display: block;
}

@media (max-width: 768px) {
  :where([data-css~="s3l"]) .e1-dimensions-section {
    padding: 6px 12px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3l"]) .e1-header-row {
    grid-template-columns: 1fr auto;
    gap: 10px;
    margin-bottom: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3l"]) .e1-dimensions-header {
    grid-column: 1;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3l"]) .e1-dimensions-label {
    font-size: 15px;
    letter-spacing: 1.5px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3l"]) .e1-unit-selector {
    grid-column: 2;
    justify-content: flex-end;
    gap: 0px;
    margin: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3l"]) .e1-unit-btn {
    padding: 9px 14px;
    font-size: 13px;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3l"]) .e1-header-spacer {
    display: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3l"]) .e1-dimensions-section {
    padding: 5px 8px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3l"]) .e1-header-row {
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-bottom: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3l"]) .e1-dimensions-label {
    font-size: 13px;
    letter-spacing: 1px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3l"]) .e1-unit-btn {
    padding: 8px 11px;
    font-size: 12px;
    border-radius: 5px;
  }
}

:where([data-css~="s5e"]) .e1-table-wrapper {
  width: 100%;
  max-width: 100%;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
  overflow: hidden;
}

:where([data-css~="s5e"]) .e1-dimensions-table {
  width: 100%;
  max-width: 100%;
  min-width: 0px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
  color: rgb(15, 41, 66);
}

/* PAGE SECTION: /dimensions/bs-en/en-1092-1/pn-10/integral-flange/index.html | scopes: s5f, s5g, s5p */
:where([data-css~="s5f"]) .e1-table-wrapper {
  width: 100%;
  max-width: 100%;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
  overflow: auto hidden;
}

:where([data-css~="s5g"]) .e1-dimensions-table {
  width: 100%;
  max-width: 100%;
  min-width: 1100px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
  color: rgb(15, 41, 66);
}

/* PAGE SECTION: /dimensions/bs-en/en-1759-1/class-150/plate-flange/index.html | scopes: s5h */
:where([data-css~="s5h"]) .e1-dimensions-table {
  width: 100%;
  max-width: 100%;
  min-width: 0px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
  color: rgb(15, 41, 66);
}

:where([data-css~="s3l"]) .e1-dimensions-table thead {
  background: rgb(15, 41, 66);
}

:where([data-css~="s3l"]) .e1-dimensions-table thead th {
  padding: 11px 6px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  color: rgb(255, 255, 255);
  background: rgb(15, 41, 66);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  white-space: normal;
  overflow-wrap: break-word;
}

:where([data-css~="s5i"]) .e1-dimensions-table th:nth-child(1) {
  width: 7%;
}

:where([data-css~="s5j"]) .e1-dimensions-table th:nth-child(2) {
  width: 14%;
}

:where([data-css~="s5j"]) .e1-dimensions-table th:nth-child(3) {
  width: 15%;
}

:where([data-css~="s5j"]) .e1-dimensions-table th:nth-child(4) {
  width: 15%;
}

:where([data-css~="s5j"]) .e1-dimensions-table th:nth-child(5) {
  width: 13%;
}

:where([data-css~="s5j"]) .e1-dimensions-table th:nth-child(6) {
  width: 13%;
}

/* PAGE SECTION: /dimensions/bs-en/en-1092-1/pn-10/lapped-pipe-end/index.html | scopes: s5k, s5m, s5n */
:where([data-css~="s5k"]) .e1-dimensions-table th:nth-child(1) {
  width: 6%;
}

:where([data-css~="s5k"]) .e1-dimensions-table th:nth-child(2) {
  width: 13%;
}

/* PAGE SECTION: /dimensions/bs-en/en-1759-1/class-150/blank-flange/index.html | scopes: s5l, s5o */
:where([data-css~="s5l"]) .e1-dimensions-table th:nth-child(1) {
  width: 8%;
}

:where([data-css~="s5l"]) .e1-dimensions-table th:nth-child(2) {
  width: 8%;
}

:where([data-css~="s5m"]) .e1-dimensions-table th:nth-child(3) {
  width: 14%;
}

:where([data-css~="s5h"]) .e1-dimensions-table th:nth-child(2) {
  width: 10%;
}

:where([data-css~="s5h"]) .e1-dimensions-table th:nth-child(3) {
  width: 13%;
}

:where([data-css~="s5n"]) .e1-dimensions-table th:nth-child(4) {
  width: 14%;
}

:where([data-css~="s5k"]) .e1-dimensions-table th:nth-child(5) {
  width: 11%;
}

:where([data-css~="s5o"]) .e1-dimensions-table th:nth-child(5) {
  width: 13%;
}

:where([data-css~="s5n"]) .e1-dimensions-table th:nth-child(6) {
  width: 11%;
}

:where([data-css~="s5e"]) .e1-dimensions-table th:nth-child(7) {
  width: 11%;
}

:where([data-css~="s5j"]) .e1-dimensions-table th:nth-child(8) {
  width: 12%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(1) {
  width: 5%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(2) {
  width: 8%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(3) {
  width: 8%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(4) {
  width: 8%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(5) {
  width: 7%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(6) {
  width: 7%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(7) {
  width: 9%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(8) {
  width: 7%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(9) {
  width: 7%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(10) {
  width: 7%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(11) {
  width: 7%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(12) {
  width: 8%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(13) {
  width: 5%;
}

:where([data-css~="s5p"]) .e1-dimensions-table th:nth-child(14) {
  width: 7%;
}

:where([data-css~="s5o"]) .e1-dimensions-table th:nth-child(7) {
  width: 12%;
}

:where([data-css~="s5n"]) .e1-dimensions-table th:nth-child(8) {
  width: 10%;
}

:where([data-css~="s5n"]) .e1-dimensions-table th:nth-child(9) {
  width: 10%;
}

:where([data-css~="s3l"]) .e1-dimensions-table tbody tr {
  background: rgb(255, 255, 255);
  transition: background 0.2s;
}

:where([data-css~="s3l"]) .e1-dimensions-table tbody tr:nth-child(2n) {
  background: rgb(248, 250, 252);
}

:where([data-css~="s3l"]) .e1-dimensions-table tbody tr:hover {
  background: rgb(238, 243, 247);
}

:where([data-css~="s3l"]) .e1-dimensions-table tbody th,
:where([data-css~="s3l"]) .e1-dimensions-table tbody td {
  padding: 9px 5px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  border-right: 1px solid rgb(226, 232, 240);
  border-bottom: 1px solid rgb(226, 232, 240);
  white-space: nowrap;
}

:where([data-css~="s3l"]) .e1-dimensions-table tbody th {
  font-weight: 700;
  color: rgb(15, 41, 66);
  background: rgb(248, 250, 252);
}

:where([data-css~="s3l"]) .e1-dimensions-table tbody td:last-child {
  font-weight: 600;
}

:where([data-css~="s3l"]) .e1-dimensions-table thead th:last-child,
:where([data-css~="s3l"]) .e1-dimensions-table tbody th:last-child,
:where([data-css~="s3l"]) .e1-dimensions-table tbody td:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s3l"]) .e1-dimensions-table tbody tr:last-child th,
:where([data-css~="s3l"]) .e1-dimensions-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s3l"]) .e1-table-note {
  margin-top: 28px;
  text-align: left;
}

:where([data-css~="s3l"]) .e1-table-note-title {
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: rgb(14, 53, 88);
  text-transform: uppercase;
  text-align: left;
}

:where([data-css~="s3l"]) .e1-table-note-content {
  width: 100%;
  margin: 0px;
  text-align: left;
}

:where([data-css~="s3l"]) .e1-table-note-content p {
  margin: 0px 0px 7px;
  font-size: 15px;
  line-height: 1.6;
  color: rgb(51, 65, 85);
  font-weight: 500;
  text-align: left;
}

:where([data-css~="s3l"]) .e1-table-note-content p:last-child {
  margin-bottom: 0px;
}

:where([data-css~="s3l"]) .e1-table-note-content strong {
  color: rgb(14, 53, 88);
  font-weight: 700;
}

:where([data-css~="s3l"]) .e1-table-scroll::-webkit-scrollbar {
  height: 8px;
}

:where([data-css~="s3l"]) .e1-table-scroll::-webkit-scrollbar-track {
  background: rgb(232, 237, 242);
}

:where([data-css~="s3l"]) .e1-table-scroll::-webkit-scrollbar-thumb {
  background: rgb(148, 163, 184);
  border-radius: 10px;
}

:where([data-css~="s3l"]) .e1-table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 116, 139);
}

@media (max-width: 768px) {
  :where([data-css~="s5e"]) .e1-dimensions-section {
    padding: 50px 12px 55px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5e"]) .e1-dimensions-label {
    font-size: 10px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5e"]) .e1-table-wrapper {
    border-radius: 7px;
    overflow: auto hidden;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5e"]) .e1-dimensions-table {
    min-width: 1050px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5e"]) .e1-dimensions-table thead th {
    padding: 14px 10px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5e"]) .e1-dimensions-table tbody th,
  :where([data-css~="s5e"]) .e1-dimensions-table tbody td {
    padding: 13px 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5e"]) .e1-header-row {
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5e"]) .e1-dimensions-header {
    grid-column: 1;
    margin-bottom: 0px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5e"]) .e1-dimensions-label {
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5e"]) .e1-header-spacer {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5e"]) .e1-unit-selector {
    grid-column: 2;
    justify-content: flex-end;
    margin: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5e"]) .e1-dimensions-section {
    padding: 42px 10px 48px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5e"]) .e1-dimensions-header {
    margin-bottom: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5e"]) .e1-dimensions-label {
    font-size: 9px;
    letter-spacing: 1px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5e"]) .e1-unit-btn {
    padding: 8px 11px;
    font-size: 12px;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5f"]) .e1-table-wrapper {
    width: 100%;
    overflow: auto hidden;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5f"]) .e1-dimensions-table {
    min-width: 1250px;
    width: 1250px;
    table-layout: fixed;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5f"]) .e1-dimensions-table thead th {
    padding: 13px 8px;
    font-size: 12px;
    line-height: 1.3;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5f"]) .e1-dimensions-table tbody th,
  :where([data-css~="s5f"]) .e1-dimensions-table tbody td {
    padding: 11px 8px;
    font-size: 12px;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5f"]) .e1-table-note {
    margin-top: 24px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5f"]) .e1-table-note-title {
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 1.2px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5f"]) .e1-table-note-content {
    width: 100%;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5f"]) .e1-table-note-content p {
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 1.55;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5f"]) .e1-table-wrapper::-webkit-scrollbar {
    height: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5f"]) .e1-table-wrapper::-webkit-scrollbar-track {
    background: rgb(232, 237, 242);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5f"]) .e1-table-wrapper::-webkit-scrollbar-thumb {
    background: rgb(148, 163, 184);
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5f"]) .e1-table-wrapper::-webkit-scrollbar-thumb:hover {
    background: rgb(100, 116, 139);
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5f"]) .e1-table-wrapper {
    width: 100%;
    overflow: auto hidden;
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5f"]) .e1-dimensions-table {
    min-width: 1150px;
    width: 1150px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5f"]) .e1-dimensions-table thead th {
    padding: 12px 7px;
    font-size: 11px;
    line-height: 1.25;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5f"]) .e1-dimensions-table tbody th,
  :where([data-css~="s5f"]) .e1-dimensions-table tbody td {
    padding: 10px 7px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5f"]) .e1-table-note {
    margin-top: 20px;
    text-align: left;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5f"]) .e1-table-note-title {
    margin-bottom: 9px;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: left;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5f"]) .e1-table-note-content p {
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5f"]) .e1-table-wrapper::-webkit-scrollbar {
    height: 6px;
  }
}

@media (max-width: 760px) {
  :where([data-css~="s4z"]) .bsx-section {
    padding: 28px 0px 56px;
  }
}

@media (max-width: 760px) {
  :where([data-css~="s4z"]) .bsx-card {
    grid-template-columns: 120px minmax(0px, 1fr);
    gap: 16px;
  }
}

@media (max-width: 760px) {
  :where([data-css~="s4z"]) .bsx-title h3 {
    font-size: 21px;
  }
}

@media (max-width: 760px) {
  :where([data-css~="s4z"]) .bsx-cta {
    justify-content: center;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s4z"]) .bsx-spin,
  :where([data-css~="s4z"]) .bsx-pulse {
    animation: auto ease 0s 1 normal none running none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s4z"]) .bsx-card,
  :where([data-css~="s4z"]) .bsx-chips a,
  :where([data-css~="s4z"]) .bsx-cta {
    transition: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3m"]) .dn-dimensions-section {
    padding: 20px 8px 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3m"]) .dn-unit-selector {
    gap: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3m"]) .dn-unit-btn {
    min-height: 60px;
    padding: 8px 4px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3m"]) .dn-unit-btn span {
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3m"]) .dn-dimensions-label {
    font-size: 12px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3m"]) .dn-dimensions-table {
    min-width: 1050px;
  }
}

:where([data-css~="s45"]) .dn-page {
  position: relative;
  width: 100%;
  min-height: 100vh;
  padding: 26px 0px 80px;
  box-sizing: border-box;
  background-color: rgb(232, 237, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

:where([data-css~="s45"]) .dn-page,
:where([data-css~="s45"]) .dn-page * {
  box-sizing: border-box;
}

:where([data-css~="s45"]) .dn-container {
  width: min(1010px, 100% - 40px);
  margin: 0px auto;
}

:where([data-css~="s45"]) .dn-heading {
  max-width: 700px;
  margin: 0px auto 44px;
  text-align: center;
}

:where([data-css~="s45"]) .dn-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 14px;
  background: rgba(245, 130, 32, 0.12);
  color: rgb(245, 130, 32);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 30px;
}

:where([data-css~="s45"]) .dn-heading h2 {
  margin: 0px 0px 14px;
  color: rgb(14, 53, 88);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s45"]) .dn-heading h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 14px auto 0px;
  background: rgb(245, 130, 32);
  border-radius: 2px;
}

:where([data-css~="s45"]) .dn-heading p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="s45"]) .dn-group {
  margin-bottom: 44px;
}

:where([data-css~="s45"]) .dn-group-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0px 0px 18px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

:where([data-css~="s45"]) .dn-group-title small {
  color: rgb(120, 139, 154);
  font-size: 14px;
  font-weight: 500;
}

:where([data-css~="s45"]) .dn-group-title::after {
  content: "";
  flex: 1 1 0%;
  height: 1px;
  background: rgba(245, 130, 32, 0.45);
  align-self: center;
  order: 3;
}

:where([data-css~="s45"]) .dn-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

:where([data-css~="s45"]) .dn-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 26px;
  padding: 16px 26px 16px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  box-shadow: rgba(14, 53, 88, 0.08) 0px 8px 24px;
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="s45"]) .dn-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(14, 53, 88, 0.13) 0px 14px 32px;
}

:where([data-css~="s45"]) .dn-card:focus-visible {
  outline: rgb(14, 53, 88) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s45"]) .dn-art {
  width: 170px;
  height: 104px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(13, 41, 71);
  border-radius: 10px;
}

:where([data-css~="s45"]) .dn-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:where([data-css~="s45"]) .dn-info h4 {
  margin: 0px 0px 4px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

:where([data-css~="s45"]) .dn-info p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.5;
}

:where([data-css~="s45"]) .dn-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 155px;
  padding: 11px 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  color: rgb(14, 53, 88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition: 0.25s;
}

:where([data-css~="s45"]) .dn-arrow {
  color: rgb(245, 130, 32);
  font-size: 18px;
  transition: transform 0.25s;
}

:where([data-css~="s45"]) .dn-card:hover .dn-btn {
  background: rgb(245, 130, 32);
}

:where([data-css~="s45"]) .dn-card:hover .dn-btn,
:where([data-css~="s45"]) .dn-card:hover .dn-arrow {
  color: rgb(255, 255, 255);
}

:where([data-css~="s45"]) .dn-card:hover .dn-arrow {
  transform: translateX(4px);
}

:where([data-css~="s45"]) .cta-section {
  margin-top: 0px;
}

@media (max-width: 900px) {
  :where([data-css~="s45"]) .dn-card {
    grid-template-columns: 140px minmax(0px, 1fr) auto;
    gap: 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s45"]) .dn-art {
    width: 140px;
    height: 90px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s45"]) .dn-btn {
    min-width: 130px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s45"]) .dn-page {
    padding-bottom: 56px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s45"]) .dn-heading {
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s45"]) .dn-group {
    margin-bottom: 34px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s45"]) .dn-group-title {
    flex-wrap: wrap;
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s45"]) .dn-group-title::after {
    display: none;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s45"]) .dn-list {
    gap: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s45"]) .dn-card {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s45"]) .dn-art {
    width: 100%;
    height: 110px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s45"]) .dn-btn {
    width: 100%;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s50"]) .jis-card {
    grid-template-columns: 140px minmax(0px, 1fr) auto;
    gap: 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s50"]) .jis-art {
    width: 140px;
    height: 90px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s50"]) .jis-btn {
    min-width: 130px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s50"]) .jis-page {
    padding-bottom: 56px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s50"]) .jis-heading {
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s50"]) .jis-group {
    margin-bottom: 34px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s50"]) .jis-group-title {
    flex-wrap: wrap;
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s50"]) .jis-group-title::after {
    display: none;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s50"]) .jis-list {
    gap: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s50"]) .jis-card {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s50"]) .jis-art {
    width: 100%;
    height: 110px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s50"]) .jis-btn {
    width: 100%;
  }
}

:where([data-css~="s50"]) .jis-description {
  margin-top: 6px;
  color: rgb(100, 119, 137);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
}

:where([data-css~="s50"]) .jis-card {
  min-height: 130px;
}

@media (max-width: 900px) {
  :where([data-css~="s50"]) .jis-description {
    font-size: 11px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s50"]) .jis-card {
    min-height: 0px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s50"]) .jis-description {
    font-size: 12px;
    line-height: 1.6;
  }
}

:where([data-css~="s5q"]) .jis-dimensions-section {
  width: 100%;
  padding: 6px 20px 25px;
  background: rgb(245, 247, 250);
}

/* PAGE SECTION: /dimensions/jis/10k-pressure/it-flange/index.html | scopes: s5r */
:where([data-css~="s5r"]) .dimensions-section {
  width: 100%;
  max-width: 100%;
  min-width: 0px;
  overflow-x: clip;
}

:where([data-css~="s5r"]) .jis-table-wrapper {
  width: 100%;
  min-width: 0px;
}

:where([data-css~="s3n"]) .jis-dimensions-container {
  width: 100%;
  max-width: 1450px;
  margin: 0px auto;
}

:where([data-css~="s3n"]) .jis-header-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

:where([data-css~="s3n"]) .jis-dimensions-header {
  grid-column: 1;
  text-align: right;
}

:where([data-css~="s3n"]) .jis-dimensions-label {
  display: inline-block;
  margin: 0px;
  text-align: right;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgb(100, 116, 139);
}

:where([data-css~="s3n"]) .jis-unit-selector {
  grid-column: 2;
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 0px;
  text-align: left;
}

:where([data-css~="s3n"]) .jis-unit-btn {
  border: 1px solid rgb(216, 221, 229);
  background: rgb(245, 247, 250);
  color: rgb(75, 85, 99);
  padding: 10px 18px;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.25s;
  flex: 0 0 auto !important;
}

:where([data-css~="s3n"]) .jis-unit-btn:hover {
  background: rgb(233, 237, 242);
  color: rgb(31, 41, 55);
}

:where([data-css~="s3n"]) .jis-unit-btn.active {
  background: rgb(31, 41, 55);
  color: rgb(255, 255, 255);
  border-color: rgb(31, 41, 55);
}

:where([data-css~="s3n"]) .jis-header-spacer {
  grid-column: 3;
  display: block;
}

:where([data-css~="s5r"]) .dimensions-data-section {
  margin-top: 25px;
  position: relative;
}

:where([data-css~="s5r"]) .dimensions-data-header {
  margin-top: 20px;
  position: relative;
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-dimensions-section {
    padding: 6px 12px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-header-row {
    grid-template-columns: 1fr auto;
    gap: 10px;
    margin-bottom: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-dimensions-header {
    grid-column: 1;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-dimensions-label {
    font-size: 15px;
    letter-spacing: 1.5px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-unit-selector {
    grid-column: 2;
    justify-content: flex-end;
    gap: 0px;
    margin: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-unit-btn {
    padding: 9px 14px;
    font-size: 13px;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-header-spacer {
    display: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-dimensions-section {
    padding: 5px 8px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-header-row {
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-bottom: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-dimensions-label {
    font-size: 13px;
    letter-spacing: 1px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-unit-btn {
    padding: 8px 11px;
    font-size: 12px;
    border-radius: 5px;
  }
}

:where([data-css~="s5q"]) .jis-table-wrapper {
  width: 100%;
  max-width: 100%;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
  overflow: auto hidden;
}

:where([data-css~="s5q"]) .jis-dimensions-table {
  width: 100%;
  max-width: 100%;
  min-width: 1100px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
  color: rgb(15, 41, 66);
}

:where([data-css~="s5r"]) .jis-table-wrapper {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: auto hidden;
  box-sizing: border-box;
}

:where([data-css~="s5r"]) .jis-dimensions-table {
  width: 1600px;
  min-width: 1600px;
  max-width: none;
  table-layout: fixed;
  border-collapse: collapse;
}

:where([data-css~="s3n"]) .jis-dimensions-table thead {
  background: rgb(15, 41, 66);
}

:where([data-css~="s5q"]) .jis-dimensions-table thead th {
  padding: 11px 6px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  color: rgb(255, 255, 255);
  background: rgb(15, 41, 66);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  white-space: normal;
  overflow-wrap: break-word;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(1) {
  width: 5%;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(2) {
  width: 8%;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(3) {
  width: 8%;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(4) {
  width: 8%;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(5) {
  width: 7%;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(6) {
  width: 7%;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(7) {
  width: 9%;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(8) {
  width: 7%;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(9) {
  width: 7%;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(10) {
  width: 7%;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(11) {
  width: 7%;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(12) {
  width: 8%;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(13) {
  width: 5%;
}

:where([data-css~="s5q"]) .jis-dimensions-table th:nth-child(14) {
  width: 7%;
}

:where([data-css~="s5r"]) .jis-dimensions-table {
  width: max-content;
  min-width: 1600px;
  max-width: none;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
  color: rgb(15, 41, 66);
}

:where([data-css~="s5r"]) .jis-dimensions-table thead th {
  padding: 8px 2px;
  text-align: center;
  vertical-align: middle;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.25;
  color: rgb(255, 255, 255);
  background: rgb(15, 41, 66);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  height: auto;
}

:where([data-css~="s5r"]) .jis-dimensions-table thead tr {
  height: auto;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(1) {
  width: 65px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(2) {
  width: 100px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(3) {
  width: 100px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(4) {
  width: 100px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(5) {
  width: 85px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(6) {
  width: 110px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(7) {
  width: 90px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(8) {
  width: 100px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(9) {
  width: 90px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(10) {
  width: 100px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(11) {
  width: 110px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(12) {
  width: 110px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(13) {
  width: 85px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(14) {
  width: 100px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(15) {
  width: 90px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(16) {
  width: 120px;
}

:where([data-css~="s5r"]) .jis-dimensions-table th:nth-child(17) {
  width: 110px;
}

:where([data-css~="s3n"]) .jis-dimensions-table tbody tr {
  background: rgb(255, 255, 255);
  transition: background 0.2s;
}

:where([data-css~="s3n"]) .jis-dimensions-table tbody tr:nth-child(2n) {
  background: rgb(248, 250, 252);
}

:where([data-css~="s3n"]) .jis-dimensions-table tbody tr:hover {
  background: rgb(238, 243, 247);
}

:where([data-css~="s5q"]) .jis-dimensions-table tbody th,
:where([data-css~="s5q"]) .jis-dimensions-table tbody td {
  padding: 9px 5px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  border-right: 1px solid rgb(226, 232, 240);
  border-bottom: 1px solid rgb(226, 232, 240);
  white-space: nowrap;
}

:where([data-css~="s5r"]) .jis-dimensions-table tbody th,
:where([data-css~="s5r"]) .jis-dimensions-table tbody td {
  padding: 7px 2px;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  overflow-wrap: anywhere;
  white-space: normal;
  border-right: 1px solid rgb(226, 232, 240);
  border-bottom: 1px solid rgb(226, 232, 240);
}

:where([data-css~="s3n"]) .jis-dimensions-table tbody th {
  font-weight: 700;
  color: rgb(15, 41, 66);
  background: rgb(248, 250, 252);
}

:where([data-css~="s3n"]) .jis-dimensions-table tbody td:last-child {
  font-weight: 600;
}

:where([data-css~="s3n"]) .jis-dimensions-table thead th:last-child,
:where([data-css~="s3n"]) .jis-dimensions-table tbody th:last-child,
:where([data-css~="s3n"]) .jis-dimensions-table tbody td:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s3n"]) .jis-dimensions-table tbody tr:last-child th,
:where([data-css~="s3n"]) .jis-dimensions-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s3n"]) .jis-table-note {
  margin-top: 28px;
  text-align: left;
}

:where([data-css~="s3n"]) .jis-table-note-title {
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: rgb(14, 53, 88);
  text-transform: uppercase;
  text-align: left;
}

:where([data-css~="s3n"]) .jis-table-note-content {
  width: 100%;
  margin: 0px;
  text-align: left;
}

:where([data-css~="s3n"]) .jis-table-note-content p {
  margin: 0px 0px 7px;
  font-size: 15px;
  line-height: 1.6;
  color: rgb(51, 65, 85);
  font-weight: 500;
  text-align: left;
}

:where([data-css~="s3n"]) .jis-table-note-content p:last-child {
  margin-bottom: 0px;
}

:where([data-css~="s3n"]) .jis-table-note-content strong {
  color: rgb(14, 53, 88);
  font-weight: 700;
}

:where([data-css~="s3n"]) .jis-table-scroll::-webkit-scrollbar {
  height: 8px;
}

:where([data-css~="s3n"]) .jis-table-scroll::-webkit-scrollbar-track {
  background: rgb(232, 237, 242);
}

:where([data-css~="s3n"]) .jis-table-scroll::-webkit-scrollbar-thumb {
  background: rgb(148, 163, 184);
  border-radius: 10px;
}

:where([data-css~="s3n"]) .jis-table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 116, 139);
}

:where([data-css~="s5r"]) .dimensions-unit-bar {
  position: relative;
  z-index: 1;
  margin-top: 24px !important;
}

:where([data-css~="s5r"]) .jis-unit-selector {
  margin-top: 24px !important;
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-table-wrapper {
    width: 100%;
    overflow: auto hidden;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-dimensions-table {
    min-width: 1250px;
    width: 1250px;
    table-layout: fixed;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-dimensions-table thead th {
    padding: 13px 8px;
    font-size: 12px;
    line-height: 1.3;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-dimensions-table tbody th,
  :where([data-css~="s3n"]) .jis-dimensions-table tbody td {
    padding: 11px 8px;
    font-size: 12px;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-table-note {
    margin-top: 24px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-table-note-title {
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 1.2px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-table-note-content {
    width: 100%;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-table-note-content p {
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 1.55;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-table-wrapper::-webkit-scrollbar {
    height: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-table-wrapper::-webkit-scrollbar-track {
    background: rgb(232, 237, 242);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-table-wrapper::-webkit-scrollbar-thumb {
    background: rgb(148, 163, 184);
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3n"]) .jis-table-wrapper::-webkit-scrollbar-thumb:hover {
    background: rgb(100, 116, 139);
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-table-wrapper {
    width: 100%;
    overflow: auto hidden;
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-dimensions-table {
    min-width: 1150px;
    width: 1150px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-dimensions-table thead th {
    padding: 12px 7px;
    font-size: 11px;
    line-height: 1.25;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-dimensions-table tbody th,
  :where([data-css~="s3n"]) .jis-dimensions-table tbody td {
    padding: 10px 7px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-table-note {
    margin-top: 20px;
    text-align: left;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-table-note-title {
    margin-bottom: 9px;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: left;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-table-note-content p {
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3n"]) .jis-table-wrapper::-webkit-scrollbar {
    height: 6px;
  }
}

/* PAGE SECTION: /dimensions/jis/index.html | scopes: s5s */
:where([data-css~="s5s"]) .jis-pressure-section {
  width: 100%;
  padding: 24px 20px;
  background-color: rgb(232, 237, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  box-sizing: border-box;
  font-family: inherit;
  color: rgb(24, 37, 61);
}

:where([data-css~="s5s"]) .jis-pressure-section *,
:where([data-css~="s5s"]) .jis-pressure-section ::before,
:where([data-css~="s5s"]) .jis-pressure-section ::after {
  box-sizing: border-box;
}

:where([data-css~="s5s"]) .jis-pressure-container {
  width: 100%;
  max-width: 1050px;
  margin: 0px auto;
  padding: 28px 0px;
  background: transparent;
}

:where([data-css~="s5s"]) .jis-pressure-heading {
  width: 100%;
  text-align: center;
  margin: 0px 0px 24px;
}

:where([data-css~="s5s"]) .jis-pressure-heading h2 {
  margin: 0px;
  color: rgb(20, 37, 65);
  font-size: 22px;
  line-height: 1.3;
  font-weight: 750;
  letter-spacing: -0.3px;
}

:where([data-css~="s5s"]) .jis-pressure-subtitle {
  margin: 8px 0px 0px;
  color: rgb(93, 112, 142);
  font-size: 12px;
  line-height: 1.6;
}

:where([data-css~="s5s"]) .jis-pressure-note {
  margin: 16px 0px 0px;
  color: rgb(135, 145, 157);
  font-size: 11px;
  line-height: 1.5;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) 115px;
  align-items: center;
  column-gap: 15px;
  width: 100%;
  min-width: 0px;
  margin: 0px 0px 12px;
  padding: 15px;
  background: rgb(255, 255, 255);
  border-width: 1px 1px 1px 3px;
  border-style: solid;
  border-color: rgb(225, 231, 239) rgb(225, 231, 239) rgb(225, 231, 239)
    rgb(255, 107, 24);
  border-image: none;
  border-radius: 11px;
  box-shadow: rgba(20, 37, 65, 0.05) 0px 2px 5px;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-image {
  grid-area: 1 / 1;
  width: 170px;
  min-width: 170px;
  max-width: 170px;
  height: 104px;
  min-height: 104px;
  max-height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  background: rgb(23, 35, 47);
  border-radius: 8px;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0px;
  padding: 0px;
  object-fit: contain;
  object-position: center center;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-content {
  grid-area: 1 / 2;
  display: block;
  width: 100%;
  min-width: 0px;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-title-row {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  margin: 0px 0px 4px;
  padding: 0px;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-title-row h3 {
  display: block;
  margin: 0px;
  padding: 0px;
  color: rgb(20, 37, 65);
  font-size: 20px;
  line-height: 1.35;
  font-weight: 750;
  overflow-wrap: anywhere;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  margin: 0px;
  padding: 4px 9px;
  background: rgb(255, 240, 231);
  color: rgb(217, 80, 10);
  border: 0px;
  border-radius: 20px;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 750;
  white-space: nowrap;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-description {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  color: rgb(83, 105, 135);
  font-size: 12px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-detail {
  display: block;
  width: 100%;
  margin: 4px 0px 0px;
  padding: 0px;
  color: rgb(130, 144, 165);
  font-size: 11px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-types {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
  min-width: 0px;
  margin: 10px 0px 0px;
  padding: 0px;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-type {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  min-height: 35px;
  margin: 0px;
  padding: 5px 10px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(207, 217, 231);
  border-radius: 3px;
  color: rgb(20, 37, 65);
  text-align: center;
  text-decoration: none;
  transition:
    background 0.2s,
    border-color 0.2s;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-type strong {
  display: block;
  margin: 0px;
  padding: 0px;
  color: rgb(20, 37, 65);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 750;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-type span {
  display: block;
  margin: 1px 0px 0px;
  padding: 0px;
  color: rgb(93, 112, 142);
  font-size: 10px;
  line-height: 1.3;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-type:hover {
  background: rgb(255, 248, 243);
  border-color: rgb(255, 107, 24);
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-action {
  grid-area: 1 / 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-width: 0px;
  margin: 0px;
  padding: 0px;
  align-self: center;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-view-btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 29px;
  max-width: 100%;
  margin: 0px;
  padding: 7px 10px;
  color: rgb(227, 84, 13);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(255, 107, 24);
  border-radius: 3px;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
}

:where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-view-btn:hover {
  color: rgb(255, 255, 255);
  background: rgb(255, 107, 24);
}

@media (max-width: 900px) {
  :where([data-css~="s5s"]) .jis-pressure-container {
    max-width: 100%;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-card {
    grid-template-columns: 170px minmax(0px, 1fr);
    gap: 12px 15px;
    align-items: start;
    padding: 15px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-image {
    grid-area: 1 / 1;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-content {
    grid-area: 1 / 2;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-action {
    grid-area: 2 / 2;
    justify-content: flex-start;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-section {
    padding: 16px 10px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-container {
    padding: 20px 0px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-heading {
    margin-bottom: 20px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-heading h2 {
    font-size: 22px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-subtitle {
    font-size: 12px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-note {
    margin-top: 12px;
    font-size: 11px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-card {
    grid-template-columns: minmax(0px, 1fr);
    row-gap: 14px;
    padding: 12px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-image {
    grid-area: 1 / 1;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-content {
    grid-area: 2 / 1;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-title-row h3 {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-description {
    font-size: 12px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-detail {
    font-size: 11px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-types {
    gap: 6px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-type {
    min-width: 70px;
    padding: 5px 8px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s5s"]) .jis-pressure-section .jis-pressure-action {
    grid-area: 3 / 1;
    justify-content: flex-start;
  }
}

:where([data-css~="s3o"]) .mss-dimensions-section {
  width: 100%;
  padding: 6px 20px 25px;
  background: rgb(245, 247, 250);
}

:where([data-css~="s3o"]) .mss-dimensions-container {
  width: 100%;
  max-width: 1450px;
  margin: 0px auto;
}

:where([data-css~="s3o"]) .mss-header-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

:where([data-css~="s3o"]) .mss-header-spacer {
  display: block;
}

:where([data-css~="s3o"]) .mss-dimensions-header {
  text-align: center;
}

:where([data-css~="s3o"]) .mss-dimensions-label {
  display: block;
  margin-bottom: 0px;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgb(100, 116, 139);
}

:where([data-css~="s3o"]) .mss-dimensions-header h2 {
  margin: 0px;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 700;
  color: rgb(15, 41, 66);
}

:where([data-css~="s3o"]) .mss-dimensions-header p {
  margin: 10px 0px 0px;
  font-size: 15px;
  color: rgb(100, 116, 139);
}

:where([data-css~="s3o"]) .mss-unit-selector {
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 12px 0px 0px;
  text-align: left;
}

:where([data-css~="s3o"]) .mss-unit-btn {
  border: 1px solid rgb(216, 221, 229);
  background: rgb(245, 247, 250);
  color: rgb(75, 85, 99);
  padding: 12px 22px;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.25s;
  flex: 0 0 auto !important;
}

:where([data-css~="s3o"]) .mss-unit-btn:hover {
  background: rgb(233, 237, 242);
  color: rgb(31, 41, 55);
}

:where([data-css~="s3o"]) .mss-unit-btn.active {
  background: rgb(31, 41, 55);
  color: rgb(255, 255, 255);
  border-color: rgb(31, 41, 55);
}

:where([data-css~="s3o"]) .mss-unit-btn span {
  font-size: 12px;
  opacity: 0.75;
  margin-left: 3px;
}

:where([data-css~="s3o"]) .mss-unit-btn.active span {
  opacity: 0.85;
}

:where([data-css~="s5t"]) .mss-table-wrapper {
  width: 100%;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
  overflow: hidden;
}

:where([data-css~="s5t"]) .mss-dimensions-table {
  width: 100%;
  min-width: 1250px;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 14px;
  color: rgb(15, 41, 66);
}

/* PAGE SECTION: /dimensions/mss-sp/class-300/weld-neck-flange/index.html | scopes: s5u */
:where([data-css~="s5u"]) .mss-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow: auto hidden;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
}

:where([data-css~="s5u"]) .mss-dimensions-table {
  width: 100%;
  min-width: 1500px;
  border-collapse: collapse;
  table-layout: auto;
  font-size: 14px;
  color: rgb(15, 41, 66);
}

:where([data-css~="s3o"]) .mss-dimensions-table thead {
  background: rgb(15, 41, 66);
}

:where([data-css~="s5t"]) .mss-dimensions-table thead th {
  padding: 11px 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: rgb(255, 255, 255);
  background: rgb(15, 41, 66);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  white-space: nowrap;
}

:where([data-css~="s5u"]) .mss-dimensions-table thead th {
  padding: 11px 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: rgb(255, 255, 255);
  background: rgb(15, 41, 66);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  white-space: normal;
}

:where([data-css~="s3o"]) .mss-dimensions-table thead th:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s3o"]) .mss-dimensions-table tbody tr {
  background: rgb(255, 255, 255);
  transition: background 0.2s;
}

:where([data-css~="s3o"]) .mss-dimensions-table tbody tr:nth-child(2n) {
  background: rgb(248, 250, 252);
}

:where([data-css~="s3o"]) .mss-dimensions-table tbody tr:hover {
  background: rgb(238, 243, 247);
}

:where([data-css~="s3o"]) .mss-dimensions-table tbody th,
:where([data-css~="s3o"]) .mss-dimensions-table tbody td {
  padding: 9px 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  border-right: 1px solid rgb(226, 232, 240);
  border-bottom: 1px solid rgb(226, 232, 240);
  white-space: nowrap;
}

:where([data-css~="s3o"]) .mss-dimensions-table tbody th {
  font-weight: 700;
  color: rgb(15, 41, 66);
  background: rgb(248, 250, 252);
}

:where([data-css~="s3o"]) .mss-dimensions-table tbody td:last-child {
  font-weight: 600;
}

:where([data-css~="s3o"]) .mss-dimensions-table tbody th:last-child,
:where([data-css~="s3o"]) .mss-dimensions-table tbody td:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s3o"]) .mss-dimensions-table tbody tr:last-child th,
:where([data-css~="s3o"]) .mss-dimensions-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s3o"]) .flange-notes {
  width: 100%;
  margin: 0px;
  padding: 25px 0px 30px;
  background: rgb(245, 247, 250);
  color: rgb(34, 34, 34);
  font-family: Poppins, sans-serif;
}

:where([data-css~="s3o"]) .notes-heading {
  margin: 0px 0px 10px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  color: rgb(17, 17, 17);
}

:where([data-css~="s3o"]) .notes-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

:where([data-css~="s3o"]) .notes-content p {
  display: grid;
  grid-template-columns: 30px 1fr;
  margin: 0px;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  color: rgb(34, 34, 34);
}

@media (max-width: 600px) {
  :where([data-css~="s3o"]) .flange-notes {
    padding: 20px 0px 25px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s3o"]) .notes-heading {
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s3o"]) .notes-content p {
    grid-template-columns: 25px 1fr;
    font-size: 14px;
    line-height: 1.5;
  }
}

:where([data-css~="s3o"]) .mss-table-scroll::-webkit-scrollbar {
  height: 8px;
}

:where([data-css~="s3o"]) .mss-table-scroll::-webkit-scrollbar-track {
  background: rgb(232, 237, 242);
}

:where([data-css~="s3o"]) .mss-table-scroll::-webkit-scrollbar-thumb {
  background: rgb(148, 163, 184);
  border-radius: 10px;
}

:where([data-css~="s3o"]) .mss-table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 116, 139);
}

:where([data-css~="s3o"]) .mss-dimensions-table[hidden] {
  display: none !important;
}

@media (max-width: 900px) {
  :where([data-css~="s3o"]) .mss-dimensions-section {
    padding: 60px 15px 65px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3o"]) .mss-dimensions-header {
    margin-bottom: 30px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3o"]) .mss-dimensions-header h2 {
    font-size: 27px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s3o"]) .mss-table-wrapper {
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-dimensions-section {
    padding: 50px 12px 55px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-dimensions-label {
    font-size: 10px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-dimensions-header h2 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-dimensions-header p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-table-wrapper {
    border-radius: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-dimensions-table {
    min-width: 1050px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-dimensions-table thead th {
    padding: 14px 10px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-dimensions-table tbody th,
  :where([data-css~="s3o"]) .mss-dimensions-table tbody td {
    padding: 13px 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-table-note {
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-header-row {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-header-spacer {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3o"]) .mss-unit-selector {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3o"]) .mss-dimensions-section {
    padding: 42px 10px 48px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3o"]) .mss-dimensions-header {
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3o"]) .mss-dimensions-header h2 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3o"]) .mss-dimensions-header p {
    font-size: 13px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s52"]) .mss-card {
    grid-template-columns: 140px minmax(0px, 1fr) auto;
    gap: 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s52"]) .mss-art {
    width: 140px;
    height: 90px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s52"]) .mss-btn {
    min-width: 130px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s52"]) .mss-description {
    font-size: 11px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s52"]) .mss-page {
    padding-bottom: 56px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s52"]) .mss-container {
    width: calc(100% - 28px);
  }
}

@media (max-width: 640px) {
  :where([data-css~="s52"]) .mss-heading {
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s52"]) .mss-list {
    gap: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s52"]) .mss-card {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
    min-height: 0px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s52"]) .mss-art {
    width: 100%;
    height: 110px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s52"]) .mss-info h4 {
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s52"]) .mss-info p {
    font-size: 13px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s52"]) .mss-description {
    font-size: 12px;
    line-height: 1.6;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s52"]) .mss-btn {
    width: 100%;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s52"]) .mss-container {
    width: calc(100% - 24px);
  }
}

@media (max-width: 380px) {
  :where([data-css~="s52"]) .mss-heading h2 {
    font-size: 25px;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s52"]) .mss-heading p {
    font-size: 13px;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s52"]) .mss-card {
    padding: 12px;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s52"]) .mss-info h4 {
    font-size: 16px;
  }
}

@media (max-width: 380px) {
  :where([data-css~="s52"]) .mss-description {
    font-size: 11px;
  }
}

:where([data-css~="s53"]) .mss-hero-art > span {
  margin-top: 25px;
  color: rgb(255, 166, 61);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

:where([data-css~="s53"]) .mss-hero-art > small {
  font-size: 11px;
  margin-top: 4px;
  color: rgb(159, 176, 193);
}

:where([data-css~="s53"]) .mss-pressure-section {
  width: 100%;
  padding: 24px 20px;
  background-color: rgb(232, 237, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  box-sizing: border-box;
  font-family: inherit;
  color: rgb(24, 37, 61);
}

:where([data-css~="s53"]) .mss-pressure-container {
  width: 100%;
  max-width: 1050px;
  margin: 0px auto;
  padding: 28px 0px;
  background: transparent;
}

:where([data-css~="s53"]) .mss-pressure-heading {
  text-align: center;
  margin: 0px auto 24px;
  max-width: 800px;
}

:where([data-css~="s53"]) .mss-pressure-heading h2 {
  font-size: 30px;
  color: rgb(23, 43, 73);
  line-height: 1.25;
  margin-bottom: 8px;
}

:where([data-css~="s53"]) .mss-pressure-heading > p:not(.mss-unit-note) {
  font-size: 14px;
  color: rgb(93, 112, 142);
}

:where([data-css~="s53"]) .mss-pressure-heading .mss-unit-note {
  margin: 12px auto 0px;
}

:where([data-css~="s53"]) .mss-pressure-card {
  display: grid;
  grid-template-columns: 128px minmax(0px, 1fr) 110px;
  align-items: center;
  gap: 12px;
  background: rgb(255, 255, 255);
  border-width: 1px 1px 1px 2px;
  border-style: solid;
  border-color: rgb(220, 228, 237) rgb(220, 228, 237) rgb(220, 228, 237)
    rgb(255, 107, 24);
  border-image: none;
  border-radius: 9px;
  padding: 10px 12px;
  margin: 10px 0px;
  box-shadow: rgba(19, 40, 65, 0.06) 0px 3px 12px;
  transition: 0.2s;
}

:where([data-css~="s53"]) .mss-pressure-card:hover {
  border-color: rgb(255, 177, 126) rgb(255, 177, 126) rgb(255, 177, 126)
    rgb(255, 107, 24);
  box-shadow: rgba(19, 40, 65, 0.09) 0px 5px 16px;
}

:where([data-css~="s53"]) .mss-card-drawing {
  width: 128px;
  height: 78px;
  background: rgb(23, 38, 51);
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

:where([data-css~="s53"]) .mss-card-drawing img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  padding: 5px;
}

:where([data-css~="s53"]) .mss-card-content {
  min-width: 0px;
}

:where([data-css~="s53"]) .mss-card-title {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

:where([data-css~="s53"]) .mss-card-title h3 {
  font-size: 17px;
  color: rgb(23, 43, 73);
  line-height: 1.25;
  margin: 0px;
}

:where([data-css~="s53"]) .mss-class-badge {
  border-radius: 20px;
  padding: 4px 8px;
  background: rgb(255, 240, 232);
  color: rgb(216, 75, 0);
  font-size: 9px;
  font-weight: 700;
  white-space: nowrap;
}

:where([data-css~="s53"]) .mss-card-content > p {
  font-size: 11px;
  line-height: 1.5;
  color: rgb(83, 107, 137);
  margin: 6px 0px 8px;
}

:where([data-css~="s53"]) .mss-type-list {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

:where([data-css~="s53"]) .mss-type-list span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  min-height: 32px;
  padding: 4px 7px;
  border: 1px solid rgb(207, 217, 231);
  border-radius: 2px;
  text-align: center;
  color: rgb(93, 112, 142);
  font-size: 9px;
  line-height: 1.3;
}

:where([data-css~="s53"]) .mss-type-list b {
  color: rgb(20, 37, 65);
  font-size: 10px;
  margin-bottom: 1px;
}

:where([data-css~="s53"]) .mss-card-action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

:where([data-css~="s53"]) .mss-view-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 6px 9px;
  border: 1px solid rgb(255, 107, 24);
  border-radius: 2px;
  color: rgb(227, 84, 13);
  font-size: 9px;
  font-weight: 600;
  white-space: nowrap;
  transition: 0.2s;
}

:where([data-css~="s53"]) .mss-view-button:hover {
  background: rgb(255, 107, 24);
  color: rgb(255, 255, 255);
}

@media (max-width: 768px) {
  :where([data-css~="s53"]) .mss-pressure-card {
    grid-template-columns: 105px minmax(0px, 1fr);
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s53"]) .mss-card-drawing {
    width: 105px;
    height: 75px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s53"]) .mss-card-action {
    grid-column: 2;
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s53"]) .mss-pressure-section {
    padding: 25px 12px 40px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s53"]) .mss-pressure-card {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s53"]) .mss-card-drawing {
    width: 100%;
    height: 125px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s53"]) .mss-card-title h3 {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s53"]) .mss-card-action {
    grid-column: auto;
    justify-content: flex-start;
  }
}

:where([data-css~="s53"]) .mss-type-list {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

:where([data-css~="s53"]) .mss-type-list span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  min-height: 42px;
  padding: 5px 9px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(207, 217, 231);
  border-radius: 3px;
  color: rgb(93, 112, 142);
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
}

:where([data-css~="s53"]) .mss-type-list span b {
  color: rgb(20, 37, 65);
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 2px;
}

:where([data-css~="s53"]) .mss-type-list span:hover {
  background: rgb(16, 43, 80);
  border-color: rgb(16, 43, 80);
  color: rgb(255, 255, 255);
}

:where([data-css~="s53"]) .mss-type-list span:hover b {
  color: rgb(255, 255, 255);
}

:where([data-css~="s53"]) .mss-type-list {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

:where([data-css~="s53"]) .mss-type-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  min-height: 42px;
  padding: 5px 9px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(207, 217, 231);
  border-radius: 3px;
  color: rgb(93, 112, 142);
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: 0.2s;
}

:where([data-css~="s53"]) .mss-type-link b {
  color: rgb(20, 37, 65);
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 2px;
}

:where([data-css~="s53"]) .mss-type-link small {
  color: rgb(93, 112, 142);
  font-size: 10px;
}

:where([data-css~="s53"]) .mss-type-link:hover {
  background: rgb(16, 43, 80);
  border-color: rgb(16, 43, 80);
  color: rgb(255, 255, 255);
}

:where([data-css~="s53"]) .mss-type-link:hover b,
:where([data-css~="s53"]) .mss-type-link:hover small {
  color: rgb(255, 255, 255);
}

:where([data-css~="s53"]) .mss-type-link:focus-visible {
  outline: rgb(255, 107, 24) solid 2px;
  outline-offset: 3px;
}

:where([data-css~="s3p"]) .sans-dimensions-section {
  width: 100%;
  padding: 6px 20px 25px;
  background: rgb(245, 247, 250);
}

:where([data-css~="s3p"]) .sans-dimensions-container {
  width: 100%;
  max-width: 1450px;
  margin: 0px auto;
}

:where([data-css~="s3p"]) .sans-header-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

:where([data-css~="s3p"]) .sans-dimensions-header {
  grid-column: 1;
  text-align: right;
}

:where([data-css~="s3p"]) .sans-dimensions-label {
  display: inline-block;
  margin: 0px;
  text-align: right;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgb(100, 116, 139);
}

:where([data-css~="s3p"]) .sans-unit-selector {
  grid-column: 2;
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 0px;
  text-align: left;
}

:where([data-css~="s3p"]) .sans-unit-btn {
  border: 1px solid rgb(216, 221, 229);
  background: rgb(245, 247, 250);
  color: rgb(75, 85, 99);
  padding: 10px 18px;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.25s;
  flex: 0 0 auto !important;
}

:where([data-css~="s3p"]) .sans-unit-btn:hover {
  background: rgb(233, 237, 242);
  color: rgb(31, 41, 55);
}

:where([data-css~="s3p"]) .sans-unit-btn.active {
  background: rgb(31, 41, 55);
  color: rgb(255, 255, 255);
  border-color: rgb(31, 41, 55);
}

:where([data-css~="s3p"]) .sans-header-spacer {
  grid-column: 3;
  display: block;
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-dimensions-section {
    padding: 6px 12px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-header-row {
    grid-template-columns: 1fr auto;
    gap: 10px;
    margin-bottom: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-dimensions-header {
    grid-column: 1;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-dimensions-label {
    font-size: 15px;
    letter-spacing: 1.5px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-unit-selector {
    grid-column: 2;
    justify-content: flex-end;
    gap: 0px;
    margin: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-unit-btn {
    padding: 9px 14px;
    font-size: 13px;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-header-spacer {
    display: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-dimensions-section {
    padding: 5px 8px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-header-row {
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-bottom: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-dimensions-label {
    font-size: 13px;
    letter-spacing: 1px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-unit-btn {
    padding: 8px 11px;
    font-size: 12px;
    border-radius: 5px;
  }
}

:where([data-css~="s3p"]) .sans-table-wrapper {
  width: 100%;
  max-width: 100%;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(216, 224, 232);
  border-radius: 10px;
  box-shadow: rgba(15, 41, 66, 0.06) 0px 8px 25px;
  overflow: auto hidden;
}

:where([data-css~="s3p"]) .sans-dimensions-table {
  width: 100%;
  max-width: 100%;
  min-width: 1100px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
  color: rgb(15, 41, 66);
}

:where([data-css~="s3p"]) .sans-dimensions-table thead {
  background: rgb(15, 41, 66);
}

:where([data-css~="s3p"]) .sans-dimensions-table thead th {
  padding: 11px 6px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  color: rgb(255, 255, 255);
  background: rgb(15, 41, 66);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  white-space: normal;
  overflow-wrap: break-word;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(1) {
  width: 5%;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(2) {
  width: 8%;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(3) {
  width: 8%;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(4) {
  width: 8%;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(5) {
  width: 7%;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(6) {
  width: 7%;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(7) {
  width: 9%;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(8) {
  width: 7%;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(9) {
  width: 7%;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(10) {
  width: 7%;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(11) {
  width: 7%;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(12) {
  width: 8%;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(13) {
  width: 5%;
}

:where([data-css~="s3p"]) .sans-dimensions-table th:nth-child(14) {
  width: 7%;
}

:where([data-css~="s3p"]) .sans-dimensions-table tbody tr {
  background: rgb(255, 255, 255);
  transition: background 0.2s;
}

:where([data-css~="s3p"]) .sans-dimensions-table tbody tr:nth-child(2n) {
  background: rgb(248, 250, 252);
}

:where([data-css~="s3p"]) .sans-dimensions-table tbody tr:hover {
  background: rgb(238, 243, 247);
}

:where([data-css~="s3p"]) .sans-dimensions-table tbody th,
:where([data-css~="s3p"]) .sans-dimensions-table tbody td {
  padding: 9px 5px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  border-right: 1px solid rgb(226, 232, 240);
  border-bottom: 1px solid rgb(226, 232, 240);
  white-space: nowrap;
}

:where([data-css~="s3p"]) .sans-dimensions-table tbody th {
  font-weight: 700;
  color: rgb(15, 41, 66);
  background: rgb(248, 250, 252);
}

:where([data-css~="s3p"]) .sans-dimensions-table tbody td:last-child {
  font-weight: 600;
}

:where([data-css~="s3p"]) .sans-dimensions-table thead th:last-child,
:where([data-css~="s3p"]) .sans-dimensions-table tbody th:last-child,
:where([data-css~="s3p"]) .sans-dimensions-table tbody td:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s3p"]) .sans-dimensions-table tbody tr:last-child th,
:where([data-css~="s3p"]) .sans-dimensions-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s3p"]) .sans-table-note {
  margin-top: 28px;
  text-align: left;
}

:where([data-css~="s3p"]) .sans-table-note-title {
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: rgb(14, 53, 88);
  text-transform: uppercase;
  text-align: left;
}

:where([data-css~="s3p"]) .sans-table-note-content {
  width: 100%;
  margin: 0px;
  text-align: left;
}

:where([data-css~="s3p"]) .sans-table-note-content p {
  margin: 0px 0px 7px;
  font-size: 15px;
  line-height: 1.6;
  color: rgb(51, 65, 85);
  font-weight: 500;
  text-align: left;
}

:where([data-css~="s3p"]) .sans-table-note-content p:last-child {
  margin-bottom: 0px;
}

:where([data-css~="s3p"]) .sans-table-note-content strong {
  color: rgb(14, 53, 88);
  font-weight: 700;
}

:where([data-css~="s3p"]) .sans-table-scroll::-webkit-scrollbar {
  height: 8px;
}

:where([data-css~="s3p"]) .sans-table-scroll::-webkit-scrollbar-track {
  background: rgb(232, 237, 242);
}

:where([data-css~="s3p"]) .sans-table-scroll::-webkit-scrollbar-thumb {
  background: rgb(148, 163, 184);
  border-radius: 10px;
}

:where([data-css~="s3p"]) .sans-table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 116, 139);
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-table-wrapper {
    width: 100%;
    overflow: auto hidden;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-dimensions-table {
    min-width: 1250px;
    width: 1250px;
    table-layout: fixed;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-dimensions-table thead th {
    padding: 13px 8px;
    font-size: 12px;
    line-height: 1.3;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-dimensions-table tbody th,
  :where([data-css~="s3p"]) .sans-dimensions-table tbody td {
    padding: 11px 8px;
    font-size: 12px;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-table-note {
    margin-top: 24px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-table-note-title {
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 1.2px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-table-note-content {
    width: 100%;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-table-note-content p {
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 1.55;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-table-wrapper::-webkit-scrollbar {
    height: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-table-wrapper::-webkit-scrollbar-track {
    background: rgb(232, 237, 242);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-table-wrapper::-webkit-scrollbar-thumb {
    background: rgb(148, 163, 184);
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s3p"]) .sans-table-wrapper::-webkit-scrollbar-thumb:hover {
    background: rgb(100, 116, 139);
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-table-wrapper {
    width: 100%;
    overflow: auto hidden;
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-dimensions-table {
    min-width: 1150px;
    width: 1150px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-dimensions-table thead th {
    padding: 12px 7px;
    font-size: 11px;
    line-height: 1.25;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-dimensions-table tbody th,
  :where([data-css~="s3p"]) .sans-dimensions-table tbody td {
    padding: 10px 7px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-table-note {
    margin-top: 20px;
    text-align: left;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-table-note-title {
    margin-bottom: 9px;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: left;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-table-note-content p {
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s3p"]) .sans-table-wrapper::-webkit-scrollbar {
    height: 6px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s54"]) .sans-card {
    grid-template-columns: 140px minmax(0px, 1fr) auto;
    gap: 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s54"]) .sans-art {
    width: 140px;
    height: 90px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s54"]) .sans-btn {
    min-width: 130px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s54"]) .sans-page {
    padding-bottom: 56px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s54"]) .sans-heading {
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s54"]) .sans-group {
    margin-bottom: 34px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s54"]) .sans-group-title {
    flex-wrap: wrap;
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s54"]) .sans-group-title::after {
    display: none;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s54"]) .sans-list {
    gap: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s54"]) .sans-card {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s54"]) .sans-art {
    width: 100%;
    height: 110px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s54"]) .sans-btn {
    width: 100%;
  }
}

:where([data-css~="s54"]) .sans-description {
  margin-top: 6px;
  color: rgb(100, 119, 137);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
}

:where([data-css~="s54"]) .sans-card {
  min-height: 130px;
}

@media (max-width: 900px) {
  :where([data-css~="s54"]) .sans-description {
    font-size: 11px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s54"]) .sans-card {
    min-height: 0px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s54"]) .sans-description {
    font-size: 12px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s47"]) .product-hero .product-stats strong {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s47"]) .product-hero .product-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s47"]) .product-hero .product-button {
    width: 100%;
  }
}

:where([data-css~="s47"]) .sans-pressure-section {
  width: 100%;
  padding: 24px 20px;
  background-color: rgb(232, 237, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  box-sizing: border-box;
  font-family: inherit;
  color: rgb(24, 37, 61);
}

:where([data-css~="s47"]) .sans-pressure-section,
:where([data-css~="s47"]) .sans-pressure-section *,
:where([data-css~="s47"]) .sans-pressure-section ::before,
:where([data-css~="s47"]) .sans-pressure-section ::after {
  box-sizing: border-box;
}

:where([data-css~="s47"]) .sans-pressure-container {
  width: 100%;
  max-width: 1050px;
  margin: 0px auto;
  padding: 28px 0px;
  background: transparent;
}

:where([data-css~="s47"]) .sans-pressure-heading {
  width: 100%;
  text-align: center;
  margin: 0px 0px 24px;
}

:where([data-css~="s47"]) .sans-pressure-heading h2 {
  margin: 0px;
  color: rgb(20, 37, 65);
  font-size: 22px;
  line-height: 1.3;
  font-weight: 750;
  letter-spacing: -0.3px;
}

:where([data-css~="s47"]) .sans-pressure-subtitle {
  margin: 8px 0px 0px;
  color: rgb(93, 112, 142);
  font-size: 12px;
  line-height: 1.6;
}

:where([data-css~="s47"]) .sans-pressure-note {
  margin: 16px 0px 0px;
  color: rgb(135, 145, 157);
  font-size: 11px;
  line-height: 1.5;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) 115px;
  align-items: center;
  column-gap: 15px;
  width: 100%;
  min-width: 0px;
  margin: 0px 0px 12px;
  padding: 15px;
  background: rgb(255, 255, 255);
  border-width: 1px 1px 1px 3px;
  border-style: solid;
  border-color: rgb(225, 231, 239) rgb(225, 231, 239) rgb(225, 231, 239)
    rgb(255, 107, 24);
  border-image: none;
  border-radius: 11px;
  box-shadow: rgba(20, 37, 65, 0.05) 0px 2px 5px;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-image {
  grid-area: 1 / 1;
  width: 170px;
  min-width: 170px;
  max-width: 170px;
  height: 104px;
  min-height: 104px;
  max-height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  background: rgb(23, 35, 47);
  border-radius: 8px;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0px;
  padding: 0px;
  object-fit: contain;
  object-position: center center;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-content {
  grid-area: 1 / 2;
  display: block;
  width: 100%;
  min-width: 0px;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-title-row {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  margin: 0px 0px 4px;
  padding: 0px;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-title-row h3 {
  display: block;
  margin: 0px;
  padding: 0px;
  color: rgb(20, 37, 65);
  font-size: 20px;
  line-height: 1.35;
  font-weight: 750;
  overflow-wrap: anywhere;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  margin: 0px;
  padding: 4px 9px;
  background: rgb(255, 240, 231);
  color: rgb(217, 80, 10);
  border: 0px;
  border-radius: 20px;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 750;
  white-space: nowrap;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-description {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  color: rgb(83, 105, 135);
  font-size: 12px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-detail {
  display: block;
  width: 100%;
  margin: 4px 0px 0px;
  padding: 0px;
  color: rgb(130, 144, 165);
  font-size: 11px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-types {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
  min-width: 0px;
  margin: 10px 0px 0px;
  padding: 0px;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-type {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  min-height: 35px;
  margin: 0px;
  padding: 5px 10px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(207, 217, 231);
  border-radius: 3px;
  color: rgb(20, 37, 65);
  text-align: center;
  text-decoration: none;
  transition:
    background 0.2s,
    border-color 0.2s;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-type strong {
  display: block;
  margin: 0px;
  padding: 0px;
  color: rgb(20, 37, 65);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 750;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-type span,
:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-type small {
  display: block;
  margin: 1px 0px 0px;
  padding: 0px;
  color: rgb(93, 112, 142);
  font-size: 10px;
  line-height: 1.3;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-type:hover {
  background: rgb(255, 248, 243);
  border-color: rgb(255, 107, 24);
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-action {
  grid-area: 1 / 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-width: 0px;
  margin: 0px;
  padding: 0px;
  align-self: center;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-view-btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 29px;
  max-width: 100%;
  margin: 0px;
  padding: 7px 10px;
  color: rgb(227, 84, 13);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(255, 107, 24);
  border-radius: 3px;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
}

:where([data-css~="s47"]) .sans-pressure-section .sans-pressure-view-btn:hover {
  color: rgb(255, 255, 255);
  background: rgb(255, 107, 24);
}

:where([data-css~="s47"]) .sans-pressure-card {
  display: grid;
  grid-template-columns: 204px minmax(0px, 1fr) 135px;
  align-items: center;
  gap: 18px;
}

:where([data-css~="s47"]) .sans-pressure-image {
  width: 100%;
  min-width: 0px;
}

:where([data-css~="s47"]) .sans-pressure-image img {
  display: block;
  width: 100%;
  height: 125px;
  object-fit: contain;
}

:where([data-css~="s47"]) .sans-pressure-content {
  min-width: 0px;
}

:where([data-css~="s47"]) .sans-pressure-types {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

:where([data-css~="s47"]) .sans-pressure-type {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

:where([data-css~="s47"]) .sans-pressure-action {
  display: flex;
  justify-content: center;
  align-items: center;
}

:where([data-css~="s47"]) .sans-pressure-view-btn {
  white-space: nowrap;
}

@media (max-width: 700px) {
  :where([data-css~="s47"]) .sans-pressure-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s47"]) .sans-pressure-image {
    max-width: 204px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="s47"]) .sans-pressure-action {
    justify-content: flex-start;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s47"]) .sans-pressure-container {
    max-width: 100%;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s47"]) .sans-pressure-section .sans-pressure-card {
    grid-template-columns: 170px minmax(0px, 1fr);
    gap: 12px 15px;
    align-items: start;
    padding: 15px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s47"]) .sans-pressure-section .sans-pressure-image {
    grid-area: 1 / 1;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s47"]) .sans-pressure-section .sans-pressure-content {
    grid-area: 1 / 2;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s47"]) .sans-pressure-section .sans-pressure-action {
    grid-area: 2 / 2;
    justify-content: flex-start;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-section {
    padding: 16px 10px;
    background-attachment: scroll;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-container {
    padding: 20px 0px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-heading {
    margin-bottom: 20px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-heading h2 {
    font-size: 22px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-subtitle {
    font-size: 12px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-note {
    margin-top: 12px;
    font-size: 11px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-section .sans-pressure-card {
    grid-template-columns: minmax(0px, 1fr);
    row-gap: 14px;
    padding: 12px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-section .sans-pressure-image {
    grid-area: 1 / 1;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-section .sans-pressure-content {
    grid-area: 2 / 1;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-section .sans-pressure-title-row h3 {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-section .sans-pressure-description {
    font-size: 12px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-section .sans-pressure-detail {
    font-size: 11px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-section .sans-pressure-types {
    gap: 6px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-section .sans-pressure-type {
    min-width: 70px;
    padding: 5px 8px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s47"]) .sans-pressure-section .sans-pressure-action {
    grid-area: 3 / 1;
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5v"]) .logo img {
    width: 145px;
    height: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5v"]) .header-right {
    order: 2;
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5v"]) .contact-btn,
  :where([data-css~="s5v"]) .quote-btn {
    display: none !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5v"]) .search-btn {
    width: 42px;
    height: 42px;
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sj"]) .menu-toggle {
    display: none;
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    font-size: 26px;
    color: rgb(17, 17, 17);
    cursor: pointer;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sj"]) .menu-toggle {
    display: none;
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .top-bar {
      height: auto;
      padding: 8px 0px;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .top-bar-container {
      height: auto;
      flex-direction: column;
      gap: 5px;
      text-align: center;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .top-left,
    :where([data-css~="sj"]) .top-right {
      width: 100%;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px 18px;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .top-left a,
    :where([data-css~="sj"]) .top-right a {
      font-size: 12px;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .header-container {
      position: relative;
      width: 92%;
      min-height: 95px;
      height: 95px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 0px;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .logo {
      flex: 0 0 auto;
      margin-left: 0px;
      margin-right: auto;
      order: 1;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .logo img {
      width: 170px;
      height: auto;
      display: block;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .navbar {
      display: none;
      order: 3;
      position: absolute;
      top: 78px;
      left: 0px;
      width: 100%;
      background: rgb(255, 255, 255);
      margin-left: 0px;
      z-index: 9999;
      box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px;
      max-height: calc(-78px + 100vh);
      overflow-y: auto;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .navbar.active {
      display: block;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .header .navbar > ul {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0px;
      width: 100%;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .header .navbar > ul > li {
      width: 100%;
      border-bottom: 1px solid rgb(236, 236, 236);
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .header .navbar > ul > li > a {
      width: 100%;
      padding: 15px 20px;
      display: flex;
      justify-content: space-between;
      font-size: 16px;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .dropdown-menu {
      position: static;
      width: 100%;
      min-width: 0px;
      display: none;
      padding: 0px;
      box-shadow: none;
      border-radius: 0px;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .dropdown.active .dropdown-menu {
      display: block;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .dropdown-menu li a {
      padding: 13px 35px;
      font-size: 15px;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .dropdown.active > .dimensions-dropdown-menu {
      display: block !important;
      position: static !important;
      grid-template-columns: 1fr !important;
      width: 100% !important;
      min-width: 0px !important;
      transform: none !important;
      left: auto !important;
      padding: 10px 0px !important;
      box-shadow: none !important;
      gap: 0px !important;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"])
      .nav-menu
      > li.dropdown
      > .dimensions-dropdown-menu
      li
      a {
      padding: 12px 20px !important;
      white-space: normal !important;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .header-right {
      display: none !important;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 768px) {
    :where([data-css~="sj"]) .menu-toggle {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: auto;
      width: 48px;
      height: 48px;
      padding: 0px;
      background: rgb(255, 255, 255);
      border: 1px solid rgb(255, 107, 0);
      border-radius: 8px;
      color: rgb(255, 107, 0);
      font-size: 27px;
      cursor: pointer;
      flex: 0 0 auto;
      order: 2;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 480px) {
    :where([data-css~="sj"]) .header-container {
      width: 94%;
      height: 85px;
      min-height: 85px;
      gap: 0px;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 480px) {
    :where([data-css~="sj"]) .logo {
      margin-left: 0px;
      margin-right: auto;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 480px) {
    :where([data-css~="sj"]) .logo img {
      width: 145px;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 480px) {
    :where([data-css~="sj"]) .navbar {
      top: 85px;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 480px) {
    :where([data-css~="sj"]) .menu-toggle {
      width: 44px;
      height: 44px;
      font-size: 25px;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 480px) {
    :where([data-css~="sj"]) .header .navbar > ul > li > a {
      padding: 14px 18px;
      font-size: 15px;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 480px) {
    :where([data-css~="sj"]) .dropdown-menu li a {
      padding: 12px 32px;
      font-size: 14px;
    }
  }
}

@media (max-width: 768px) {
  @media screen and (max-width: 480px) {
    @media (max-width: 480px) {
      :where([data-css~="sj"]) .dimensions-dropdown-menu li a {
        padding: 10px 16px !important;
        font-size: 14px !important;
      }
    }
  }
}

/* PAGE SECTION: /materials/index.html | scopes: s5w */
:where([data-css~="s5w"]) .materials-hero .product-hero-image img {
  max-width: 560px;
  transform: none;
  border-radius: 14px;
}

:where([data-css~="s5w"]) .materials-hero h1 span {
  color: rgb(242, 165, 69);
}

:where([data-css~="s5w"]) .materials-intro {
  padding: 95px 0px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s5w"]) .materials-intro h2,
:where([data-css~="s5w"]) .materials-support h2 {
  max-width: 760px;
  color: rgb(15, 34, 53);
  font-size: 48px;
  line-height: 1.16;
  margin-bottom: 22px;
}

:where([data-css~="s5w"]) .materials-intro .section-description {
  max-width: 860px;
}

:where([data-css~="s5w"]) .materials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  margin-top: 50px;
}

:where([data-css~="s5w"]) .material-card {
  overflow: hidden;
  border: 1px solid rgb(14, 53, 88);
  border-radius: 10px;
  background: rgb(255, 255, 255);
  color: rgb(25, 43, 58);
  transition:
    transform 0.3s,
    box-shadow 0.3s;
}

:where([data-css~="s5w"]) .material-card:hover {
  transform: translateY(-8px);
  border-color: rgb(14, 53, 88);
  box-shadow: rgba(13, 35, 53, 0.12) 0px 18px 35px;
}

:where([data-css~="s5w"]) .material-card img {
  width: 100%;
  height: 210px;
  object-fit: cover;
}

:where([data-css~="s5w"]) .material-card > div {
  padding: 24px 25px 27px;
}

:where([data-css~="s5w"]) .material-index {
  color: rgb(233, 123, 18);
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

:where([data-css~="s5w"]) .material-card h3 {
  color: rgb(15, 34, 53);
  font-size: 23px;
  line-height: 1.3;
  margin-bottom: 10px;
}

:where([data-css~="s5w"]) .material-card p {
  color: rgb(102, 114, 125);
  font-size: 15px;
  line-height: 1.7;
  min-height: 77px;
  margin-bottom: 19px;
}

:where([data-css~="s5w"]) .material-link {
  color: rgb(233, 123, 18);
  font-size: 14px;
  font-weight: 700;
}

:where([data-css~="s5w"]) .material-link i {
  margin-left: 6px;
  transition: transform 0.25s;
}

:where([data-css~="s5w"]) .material-card:hover .material-link i {
  transform: translateX(5px);
}

:where([data-css~="s5w"]) .materials-support {
  background: rgb(244, 246, 247);
  padding: 88px 0px;
}

:where([data-css~="s5w"]) .materials-support-grid {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(380px, 0.9fr);
  align-items: center;
  gap: 90px;
}

:where([data-css~="s5w"]) .materials-support p {
  color: rgb(104, 115, 124);
  font-size: 18px;
  line-height: 1.85;
  max-width: 650px;
}

:where([data-css~="s5w"]) .support-list {
  display: grid;
  gap: 22px;
}

:where([data-css~="s5w"]) .support-list li {
  display: flex;
  align-items: flex-start;
  gap: 17px;
  background: rgb(255, 255, 255);
  border-left: 3px solid rgb(242, 165, 69);
  padding: 19px 20px;
}

:where([data-css~="s5w"]) .support-list i {
  color: rgb(233, 123, 18);
  font-size: 22px;
  margin-top: 3px;
}

:where([data-css~="s5w"]) .support-list span {
  color: rgb(102, 114, 125);
  font-size: 14px;
  line-height: 1.6;
}

:where([data-css~="s5w"]) .support-list strong {
  color: rgb(23, 35, 47);
  display: block;
  font-size: 16px;
  margin-bottom: 2px;
}

@media (max-width: 1000px) {
  :where([data-css~="s5w"]) .materials-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1000px) {
  :where([data-css~="s5w"]) .materials-support-grid {
    gap: 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5w"]) .materials-hero .product-hero-image img {
    max-width: 470px;
    box-shadow: rgba(242, 165, 69, 0.14) 14px 14px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5w"]) .materials-intro,
  :where([data-css~="s5w"]) .materials-support {
    padding: 65px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5w"]) .materials-intro h2,
  :where([data-css~="s5w"]) .materials-support h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5w"]) .materials-support-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5w"]) .materials-grid {
    gap: 19px;
    margin-top: 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5w"]) .material-card img {
    height: 195px;
  }
}

@media (max-width: 520px) {
  :where([data-css~="s5w"]) .materials-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  :where([data-css~="s5w"]) .materials-intro h2,
  :where([data-css~="s5w"]) .materials-support h2 {
    font-size: 31px;
  }
}

@media (max-width: 520px) {
  :where([data-css~="s5w"]) .materials-intro .section-description,
  :where([data-css~="s5w"]) .materials-support p {
    font-size: 16px;
  }
}

@media (max-width: 520px) {
  :where([data-css~="s5w"]) .material-card p {
    min-height: auto;
  }
}

:where([data-css~="s5w"]) .section-number {
  display: block;
  color: rgb(255, 107, 0);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

:where([data-css~="s5w"]) .section-description {
  color: rgb(102, 114, 125);
  font-size: 18px;
  line-height: 1.8;
}

:where([data-css~="s5x"]) .product-hero {
  background: rgb(21, 33, 48);
  color: rgb(255, 255, 255);
  padding: 60px 0px 90px;
}

:where([data-css~="s5x"]) .product-hero-container {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 50px;
  align-items: center;
}

:where([data-css~="s5x"]) .breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 13px;
  color: rgb(159, 176, 195);
  margin-bottom: 26px;
}

:where([data-css~="s5x"]) .breadcrumb a {
  color: rgb(197, 208, 222);
}

:where([data-css~="s5x"]) .breadcrumb a:hover {
  color: rgb(255, 107, 0);
}

:where([data-css~="s5x"]) .breadcrumb i {
  font-size: 9px;
  margin: 0px 10px;
}

:where([data-css~="s5x"]) .breadcrumb span {
  color: rgb(255, 107, 0);
}

:where([data-css~="s5x"]) .hero-top-text {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgb(242, 165, 69);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 16px;
}

:where([data-css~="s5x"]) .product-hero h1 {
  font-size: 54px;
  line-height: 1.15;
  font-weight: 700;
  margin-bottom: 20px;
}

:where([data-css~="s5x"]) .product-hero-content > p:not(.breadcrumb) {
  color: rgb(197, 208, 222);
  font-size: 17px;
  line-height: 1.8;
  max-width: 640px;
}

:where([data-css~="s5x"]) .hero-certifications {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin: 26px 0px 22px;
}

:where([data-css~="s5x"]) .hero-certifications span {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 500;
}

:where([data-css~="s5x"]) .hero-certifications i {
  color: rgb(242, 165, 69);
  margin-right: 7px;
}

:where([data-css~="s5x"]) .standard-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 30px;
}

:where([data-css~="s5x"]) .standard-badges a {
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: rgb(255, 255, 255);
  padding: 6px 16px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  transition: 0.25s;
}

:where([data-css~="s5x"]) .standard-badges a:hover {
  background: rgb(255, 107, 0);
  border-color: rgb(255, 107, 0);
}

:where([data-css~="s5x"]) .hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

:where([data-css~="s5x"]) .hero-buttons .quote-btn {
  padding: 16px 32px;
  font-size: 16px;
}

:where([data-css~="s5x"]) .catalogue-btn {
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgb(255, 255, 255);
  padding: 16px 32px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  transition: 0.25s;
}

:where([data-css~="s5x"]) .catalogue-btn:hover {
  background: rgb(255, 255, 255);
  color: rgb(21, 33, 48);
}

:where([data-css~="s5x"]) .product-hero-image {
  display: flex;
  justify-content: center;
}

:where([data-css~="s5y"]) .cs-grades,
:where([data-css~="s5y"]) .cs-standards,
:where([data-css~="s5y"]) .cs-quote {
  box-sizing: border-box;
  font-family: inherit;
}

:where([data-css~="s5y"]) .cs-grades *,
:where([data-css~="s5y"]) .cs-standards *,
:where([data-css~="s5y"]) .cs-quote * {
  box-sizing: border-box;
}

:where([data-css~="s5y"]) .cs-container {
  width: 100%;
  max-width: 1440px;
  margin: 0px auto;
  padding: 64px 42px;
}

:where([data-css~="s5y"]) .cs-eyebrow {
  margin: 0px 0px 18px;
  color: rgb(255, 101, 0);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 4px;
  line-height: 1.5;
}

:where([data-css~="s5y"]) .cs-heading {
  margin: 0px 0px 18px;
  color: rgb(20, 36, 55);
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -1.4px;
}

:where([data-css~="s5y"]) .cs-description {
  max-width: 1050px;
  margin: 0px 0px 36px;
  color: rgb(102, 117, 138);
  font-size: 23px;
  line-height: 1.65;
}

:where([data-css~="s5y"]) .cs-search-wrap {
  width: 100%;
  margin-bottom: 20px;
}

:where([data-css~="s5y"]) .cs-search {
  display: block;
  width: 100%;
  min-height: 68px;
  padding: 17px 22px;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 8px;
  background: rgb(255, 255, 255);
  color: rgb(20, 36, 55);
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 20px;
  outline: none;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

:where([data-css~="s5y"]) .cs-search::placeholder {
  color: rgb(120, 134, 154);
  opacity: 1;
}

:where([data-css~="s5y"]) .cs-search:focus {
  border-color: rgb(255, 101, 0);
  box-shadow: rgba(255, 101, 0, 0.1) 0px 0px 0px 3px;
}

:where([data-css~="s5y"]) .cs-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}

:where([data-css~="s5y"]) .cs-filter {
  min-height: 48px;
  padding: 10px 22px;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 28px;
  background: rgb(255, 255, 255);
  color: rgb(20, 36, 55);
  font-style: inherit;
  font-variant: inherit;
  font-stretch: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s5y"]) .cs-filter:hover,
:where([data-css~="s5y"]) .cs-filter.active {
  border-color: rgb(255, 101, 0);
  background: rgb(255, 101, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="s5y"]) .cs-count {
  margin: 0px 0px 18px;
  color: rgb(115, 128, 148);
  font-size: 18px;
  line-height: 1.5;
}

:where([data-css~="s5y"]) .cs-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 14px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s5y"]) .cs-table {
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0px;
  table-layout: auto;
  text-align: left;
}

:where([data-css~="s5y"]) .cs-table thead {
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
}

:where([data-css~="s5y"]) .cs-table th {
  padding: 22px 24px;
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 1.4px;
  line-height: 1.5;
  white-space: nowrap;
}

:where([data-css~="s5y"]) .cs-table th:first-child {
  border-top-left-radius: 12px;
}

:where([data-css~="s5y"]) .cs-table th:last-child {
  border-top-right-radius: 12px;
}

:where([data-css~="s5y"]) .cs-table td {
  padding: 21px 24px;
  border-bottom: 1px solid rgb(220, 227, 236);
  color: rgb(100, 116, 139);
  font-size: 20px;
  line-height: 1.5;
  vertical-align: middle;
}

:where([data-css~="s5y"]) .cs-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s5y"]) .cs-table tbody tr:hover td {
  background: rgb(255, 247, 241);
}

:where([data-css~="s5y"]) .cs-table td:first-child {
  color: rgb(20, 36, 55);
  font-weight: 800;
  white-space: nowrap;
}

:where([data-css~="s5y"]) .cs-grade-badge {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 5px;
  background: rgb(255, 240, 223);
  color: rgb(255, 101, 0);
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

:where([data-css~="s5y"]) .cs-enquire {
  display: inline-block;
  color: rgb(255, 101, 0);
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

:where([data-css~="s5y"]) .cs-enquire:hover {
  color: rgb(217, 78, 0);
  text-decoration: underline;
}

:where([data-css~="s5y"]) .cs-no-results {
  padding: 24px;
  margin: 0px;
  color: rgb(100, 116, 139);
  font-size: 18px;
}

:where([data-css~="s5y"]) .cs-more-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 28px auto 0px;
}

:where([data-css~="s5y"]) .cs-more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 278px;
  min-height: 68px;
  padding: 18px 32px;
  border: 1px solid rgb(20, 34, 51);
  border-radius: 8px;
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
  font-family: inherit;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

:where([data-css~="s5y"]) .cs-more-button:hover {
  background: rgb(38, 60, 84);
}

:where([data-css~="s5y"]) .cs-more-button[hidden] {
  display: none !important;
}

:where([data-css~="s5y"]) .cs-more-button:focus-visible,
:where([data-css~="s5y"]) .cs-filter:focus-visible,
:where([data-css~="s5y"]) .cs-outline-button:focus-visible,
:where([data-css~="s5y"]) .cs-quote-button:focus-visible,
:where([data-css~="s5y"]) .cs-enquire:focus-visible {
  outline: rgb(255, 155, 80) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s5y"]) .cs-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  white-space: nowrap;
  border: 0px;
}

:where([data-css~="s5y"]) .cs-section {
  background: rgb(244, 246, 247);
  padding: 88px 0px;
}

:where([data-css~="s5y"]) .cs-title {
  max-width: 760px;
  color: rgb(15, 34, 53);
  font-size: 44px;
  line-height: 1.16;
  margin-bottom: 18px;
}

:where([data-css~="s5y"]) .cs-section .section-description {
  max-width: 760px;
  margin-bottom: 36px;
}

:where([data-css~="s5y"]) .cs-tabs {
  display: flex;
  gap: 8px;
  border-bottom: 1px solid rgb(226, 230, 236);
  margin-bottom: 28px;
}

:where([data-css~="s5y"]) .cs-tab {
  background: none;
  border-width: 0px 0px 3px;
  border-style: none none solid;
  border-color: currentcolor currentcolor transparent;
  border-image: none;
  color: rgb(102, 114, 125);
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  padding: 14px 28px;
  cursor: pointer;
  transition: 0.25s;
}

:where([data-css~="s5y"]) .cs-tab:hover {
  color: rgb(255, 107, 0);
}

:where([data-css~="s5y"]) .cs-tab.active {
  color: rgb(255, 107, 0);
  border-bottom-color: rgb(255, 107, 0);
}

:where([data-css~="s5y"]) .cs-group {
  display: none;
}

:where([data-css~="s5y"]) .cs-group.active {
  display: block;
}

:where([data-css~="s5y"]) .cs-card {
  background: rgb(255, 255, 255);
  border-width: 3px 1px 1px;
  border-style: solid;
  border-color: rgb(255, 107, 0) rgb(226, 230, 236) rgb(226, 230, 236);
  border-image: none;
  border-radius: 10px;
  padding: 26px 28px;
  margin-bottom: 20px;
}

:where([data-css~="s5y"]) .cs-name {
  color: rgb(255, 107, 0);
  font-size: 24px;
  line-height: 1.3;
}

:where([data-css~="s5y"]) .cs-sub {
  color: rgb(15, 34, 53);
  font-size: 16px;
  font-weight: 600;
  margin-top: 2px;
}

:where([data-css~="s5y"]) .cs-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

:where([data-css~="s5y"]) .cs-chips span {
  background: rgb(255, 243, 230);
  color: rgb(232, 95, 0);
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
}

:where([data-css~="s5y"]) .cs-details {
  margin-top: 14px;
}

:where([data-css~="s5y"]) .cs-details summary {
  cursor: pointer;
  color: rgb(255, 107, 0);
  font-size: 15px;
  font-weight: 600;
  padding: 6px 0px;
  list-style: none;
}

:where([data-css~="s5y"]) .cs-details summary::-webkit-details-marker {
  display: none;
}

:where([data-css~="s5y"]) .cs-details summary::after {
  content: " +";
}

:where([data-css~="s5y"]) .cs-details[open] summary::after {
  content: " −";
}

:where([data-css~="s5y"]) .cs-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 24px;
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px dashed rgb(215, 221, 228);
}

:where([data-css~="s5y"]) .cs-body h4 {
  color: rgb(102, 114, 125);
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

:where([data-css~="s5y"]) .cs-body ul {
  list-style: disc;
  padding-left: 18px;
}

:where([data-css~="s5y"]) .cs-body li {
  color: rgb(15, 34, 53);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 4px;
}

:where([data-css~="s5y"]) .cs-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
}

:where([data-css~="s5y"]) .cs-wa {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgb(37, 211, 102);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 600;
  padding: 12px 22px;
  border-radius: 6px;
  transition: 0.25s;
}

:where([data-css~="s5y"]) .cs-wa:hover {
  background: rgb(30, 190, 90);
}

:where([data-css~="s5y"]) .cs-copy {
  color: rgb(102, 114, 125);
  font-size: 14px;
  text-decoration: underline;
}

:where([data-css~="s5y"]) .cs-copy:hover {
  color: rgb(255, 107, 0);
}

/* PAGE SECTION: /materials/copper-alloys/index.html | scopes: s5z */
:where([data-css~="s5z"]) .ca-grades,
:where([data-css~="s5z"]) .ca-standards,
:where([data-css~="s5z"]) .ca-quote {
  box-sizing: border-box;
  font-family: inherit;
}

:where([data-css~="s5z"]) .ca-grades *,
:where([data-css~="s5z"]) .ca-standards *,
:where([data-css~="s5z"]) .ca-quote * {
  box-sizing: border-box;
}

:where([data-css~="s5z"]) .ca-container {
  width: 100%;
  max-width: 1440px;
  margin: 0px auto;
  padding: 64px 42px;
}

:where([data-css~="s5z"]) .ca-eyebrow {
  margin: 0px 0px 18px;
  color: rgb(255, 101, 0);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 4px;
  line-height: 1.5;
}

:where([data-css~="s5z"]) .ca-heading {
  margin: 0px 0px 18px;
  color: rgb(20, 36, 55);
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -1.4px;
}

:where([data-css~="s5z"]) .ca-description {
  max-width: 1050px;
  margin: 0px 0px 36px;
  color: rgb(102, 117, 138);
  font-size: 23px;
  line-height: 1.65;
}

:where([data-css~="s5z"]) .ca-search-wrap {
  width: 100%;
  margin-bottom: 20px;
}

:where([data-css~="s5z"]) .ca-search {
  display: block;
  width: 100%;
  min-height: 68px;
  padding: 17px 22px;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 8px;
  background: rgb(255, 255, 255);
  color: rgb(20, 36, 55);
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 20px;
  outline: none;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

:where([data-css~="s5z"]) .ca-search::placeholder {
  color: rgb(120, 134, 154);
  opacity: 1;
}

:where([data-css~="s5z"]) .ca-search:focus {
  border-color: rgb(255, 101, 0);
  box-shadow: rgba(255, 101, 0, 0.1) 0px 0px 0px 3px;
}

:where([data-css~="s5z"]) .ca-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}

:where([data-css~="s5z"]) .ca-filter {
  min-height: 48px;
  padding: 10px 22px;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 28px;
  background: rgb(255, 255, 255);
  color: rgb(20, 36, 55);
  font-style: inherit;
  font-variant: inherit;
  font-stretch: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s5z"]) .ca-filter:hover,
:where([data-css~="s5z"]) .ca-filter.active {
  border-color: rgb(255, 101, 0);
  background: rgb(255, 101, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="s5z"]) .ca-count {
  margin: 0px 0px 18px;
  color: rgb(115, 128, 148);
  font-size: 18px;
  line-height: 1.5;
}

:where([data-css~="s5z"]) .ca-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 14px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s5z"]) .ca-table {
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0px;
  table-layout: auto;
  text-align: left;
}

:where([data-css~="s5z"]) .ca-table thead {
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
}

:where([data-css~="s5z"]) .ca-table th {
  padding: 22px 24px;
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 1.4px;
  line-height: 1.5;
  white-space: nowrap;
}

:where([data-css~="s5z"]) .ca-table th:first-child {
  border-top-left-radius: 12px;
}

:where([data-css~="s5z"]) .ca-table th:last-child {
  border-top-right-radius: 12px;
}

:where([data-css~="s5z"]) .ca-table td {
  padding: 21px 24px;
  border-bottom: 1px solid rgb(220, 227, 236);
  color: rgb(100, 116, 139);
  font-size: 20px;
  line-height: 1.5;
  vertical-align: middle;
}

:where([data-css~="s5z"]) .ca-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s5z"]) .ca-table tbody tr:hover td {
  background: rgb(255, 247, 241);
}

:where([data-css~="s5z"]) .ca-table td:first-child {
  color: rgb(20, 36, 55);
  font-weight: 800;
  white-space: nowrap;
}

:where([data-css~="s5z"]) .ca-grade-badge {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 5px;
  background: rgb(255, 240, 223);
  color: rgb(255, 101, 0);
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

:where([data-css~="s5z"]) .ca-enquire {
  display: inline-block;
  color: rgb(255, 101, 0);
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

:where([data-css~="s5z"]) .ca-enquire:hover {
  color: rgb(217, 78, 0);
  text-decoration: underline;
}

:where([data-css~="s5z"]) .ca-no-results {
  padding: 24px;
  margin: 0px;
  color: rgb(100, 116, 139);
  font-size: 18px;
}

:where([data-css~="s5z"]) .ca-more-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 28px auto 0px;
}

:where([data-css~="s5z"]) .ca-more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 278px;
  min-height: 68px;
  padding: 18px 32px;
  border: 1px solid rgb(20, 34, 51);
  border-radius: 8px;
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
  font-family: inherit;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

:where([data-css~="s5z"]) .ca-more-button:hover {
  background: rgb(38, 60, 84);
}

:where([data-css~="s5z"]) .ca-more-button[hidden] {
  display: none !important;
}

:where([data-css~="s5z"]) .ca-more-button:focus-visible,
:where([data-css~="s5z"]) .ca-filter:focus-visible,
:where([data-css~="s5z"]) .ca-outline-button:focus-visible,
:where([data-css~="s5z"]) .ca-quote-button:focus-visible,
:where([data-css~="s5z"]) .ca-enquire:focus-visible {
  outline: rgb(255, 155, 80) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s5z"]) .ca-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  white-space: nowrap;
  border: 0px;
}

:where([data-css~="s5z"]) .ca-table tbody tr.ca-clickable-row {
  cursor: pointer;
  transition: background-color 0.2s;
}

:where([data-css~="s5z"]) .ca-table tbody tr.ca-clickable-row:hover {
  background-color: rgb(245, 248, 252);
}

:where([data-css~="s5z"]) .ca-table tbody tr.ca-clickable-row:focus-visible {
  outline: rgb(255, 105, 0) solid 2px;
  outline-offset: -2px;
}

:where([data-css~="s5z"]) .ca-section {
  background: rgb(244, 246, 247);
  padding: 88px 0px;
}

:where([data-css~="s5z"]) .ca-title {
  max-width: 760px;
  color: rgb(15, 34, 53);
  font-size: 44px;
  line-height: 1.16;
  margin-bottom: 18px;
}

:where([data-css~="s5z"]) .ca-section .section-description {
  max-width: 760px;
  margin-bottom: 36px;
}

:where([data-css~="s5z"]) .ca-tabs {
  display: flex;
  gap: 8px;
  border-bottom: 1px solid rgb(226, 230, 236);
  margin-bottom: 28px;
}

:where([data-css~="s5z"]) .ca-tab {
  background: none;
  border-width: 0px 0px 3px;
  border-style: none none solid;
  border-color: currentcolor currentcolor transparent;
  border-image: none;
  color: rgb(102, 114, 125);
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  padding: 14px 28px;
  cursor: pointer;
  transition: 0.25s;
}

:where([data-css~="s5z"]) .ca-tab:hover {
  color: rgb(255, 107, 0);
}

:where([data-css~="s5z"]) .ca-tab.active {
  color: rgb(255, 107, 0);
  border-bottom-color: rgb(255, 107, 0);
}

:where([data-css~="s5z"]) .ca-group {
  display: none;
}

:where([data-css~="s5z"]) .ca-group.active {
  display: block;
}

:where([data-css~="s5z"]) .ca-card {
  background: rgb(255, 255, 255);
  border-width: 3px 1px 1px;
  border-style: solid;
  border-color: rgb(255, 107, 0) rgb(226, 230, 236) rgb(226, 230, 236);
  border-image: none;
  border-radius: 10px;
  padding: 26px 28px;
  margin-bottom: 20px;
}

:where([data-css~="s5z"]) .ca-name {
  color: rgb(255, 107, 0);
  font-size: 24px;
  line-height: 1.3;
}

:where([data-css~="s5z"]) .ca-sub {
  color: rgb(15, 34, 53);
  font-size: 16px;
  font-weight: 600;
  margin-top: 2px;
}

:where([data-css~="s5z"]) .ca-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

:where([data-css~="s5z"]) .ca-chips span {
  background: rgb(255, 243, 230);
  color: rgb(232, 95, 0);
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
}

:where([data-css~="s5z"]) .ca-details {
  margin-top: 14px;
}

:where([data-css~="s5z"]) .ca-details summary {
  cursor: pointer;
  color: rgb(255, 107, 0);
  font-size: 15px;
  font-weight: 600;
  padding: 6px 0px;
  list-style: none;
}

:where([data-css~="s5z"]) .ca-details summary::-webkit-details-marker {
  display: none;
}

:where([data-css~="s5z"]) .ca-details summary::after {
  content: " +";
}

:where([data-css~="s5z"]) .ca-details[open] summary::after {
  content: " −";
}

:where([data-css~="s5z"]) .ca-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 24px;
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px dashed rgb(215, 221, 228);
}

:where([data-css~="s5z"]) .ca-body h4 {
  color: rgb(102, 114, 125);
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

:where([data-css~="s5z"]) .ca-body ul {
  list-style: disc;
  padding-left: 18px;
}

:where([data-css~="s5z"]) .ca-body li {
  color: rgb(15, 34, 53);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 4px;
}

:where([data-css~="s5z"]) .ca-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
}

:where([data-css~="s5z"]) .ca-wa {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgb(37, 211, 102);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 600;
  padding: 12px 22px;
  border-radius: 6px;
  transition: 0.25s;
}

:where([data-css~="s5z"]) .ca-wa:hover {
  background: rgb(30, 190, 90);
}

:where([data-css~="s5z"]) .ca-copy {
  color: rgb(102, 114, 125);
  font-size: 14px;
  text-decoration: underline;
}

:where([data-css~="s5z"]) .ca-copy:hover {
  color: rgb(255, 107, 0);
}

/* PAGE SECTION: /materials/nickel-alloys/index.html | scopes: s60 */
:where([data-css~="s60"]) .na-grades,
:where([data-css~="s60"]) .na-standards,
:where([data-css~="s60"]) .na-quote {
  box-sizing: border-box;
  font-family: inherit;
}

:where([data-css~="s60"]) .na-grades *,
:where([data-css~="s60"]) .na-standards *,
:where([data-css~="s60"]) .na-quote * {
  box-sizing: border-box;
}

:where([data-css~="s60"]) .na-container {
  width: 100%;
  max-width: 1440px;
  margin: 0px auto;
  padding: 64px 42px;
}

:where([data-css~="s60"]) .na-eyebrow {
  margin: 0px 0px 18px;
  color: rgb(255, 101, 0);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 4px;
  line-height: 1.5;
}

:where([data-css~="s60"]) .na-heading {
  margin: 0px 0px 18px;
  color: rgb(20, 36, 55);
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -1.4px;
}

:where([data-css~="s60"]) .na-description {
  max-width: 1050px;
  margin: 0px 0px 36px;
  color: rgb(102, 117, 138);
  font-size: 23px;
  line-height: 1.65;
}

:where([data-css~="s60"]) .na-search-wrap {
  width: 100%;
  margin-bottom: 20px;
}

:where([data-css~="s60"]) .na-search {
  display: block;
  width: 100%;
  min-height: 68px;
  padding: 17px 22px;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 8px;
  background: rgb(255, 255, 255);
  color: rgb(20, 36, 55);
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 20px;
  outline: none;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

:where([data-css~="s60"]) .na-search::placeholder {
  color: rgb(120, 134, 154);
  opacity: 1;
}

:where([data-css~="s60"]) .na-search:focus {
  border-color: rgb(255, 101, 0);
  box-shadow: rgba(255, 101, 0, 0.1) 0px 0px 0px 3px;
}

:where([data-css~="s60"]) .na-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}

:where([data-css~="s60"]) .na-filter {
  min-height: 48px;
  padding: 10px 22px;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 28px;
  background: rgb(255, 255, 255);
  color: rgb(20, 36, 55);
  font-style: inherit;
  font-variant: inherit;
  font-stretch: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s60"]) .na-filter:hover,
:where([data-css~="s60"]) .na-filter.active {
  border-color: rgb(255, 101, 0);
  background: rgb(255, 101, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="s60"]) .na-count {
  margin: 0px 0px 18px;
  color: rgb(115, 128, 148);
  font-size: 18px;
  line-height: 1.5;
}

:where([data-css~="s60"]) .na-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 14px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s60"]) .na-table {
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0px;
  table-layout: auto;
  text-align: left;
}

:where([data-css~="s60"]) .na-table thead {
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
}

:where([data-css~="s60"]) .na-table th {
  padding: 22px 24px;
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 1.4px;
  line-height: 1.5;
  white-space: nowrap;
}

:where([data-css~="s60"]) .na-table th:first-child {
  border-top-left-radius: 12px;
}

:where([data-css~="s60"]) .na-table th:last-child {
  border-top-right-radius: 12px;
}

:where([data-css~="s60"]) .na-table td {
  padding: 21px 24px;
  border-bottom: 1px solid rgb(220, 227, 236);
  color: rgb(100, 116, 139);
  font-size: 20px;
  line-height: 1.5;
  vertical-align: middle;
}

:where([data-css~="s60"]) .na-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s60"]) .na-table tbody tr:hover td {
  background: rgb(255, 247, 241);
}

:where([data-css~="s60"]) .na-table td:first-child {
  color: rgb(20, 36, 55);
  font-weight: 800;
  white-space: nowrap;
}

:where([data-css~="s60"]) .na-grade-badge {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 5px;
  background: rgb(255, 240, 223);
  color: rgb(255, 101, 0);
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

:where([data-css~="s60"]) .na-enquire {
  display: inline-block;
  color: rgb(255, 101, 0);
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

:where([data-css~="s60"]) .na-enquire:hover {
  color: rgb(217, 78, 0);
  text-decoration: underline;
}

:where([data-css~="s60"]) .na-no-results {
  padding: 24px;
  margin: 0px;
  color: rgb(100, 116, 139);
  font-size: 18px;
}

:where([data-css~="s60"]) .na-more-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 28px auto 0px;
}

:where([data-css~="s60"]) .na-more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 278px;
  min-height: 68px;
  padding: 18px 32px;
  border: 1px solid rgb(20, 34, 51);
  border-radius: 8px;
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
  font-family: inherit;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

:where([data-css~="s60"]) .na-more-button:hover {
  background: rgb(38, 60, 84);
}

:where([data-css~="s60"]) .na-more-button[hidden] {
  display: none !important;
}

:where([data-css~="s60"]) .na-more-button:focus-visible,
:where([data-css~="s60"]) .na-filter:focus-visible,
:where([data-css~="s60"]) .na-outline-button:focus-visible,
:where([data-css~="s60"]) .na-quote-button:focus-visible,
:where([data-css~="s60"]) .na-enquire:focus-visible {
  outline: rgb(255, 155, 80) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s60"]) .na-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  white-space: nowrap;
  border: 0px;
}

:where([data-css~="s60"]) .na-section {
  background: rgb(244, 246, 247);
  padding: 88px 0px;
}

:where([data-css~="s60"]) .na-title {
  max-width: 760px;
  color: rgb(15, 34, 53);
  font-size: 44px;
  line-height: 1.16;
  margin-bottom: 18px;
}

:where([data-css~="s60"]) .na-section .section-description {
  max-width: 760px;
  margin-bottom: 36px;
}

:where([data-css~="s60"]) .na-tabs {
  display: flex;
  gap: 8px;
  border-bottom: 1px solid rgb(226, 230, 236);
  margin-bottom: 28px;
}

:where([data-css~="s60"]) .na-tab {
  background: none;
  border-width: 0px 0px 3px;
  border-style: none none solid;
  border-color: currentcolor currentcolor transparent;
  border-image: none;
  color: rgb(102, 114, 125);
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  padding: 14px 28px;
  cursor: pointer;
  transition: 0.25s;
}

:where([data-css~="s60"]) .na-tab:hover {
  color: rgb(255, 107, 0);
}

:where([data-css~="s60"]) .na-tab.active {
  color: rgb(255, 107, 0);
  border-bottom-color: rgb(255, 107, 0);
}

:where([data-css~="s60"]) .na-group {
  display: none;
}

:where([data-css~="s60"]) .na-group.active {
  display: block;
}

:where([data-css~="s60"]) .na-card {
  background: rgb(255, 255, 255);
  border-width: 3px 1px 1px;
  border-style: solid;
  border-color: rgb(255, 107, 0) rgb(226, 230, 236) rgb(226, 230, 236);
  border-image: none;
  border-radius: 10px;
  padding: 26px 28px;
  margin-bottom: 20px;
}

:where([data-css~="s60"]) .na-name {
  color: rgb(255, 107, 0);
  font-size: 24px;
  line-height: 1.3;
}

:where([data-css~="s60"]) .na-sub {
  color: rgb(15, 34, 53);
  font-size: 16px;
  font-weight: 600;
  margin-top: 2px;
}

:where([data-css~="s60"]) .na-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

:where([data-css~="s60"]) .na-chips span {
  background: rgb(255, 243, 230);
  color: rgb(232, 95, 0);
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
}

:where([data-css~="s60"]) .na-details {
  margin-top: 14px;
}

:where([data-css~="s60"]) .na-details summary {
  cursor: pointer;
  color: rgb(255, 107, 0);
  font-size: 15px;
  font-weight: 600;
  padding: 6px 0px;
  list-style: none;
}

:where([data-css~="s60"]) .na-details summary::-webkit-details-marker {
  display: none;
}

:where([data-css~="s60"]) .na-details summary::after {
  content: " +";
}

:where([data-css~="s60"]) .na-details[open] summary::after {
  content: " −";
}

:where([data-css~="s60"]) .na-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 24px;
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px dashed rgb(215, 221, 228);
}

:where([data-css~="s60"]) .na-body h4 {
  color: rgb(102, 114, 125);
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

:where([data-css~="s60"]) .na-body ul {
  list-style: disc;
  padding-left: 18px;
}

:where([data-css~="s60"]) .na-body li {
  color: rgb(15, 34, 53);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 4px;
}

:where([data-css~="s60"]) .na-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
}

:where([data-css~="s60"]) .na-wa {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgb(37, 211, 102);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 600;
  padding: 12px 22px;
  border-radius: 6px;
  transition: 0.25s;
}

:where([data-css~="s60"]) .na-wa:hover {
  background: rgb(30, 190, 90);
}

:where([data-css~="s60"]) .na-copy {
  color: rgb(102, 114, 125);
  font-size: 14px;
  text-decoration: underline;
}

:where([data-css~="s60"]) .na-copy:hover {
  color: rgb(255, 107, 0);
}

/* PAGE SECTION: /materials/non-metals-and-alloys/index.html | scopes: s61 */
:where([data-css~="s61"]) .nfa-grades,
:where([data-css~="s61"]) .nfa-standards,
:where([data-css~="s61"]) .nfa-quote {
  box-sizing: border-box;
  font-family: inherit;
}

:where([data-css~="s61"]) .nfa-grades *,
:where([data-css~="s61"]) .nfa-standards *,
:where([data-css~="s61"]) .nfa-quote * {
  box-sizing: border-box;
}

:where([data-css~="s61"]) .nfa-container {
  width: 100%;
  max-width: 1440px;
  margin: 0px auto;
  padding: 64px 42px;
}

:where([data-css~="s61"]) .nfa-eyebrow {
  margin: 0px 0px 18px;
  color: rgb(255, 101, 0);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 4px;
  line-height: 1.5;
}

:where([data-css~="s61"]) .nfa-heading {
  margin: 0px 0px 18px;
  color: rgb(20, 36, 55);
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -1.4px;
}

:where([data-css~="s61"]) .nfa-description {
  max-width: 1050px;
  margin: 0px 0px 36px;
  color: rgb(102, 117, 138);
  font-size: 23px;
  line-height: 1.65;
}

:where([data-css~="s61"]) .nfa-search-wrap {
  width: 100%;
  margin-bottom: 20px;
}

:where([data-css~="s61"]) .nfa-search {
  display: block;
  width: 100%;
  min-height: 68px;
  padding: 17px 22px;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 8px;
  background: rgb(255, 255, 255);
  color: rgb(20, 36, 55);
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 20px;
  outline: none;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

:where([data-css~="s61"]) .nfa-search::placeholder {
  color: rgb(120, 134, 154);
  opacity: 1;
}

:where([data-css~="s61"]) .nfa-search:focus {
  border-color: rgb(255, 101, 0);
  box-shadow: rgba(255, 101, 0, 0.1) 0px 0px 0px 3px;
}

:where([data-css~="s61"]) .nfa-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}

:where([data-css~="s61"]) .nfa-filter {
  min-height: 48px;
  padding: 10px 22px;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 28px;
  background: rgb(255, 255, 255);
  color: rgb(20, 36, 55);
  font-style: inherit;
  font-variant: inherit;
  font-stretch: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s61"]) .nfa-filter:hover,
:where([data-css~="s61"]) .nfa-filter.active {
  border-color: rgb(255, 101, 0);
  background: rgb(255, 101, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="s61"]) .nfa-count {
  margin: 0px 0px 18px;
  color: rgb(115, 128, 148);
  font-size: 18px;
  line-height: 1.5;
}

:where([data-css~="s61"]) .nfa-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 14px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s61"]) .nfa-table {
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0px;
  table-layout: auto;
  text-align: left;
}

:where([data-css~="s61"]) .nfa-table thead {
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
}

:where([data-css~="s61"]) .nfa-table th {
  padding: 22px 24px;
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 1.4px;
  line-height: 1.5;
  white-space: nowrap;
}

:where([data-css~="s61"]) .nfa-table th:first-child {
  border-top-left-radius: 12px;
}

:where([data-css~="s61"]) .nfa-table th:last-child {
  border-top-right-radius: 12px;
}

:where([data-css~="s61"]) .nfa-table td {
  padding: 21px 24px;
  border-bottom: 1px solid rgb(220, 227, 236);
  color: rgb(100, 116, 139);
  font-size: 20px;
  line-height: 1.5;
  vertical-align: middle;
}

:where([data-css~="s61"]) .nfa-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s61"]) .nfa-table tbody tr:hover td {
  background: rgb(255, 247, 241);
}

:where([data-css~="s61"]) .nfa-table td:first-child {
  color: rgb(20, 36, 55);
  font-weight: 800;
  white-space: nowrap;
}

:where([data-css~="s61"]) .nfa-grade-badge {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 5px;
  background: rgb(255, 240, 223);
  color: rgb(255, 101, 0);
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

:where([data-css~="s61"]) .nfa-enquire {
  display: inline-block;
  color: rgb(255, 101, 0);
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

:where([data-css~="s61"]) .nfa-enquire:hover {
  color: rgb(217, 78, 0);
  text-decoration: underline;
}

:where([data-css~="s61"]) .nfa-no-results {
  padding: 24px;
  margin: 0px;
  color: rgb(100, 116, 139);
  font-size: 18px;
}

:where([data-css~="s61"]) .nfa-more-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 28px auto 0px;
}

:where([data-css~="s61"]) .nfa-more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 278px;
  min-height: 68px;
  padding: 18px 32px;
  border: 1px solid rgb(20, 34, 51);
  border-radius: 8px;
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
  font-family: inherit;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

:where([data-css~="s61"]) .nfa-more-button:hover {
  background: rgb(38, 60, 84);
}

:where([data-css~="s61"]) .nfa-more-button[hidden] {
  display: none !important;
}

:where([data-css~="s61"]) .nfa-more-button:focus-visible,
:where([data-css~="s61"]) .nfa-filter:focus-visible,
:where([data-css~="s61"]) .nfa-outline-button:focus-visible,
:where([data-css~="s61"]) .nfa-quote-button:focus-visible,
:where([data-css~="s61"]) .nfa-enquire:focus-visible {
  outline: rgb(255, 155, 80) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s61"]) .nfa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  white-space: nowrap;
  border: 0px;
}

:where([data-css~="s61"]) .nfa-table tbody tr.nfa-clickable-row {
  cursor: pointer;
  transition: background-color 0.2s;
}

:where([data-css~="s61"]) .nfa-table tbody tr.nfa-clickable-row:hover {
  background-color: rgb(245, 248, 252);
}

:where([data-css~="s61"]) .nfa-table tbody tr.nfa-clickable-row:focus-visible {
  outline: rgb(255, 105, 0) solid 2px;
  outline-offset: -2px;
}

:where([data-css~="s61"]) .nfa-section {
  background: rgb(244, 246, 247);
  padding: 88px 0px;
}

:where([data-css~="s61"]) .nfa-title {
  max-width: 760px;
  color: rgb(15, 34, 53);
  font-size: 44px;
  line-height: 1.16;
  margin-bottom: 18px;
}

:where([data-css~="s61"]) .nfa-section .section-description {
  max-width: 760px;
  margin-bottom: 36px;
}

:where([data-css~="s61"]) .nfa-tabs {
  display: flex;
  gap: 8px;
  border-bottom: 1px solid rgb(226, 230, 236);
  margin-bottom: 28px;
}

:where([data-css~="s61"]) .nfa-tab {
  background: none;
  border-width: 0px 0px 3px;
  border-style: none none solid;
  border-color: currentcolor currentcolor transparent;
  border-image: none;
  color: rgb(102, 114, 125);
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  padding: 14px 28px;
  cursor: pointer;
  transition: 0.25s;
}

:where([data-css~="s61"]) .nfa-tab:hover {
  color: rgb(255, 107, 0);
}

:where([data-css~="s61"]) .nfa-tab.active {
  color: rgb(255, 107, 0);
  border-bottom-color: rgb(255, 107, 0);
}

:where([data-css~="s61"]) .nfa-group {
  display: none;
}

:where([data-css~="s61"]) .nfa-group.active {
  display: block;
}

:where([data-css~="s61"]) .nfa-card {
  background: rgb(255, 255, 255);
  border-width: 3px 1px 1px;
  border-style: solid;
  border-color: rgb(255, 107, 0) rgb(226, 230, 236) rgb(226, 230, 236);
  border-image: none;
  border-radius: 10px;
  padding: 26px 28px;
  margin-bottom: 20px;
}

:where([data-css~="s61"]) .nfa-name {
  color: rgb(255, 107, 0);
  font-size: 24px;
  line-height: 1.3;
}

:where([data-css~="s61"]) .nfa-sub {
  color: rgb(15, 34, 53);
  font-size: 16px;
  font-weight: 600;
  margin-top: 2px;
}

:where([data-css~="s61"]) .nfa-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

:where([data-css~="s61"]) .nfa-chips span {
  background: rgb(255, 243, 230);
  color: rgb(232, 95, 0);
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
}

:where([data-css~="s61"]) .nfa-details {
  margin-top: 14px;
}

:where([data-css~="s61"]) .nfa-details summary {
  cursor: pointer;
  color: rgb(255, 107, 0);
  font-size: 15px;
  font-weight: 600;
  padding: 6px 0px;
  list-style: none;
}

:where([data-css~="s61"]) .nfa-details summary::-webkit-details-marker {
  display: none;
}

:where([data-css~="s61"]) .nfa-details summary::after {
  content: " +";
}

:where([data-css~="s61"]) .nfa-details[open] summary::after {
  content: " −";
}

:where([data-css~="s61"]) .nfa-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 24px;
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px dashed rgb(215, 221, 228);
}

:where([data-css~="s61"]) .nfa-body h4 {
  color: rgb(102, 114, 125);
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

:where([data-css~="s61"]) .nfa-body ul {
  list-style: disc;
  padding-left: 18px;
}

:where([data-css~="s61"]) .nfa-body li {
  color: rgb(15, 34, 53);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 4px;
}

:where([data-css~="s61"]) .nfa-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
}

:where([data-css~="s61"]) .nfa-wa {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgb(37, 211, 102);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 600;
  padding: 12px 22px;
  border-radius: 6px;
  transition: 0.25s;
}

:where([data-css~="s61"]) .nfa-wa:hover {
  background: rgb(30, 190, 90);
}

:where([data-css~="s61"]) .nfa-copy {
  color: rgb(102, 114, 125);
  font-size: 14px;
  text-decoration: underline;
}

:where([data-css~="s61"]) .nfa-copy:hover {
  color: rgb(255, 107, 0);
}

/* PAGE SECTION: /materials/stainless-steel/index.html | scopes: s62 */
:where([data-css~="s62"]) .ss-grades,
:where([data-css~="s62"]) .ss-standards,
:where([data-css~="s62"]) .ss-quote {
  box-sizing: border-box;
  font-family: inherit;
}

:where([data-css~="s62"]) .ss-grades *,
:where([data-css~="s62"]) .ss-standards *,
:where([data-css~="s62"]) .ss-quote * {
  box-sizing: border-box;
}

:where([data-css~="s62"]) .ss-container {
  width: 100%;
  max-width: 1440px;
  margin: 0px auto;
  padding: 64px 42px;
}

:where([data-css~="s62"]) .ss-eyebrow {
  margin: 0px 0px 18px;
  color: rgb(255, 101, 0);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 4px;
  line-height: 1.5;
}

:where([data-css~="s62"]) .ss-heading {
  margin: 0px 0px 18px;
  color: rgb(20, 36, 55);
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -1.4px;
}

:where([data-css~="s62"]) .ss-description {
  max-width: 1050px;
  margin: 0px 0px 36px;
  color: rgb(102, 117, 138);
  font-size: 23px;
  line-height: 1.65;
}

:where([data-css~="s62"]) .ss-search-wrap {
  width: 100%;
  margin-bottom: 20px;
}

:where([data-css~="s62"]) .ss-search {
  display: block;
  width: 100%;
  min-height: 68px;
  padding: 17px 22px;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 8px;
  background: rgb(255, 255, 255);
  color: rgb(20, 36, 55);
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 20px;
  outline: none;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

:where([data-css~="s62"]) .ss-search::placeholder {
  color: rgb(120, 134, 154);
  opacity: 1;
}

:where([data-css~="s62"]) .ss-search:focus {
  border-color: rgb(255, 101, 0);
  box-shadow: rgba(255, 101, 0, 0.1) 0px 0px 0px 3px;
}

:where([data-css~="s62"]) .ss-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}

:where([data-css~="s62"]) .ss-filter {
  min-height: 48px;
  padding: 10px 22px;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 28px;
  background: rgb(255, 255, 255);
  color: rgb(20, 36, 55);
  font-style: inherit;
  font-variant: inherit;
  font-stretch: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s62"]) .ss-filter:hover,
:where([data-css~="s62"]) .ss-filter.active {
  border-color: rgb(255, 101, 0);
  background: rgb(255, 101, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="s62"]) .ss-count {
  margin: 0px 0px 18px;
  color: rgb(115, 128, 148);
  font-size: 18px;
  line-height: 1.5;
}

:where([data-css~="s62"]) .ss-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 14px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s62"]) .ss-table {
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0px;
  table-layout: auto;
  text-align: left;
}

:where([data-css~="s62"]) .ss-table thead {
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
}

:where([data-css~="s62"]) .ss-table th {
  padding: 22px 24px;
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 1.4px;
  line-height: 1.5;
  white-space: nowrap;
}

:where([data-css~="s62"]) .ss-table th:first-child {
  border-top-left-radius: 12px;
}

:where([data-css~="s62"]) .ss-table th:last-child {
  border-top-right-radius: 12px;
}

:where([data-css~="s62"]) .ss-table td {
  padding: 21px 24px;
  border-bottom: 1px solid rgb(220, 227, 236);
  color: rgb(100, 116, 139);
  font-size: 20px;
  line-height: 1.5;
  vertical-align: middle;
}

:where([data-css~="s62"]) .ss-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s62"]) .ss-table tbody tr:hover td {
  background: rgb(255, 247, 241);
}

:where([data-css~="s62"]) .ss-table td:first-child {
  color: rgb(20, 36, 55);
  font-weight: 800;
  white-space: nowrap;
}

:where([data-css~="s62"]) .ss-grade-badge {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 5px;
  background: rgb(255, 240, 223);
  color: rgb(255, 101, 0);
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

:where([data-css~="s62"]) .ss-enquire {
  display: inline-block;
  color: rgb(255, 101, 0);
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

:where([data-css~="s62"]) .ss-enquire:hover {
  color: rgb(217, 78, 0);
  text-decoration: underline;
}

:where([data-css~="s62"]) .ss-no-results {
  padding: 24px;
  margin: 0px;
  color: rgb(100, 116, 139);
  font-size: 18px;
}

:where([data-css~="s62"]) .ss-more-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 28px auto 0px;
}

:where([data-css~="s62"]) .ss-more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 278px;
  min-height: 68px;
  padding: 18px 32px;
  border: 1px solid rgb(20, 34, 51);
  border-radius: 8px;
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
  font-family: inherit;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

:where([data-css~="s62"]) .ss-more-button:hover {
  background: rgb(38, 60, 84);
}

:where([data-css~="s62"]) .ss-more-button[hidden] {
  display: none !important;
}

:where([data-css~="s62"]) .ss-more-button:focus-visible,
:where([data-css~="s62"]) .ss-filter:focus-visible,
:where([data-css~="s62"]) .ss-outline-button:focus-visible,
:where([data-css~="s62"]) .ss-quote-button:focus-visible,
:where([data-css~="s62"]) .ss-enquire:focus-visible {
  outline: rgb(255, 155, 80) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s62"]) .ss-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  white-space: nowrap;
  border: 0px;
}

:where([data-css~="s62"]) .st-section {
  background: rgb(244, 246, 247);
  padding: 88px 0px;
}

:where([data-css~="s62"]) .st-title {
  max-width: 760px;
  color: rgb(15, 34, 53);
  font-size: 44px;
  line-height: 1.16;
  margin-bottom: 18px;
}

:where([data-css~="s62"]) .st-section .section-description {
  max-width: 760px;
  margin-bottom: 36px;
}

:where([data-css~="s62"]) .st-tabs {
  display: flex;
  gap: 8px;
  border-bottom: 1px solid rgb(226, 230, 236);
  margin-bottom: 28px;
}

:where([data-css~="s62"]) .st-tab {
  background: none;
  border-width: 0px 0px 3px;
  border-style: none none solid;
  border-color: currentcolor currentcolor transparent;
  border-image: none;
  color: rgb(102, 114, 125);
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  padding: 14px 28px;
  cursor: pointer;
  transition: 0.25s;
}

:where([data-css~="s62"]) .st-tab:hover {
  color: rgb(255, 107, 0);
}

:where([data-css~="s62"]) .st-tab.active {
  color: rgb(255, 107, 0);
  border-bottom-color: rgb(255, 107, 0);
}

:where([data-css~="s62"]) .st-group {
  display: none;
}

:where([data-css~="s62"]) .st-group.active {
  display: block;
}

:where([data-css~="s62"]) .st-card {
  background: rgb(255, 255, 255);
  border-width: 3px 1px 1px;
  border-style: solid;
  border-color: rgb(255, 107, 0) rgb(226, 230, 236) rgb(226, 230, 236);
  border-image: none;
  border-radius: 10px;
  padding: 26px 28px;
  margin-bottom: 20px;
}

:where([data-css~="s62"]) .st-name {
  color: rgb(255, 107, 0);
  font-size: 24px;
  line-height: 1.3;
}

:where([data-css~="s62"]) .st-sub {
  color: rgb(15, 34, 53);
  font-size: 16px;
  font-weight: 600;
  margin-top: 2px;
}

:where([data-css~="s62"]) .st-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

:where([data-css~="s62"]) .st-chips span {
  background: rgb(255, 243, 230);
  color: rgb(232, 95, 0);
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
}

:where([data-css~="s62"]) .st-details {
  margin-top: 14px;
}

:where([data-css~="s62"]) .st-details summary {
  cursor: pointer;
  color: rgb(255, 107, 0);
  font-size: 15px;
  font-weight: 600;
  padding: 6px 0px;
  list-style: none;
}

:where([data-css~="s62"]) .st-details summary::-webkit-details-marker {
  display: none;
}

:where([data-css~="s62"]) .st-details summary::after {
  content: " +";
}

:where([data-css~="s62"]) .st-details[open] summary::after {
  content: " −";
}

:where([data-css~="s62"]) .st-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 24px;
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px dashed rgb(215, 221, 228);
}

:where([data-css~="s62"]) .st-body h4 {
  color: rgb(102, 114, 125);
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

:where([data-css~="s62"]) .st-body ul {
  list-style: disc;
  padding-left: 18px;
}

:where([data-css~="s62"]) .st-body li {
  color: rgb(15, 34, 53);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 4px;
}

:where([data-css~="s62"]) .st-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
}

:where([data-css~="s62"]) .st-wa {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgb(37, 211, 102);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 600;
  padding: 12px 22px;
  border-radius: 6px;
  transition: 0.25s;
}

:where([data-css~="s62"]) .st-wa:hover {
  background: rgb(30, 190, 90);
}

:where([data-css~="s62"]) .st-copy {
  color: rgb(102, 114, 125);
  font-size: 14px;
  text-decoration: underline;
}

:where([data-css~="s62"]) .st-copy:hover {
  color: rgb(255, 107, 0);
}

/* PAGE SECTION: /materials/super-alloys/index.html | scopes: s63 */
:where([data-css~="s63"]) .sa-grades,
:where([data-css~="s63"]) .sa-standards,
:where([data-css~="s63"]) .sa-quote {
  box-sizing: border-box;
  font-family: inherit;
}

:where([data-css~="s63"]) .sa-grades *,
:where([data-css~="s63"]) .sa-standards *,
:where([data-css~="s63"]) .sa-quote * {
  box-sizing: border-box;
}

:where([data-css~="s63"]) .sa-container {
  width: 100%;
  max-width: 1440px;
  margin: 0px auto;
  padding: 64px 42px;
}

:where([data-css~="s63"]) .sa-eyebrow {
  margin: 0px 0px 18px;
  color: rgb(255, 101, 0);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 4px;
  line-height: 1.5;
}

:where([data-css~="s63"]) .sa-heading {
  margin: 0px 0px 18px;
  color: rgb(20, 36, 55);
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -1.4px;
}

:where([data-css~="s63"]) .sa-description {
  max-width: 1050px;
  margin: 0px 0px 36px;
  color: rgb(102, 117, 138);
  font-size: 23px;
  line-height: 1.65;
}

:where([data-css~="s63"]) .sa-search-wrap {
  width: 100%;
  margin-bottom: 20px;
}

:where([data-css~="s63"]) .sa-search {
  display: block;
  width: 100%;
  min-height: 68px;
  padding: 17px 22px;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 8px;
  background: rgb(255, 255, 255);
  color: rgb(20, 36, 55);
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 20px;
  outline: none;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

:where([data-css~="s63"]) .sa-search::placeholder {
  color: rgb(120, 134, 154);
  opacity: 1;
}

:where([data-css~="s63"]) .sa-search:focus {
  border-color: rgb(255, 101, 0);
  box-shadow: rgba(255, 101, 0, 0.1) 0px 0px 0px 3px;
}

:where([data-css~="s63"]) .sa-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}

:where([data-css~="s63"]) .sa-filter {
  min-height: 48px;
  padding: 10px 22px;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 28px;
  background: rgb(255, 255, 255);
  color: rgb(20, 36, 55);
  font-style: inherit;
  font-variant: inherit;
  font-stretch: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s63"]) .sa-filter:hover,
:where([data-css~="s63"]) .sa-filter.active {
  border-color: rgb(255, 101, 0);
  background: rgb(255, 101, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="s63"]) .sa-count {
  margin: 0px 0px 18px;
  color: rgb(115, 128, 148);
  font-size: 18px;
  line-height: 1.5;
}

:where([data-css~="s63"]) .sa-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgb(220, 227, 236);
  border-radius: 14px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s63"]) .sa-table {
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0px;
  table-layout: auto;
  text-align: left;
}

:where([data-css~="s63"]) .sa-table thead {
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
}

:where([data-css~="s63"]) .sa-table th {
  padding: 22px 24px;
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 1.4px;
  line-height: 1.5;
  white-space: nowrap;
}

:where([data-css~="s63"]) .sa-table th:first-child {
  border-top-left-radius: 12px;
}

:where([data-css~="s63"]) .sa-table th:last-child {
  border-top-right-radius: 12px;
}

:where([data-css~="s63"]) .sa-table td {
  padding: 21px 24px;
  border-bottom: 1px solid rgb(220, 227, 236);
  color: rgb(100, 116, 139);
  font-size: 20px;
  line-height: 1.5;
  vertical-align: middle;
}

:where([data-css~="s63"]) .sa-table tbody tr:last-child td {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="s63"]) .sa-table tbody tr:hover td {
  background: rgb(255, 247, 241);
}

:where([data-css~="s63"]) .sa-table td:first-child {
  color: rgb(20, 36, 55);
  font-weight: 800;
  white-space: nowrap;
}

:where([data-css~="s63"]) .sa-grade-badge {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 5px;
  background: rgb(255, 240, 223);
  color: rgb(255, 101, 0);
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

:where([data-css~="s63"]) .sa-enquire {
  display: inline-block;
  color: rgb(255, 101, 0);
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

:where([data-css~="s63"]) .sa-enquire:hover {
  color: rgb(217, 78, 0);
  text-decoration: underline;
}

:where([data-css~="s63"]) .sa-no-results {
  padding: 24px;
  margin: 0px;
  color: rgb(100, 116, 139);
  font-size: 18px;
}

:where([data-css~="s63"]) .sa-more-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 28px auto 0px;
}

:where([data-css~="s63"]) .sa-more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 278px;
  min-height: 68px;
  padding: 18px 32px;
  border: 1px solid rgb(20, 34, 51);
  border-radius: 8px;
  background: rgb(20, 34, 51);
  color: rgb(255, 255, 255);
  font-family: inherit;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

:where([data-css~="s63"]) .sa-more-button:hover {
  background: rgb(38, 60, 84);
}

:where([data-css~="s63"]) .sa-more-button[hidden] {
  display: none !important;
}

:where([data-css~="s63"]) .sa-more-button:focus-visible,
:where([data-css~="s63"]) .sa-filter:focus-visible,
:where([data-css~="s63"]) .sa-outline-button:focus-visible,
:where([data-css~="s63"]) .sa-quote-button:focus-visible,
:where([data-css~="s63"]) .sa-enquire:focus-visible {
  outline: rgb(255, 155, 80) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="s63"]) .sa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  white-space: nowrap;
  border: 0px;
}

:where([data-css~="s63"]) .sa-table tbody tr.sa-clickable-row {
  cursor: pointer;
  transition: background-color 0.2s;
}

:where([data-css~="s63"]) .sa-table tbody tr.sa-clickable-row:hover {
  background-color: rgb(245, 248, 252);
}

:where([data-css~="s63"]) .sa-table tbody tr.sa-clickable-row:focus-visible {
  outline: rgb(255, 105, 0) solid 2px;
  outline-offset: -2px;
}

:where([data-css~="s63"]) .sa-section {
  background: rgb(244, 246, 247);
  padding: 88px 0px;
}

:where([data-css~="s63"]) .sa-title {
  max-width: 760px;
  color: rgb(15, 34, 53);
  font-size: 44px;
  line-height: 1.16;
  margin-bottom: 18px;
}

:where([data-css~="s63"]) .sa-section .section-description {
  max-width: 760px;
  margin-bottom: 36px;
}

:where([data-css~="s63"]) .sa-tabs {
  display: flex;
  gap: 8px;
  border-bottom: 1px solid rgb(226, 230, 236);
  margin-bottom: 28px;
}

:where([data-css~="s63"]) .sa-tab {
  background: none;
  border-width: 0px 0px 3px;
  border-style: none none solid;
  border-color: currentcolor currentcolor transparent;
  border-image: none;
  color: rgb(102, 114, 125);
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  padding: 14px 28px;
  cursor: pointer;
  transition: 0.25s;
}

:where([data-css~="s63"]) .sa-tab:hover {
  color: rgb(255, 107, 0);
}

:where([data-css~="s63"]) .sa-tab.active {
  color: rgb(255, 107, 0);
  border-bottom-color: rgb(255, 107, 0);
}

:where([data-css~="s63"]) .sa-group {
  display: none;
}

:where([data-css~="s63"]) .sa-group.active {
  display: block;
}

:where([data-css~="s63"]) .sa-card {
  background: rgb(255, 255, 255);
  border-width: 3px 1px 1px;
  border-style: solid;
  border-color: rgb(255, 107, 0) rgb(226, 230, 236) rgb(226, 230, 236);
  border-image: none;
  border-radius: 10px;
  padding: 26px 28px;
  margin-bottom: 20px;
}

:where([data-css~="s63"]) .sa-name {
  color: rgb(255, 107, 0);
  font-size: 24px;
  line-height: 1.3;
}

:where([data-css~="s63"]) .sa-sub {
  color: rgb(15, 34, 53);
  font-size: 16px;
  font-weight: 600;
  margin-top: 2px;
}

:where([data-css~="s63"]) .sa-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

:where([data-css~="s63"]) .sa-chips span {
  background: rgb(255, 243, 230);
  color: rgb(232, 95, 0);
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
}

:where([data-css~="s63"]) .sa-details {
  margin-top: 14px;
}

:where([data-css~="s63"]) .sa-details summary {
  cursor: pointer;
  color: rgb(255, 107, 0);
  font-size: 15px;
  font-weight: 600;
  padding: 6px 0px;
  list-style: none;
}

:where([data-css~="s63"]) .sa-details summary::-webkit-details-marker {
  display: none;
}

:where([data-css~="s63"]) .sa-details summary::after {
  content: " +";
}

:where([data-css~="s63"]) .sa-details[open] summary::after {
  content: " −";
}

:where([data-css~="s63"]) .sa-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 24px;
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px dashed rgb(215, 221, 228);
}

:where([data-css~="s63"]) .sa-body h4 {
  color: rgb(102, 114, 125);
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

:where([data-css~="s63"]) .sa-body ul {
  list-style: disc;
  padding-left: 18px;
}

:where([data-css~="s63"]) .sa-body li {
  color: rgb(15, 34, 53);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 4px;
}

:where([data-css~="s63"]) .sa-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
}

:where([data-css~="s63"]) .sa-wa {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgb(37, 211, 102);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 600;
  padding: 12px 22px;
  border-radius: 6px;
  transition: 0.25s;
}

:where([data-css~="s63"]) .sa-wa:hover {
  background: rgb(30, 190, 90);
}

:where([data-css~="s63"]) .sa-copy {
  color: rgb(102, 114, 125);
  font-size: 14px;
  text-decoration: underline;
}

:where([data-css~="s63"]) .sa-copy:hover {
  color: rgb(255, 107, 0);
}

:where([data-css~="s5v"]) .section-number {
  display: block;
  color: rgb(255, 107, 0);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

:where([data-css~="s5v"]) .section-description {
  color: rgb(102, 114, 125);
  font-size: 18px;
  line-height: 1.8;
}

:where([data-css~="s5y"]) #standards .cs-group {
  display: none;
}

:where([data-css~="s5y"]) #standards .cs-group.active {
  display: block !important;
}

:where([data-css~="s5y"]) #csGradeTableBody .cs-clickable-row {
  cursor: pointer;
  transition: background-color 0.2s;
}

:where([data-css~="s5y"]) #csGradeTableBody .cs-clickable-row:hover {
  background-color: rgb(255, 248, 241);
}

:where([data-css~="s5y"]) #csGradeTableBody .cs-clickable-row:focus-visible {
  outline: rgb(255, 101, 0) solid 2px;
  outline-offset: -2px;
}

:where([data-css~="s5y"]) #csGradeTableBody .cs-clickable-row .cs-enquire {
  color: rgb(255, 101, 0);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

:where([data-css~="s5y"])
  #csGradeTableBody
  .cs-clickable-row
  .cs-enquire:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  :where([data-css~="s5y"]) .cs-section {
    padding: 60px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5y"]) .cs-title {
    font-size: 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5y"]) .cs-card {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5y"]) .cs-name {
    font-size: 21px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5y"]) .cs-tab {
    padding: 12px 16px;
    font-size: 15px;
  }
}

:where([data-css~="s5z"]) #copper-alloy-standards .ca-group {
  display: none;
}

:where([data-css~="s5z"]) #copper-alloy-standards .ca-group.active {
  display: block !important;
}

:where([data-css~="s5z"]) #standards .ca-group[hidden] {
  display: none !important;
}

:where([data-css~="s5z"]) #standards .ca-tab {
  cursor: pointer;
  pointer-events: auto;
}

@media (max-width: 768px) {
  :where([data-css~="s5z"]) .ca-section {
    padding: 60px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5z"]) .ca-container {
    padding: 48px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5z"]) .ca-title {
    font-size: 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5z"]) .ca-heading {
    font-size: clamp(30px, 7vw, 40px);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5z"]) .ca-description {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5z"]) .ca-card {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5z"]) .ca-name {
    font-size: 21px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5z"]) .ca-tab {
    padding: 12px 16px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5z"]) .ca-search {
    font-size: 17px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5z"]) .ca-filter {
    font-size: 15px;
    padding: 10px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5z"]) .ca-table th {
    padding: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5z"]) .ca-table td {
    padding: 17px 18px;
    font-size: 17px;
  }
}

:where([data-css~="s60"]) #nickel-alloy-standards .na-group {
  display: none;
}

:where([data-css~="s60"]) #nickel-alloy-standards .na-group.active {
  display: block !important;
}

:where([data-css~="s60"]) #naGradeTableBody .na-grade-row {
  cursor: pointer;
  transition: background-color 0.2s;
}

:where([data-css~="s60"]) #naGradeTableBody .na-grade-row:hover {
  background-color: rgb(255, 248, 241);
}

:where([data-css~="s60"]) #naGradeTableBody .na-grade-row:focus-visible {
  outline: rgb(255, 101, 0) solid 2px;
  outline-offset: -2px;
}

:where([data-css~="s60"]) #naGradeTableBody .na-grade-row .na-enquire {
  color: rgb(255, 101, 0);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

:where([data-css~="s60"]) #naGradeTableBody .na-grade-row .na-enquire:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  :where([data-css~="s60"]) .na-section {
    padding: 60px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s60"]) .na-container {
    padding: 48px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s60"]) .na-title {
    font-size: 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s60"]) .na-heading {
    font-size: clamp(30px, 7vw, 40px);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s60"]) .na-description {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s60"]) .na-card {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s60"]) .na-name {
    font-size: 21px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s60"]) .na-tab {
    padding: 12px 16px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s60"]) .na-search {
    font-size: 17px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s60"]) .na-filter {
    font-size: 15px;
    padding: 10px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s60"]) .na-table th {
    padding: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s60"]) .na-table td {
    padding: 17px 18px;
    font-size: 17px;
  }
}

:where([data-css~="s61"]) #non-alloy-standards .na-group {
  display: none;
}

:where([data-css~="s61"]) #non-alloy-standards .na-group.active {
  display: block !important;
}

:where([data-css~="s61"]) #standards .nfa-group[hidden] {
  display: none !important;
}

:where([data-css~="s61"]) #standards .nfa-tab {
  cursor: pointer;
  pointer-events: auto;
}

@media (max-width: 768px) {
  :where([data-css~="s61"]) .nfa-section {
    padding: 60px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s61"]) .nfa-container {
    padding: 48px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s61"]) .nfa-title {
    font-size: 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s61"]) .nfa-heading {
    font-size: clamp(30px, 7vw, 40px);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s61"]) .nfa-description {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s61"]) .nfa-card {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s61"]) .nfa-name {
    font-size: 21px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s61"]) .nfa-tab {
    padding: 12px 16px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s61"]) .nfa-search {
    font-size: 17px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s61"]) .nfa-filter {
    font-size: 15px;
    padding: 10px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s61"]) .nfa-table th {
    padding: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s61"]) .nfa-table td {
    padding: 17px 18px;
    font-size: 17px;
  }
}

:where([data-css~="s62"]) #standards .st-group {
  display: none;
}

:where([data-css~="s62"]) #standards .st-group.active {
  display: block !important;
}

:where([data-css~="s62"]) #ssGradeTableBody .ss-clickable-row {
  cursor: pointer;
  transition: background-color 0.2s;
}

:where([data-css~="s62"]) #ssGradeTableBody .ss-clickable-row:hover {
  background-color: rgb(255, 248, 241);
}

:where([data-css~="s62"]) #ssGradeTableBody .ss-clickable-row:focus-visible {
  outline: rgb(255, 101, 0) solid 2px;
  outline-offset: -2px;
}

:where([data-css~="s62"]) #ssGradeTableBody .ss-clickable-row .ss-enquire {
  color: rgb(255, 101, 0);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

:where([data-css~="s62"])
  #ssGradeTableBody
  .ss-clickable-row
  .ss-enquire:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  :where([data-css~="s62"]) .st-section {
    padding: 60px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s62"]) .st-title {
    font-size: 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s62"]) .st-card {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s62"]) .st-name {
    font-size: 21px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s62"]) .st-tab {
    padding: 12px 16px;
    font-size: 15px;
  }
}

:where([data-css~="s63"]) #super-alloy-standards .sa-group {
  display: none;
}

:where([data-css~="s63"]) #super-alloy-standards .sa-group.active {
  display: block !important;
}

:where([data-css~="s63"]) #standards .sa-group[hidden] {
  display: none !important;
}

:where([data-css~="s63"]) #standards .sa-tab {
  cursor: pointer;
  pointer-events: auto;
}

@media (max-width: 768px) {
  :where([data-css~="s63"]) .sa-section {
    padding: 60px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s63"]) .sa-container {
    padding: 48px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s63"]) .sa-title {
    font-size: 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s63"]) .sa-heading {
    font-size: clamp(30px, 7vw, 40px);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s63"]) .sa-description {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s63"]) .sa-card {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s63"]) .sa-name {
    font-size: 21px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s63"]) .sa-tab {
    padding: 12px 16px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s63"]) .sa-search {
    font-size: 17px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s63"]) .sa-filter {
    font-size: 15px;
    padding: 10px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s63"]) .sa-table th {
    padding: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s63"]) .sa-table td {
    padding: 17px 18px;
    font-size: 17px;
  }
}

:where([data-css~="s64"]) .cta-section {
  background-color: rgb(212, 130, 47);
  padding: 34px 20px;
  text-align: center;
}

:where([data-css~="s64"]) .cta-section h2 {
  color: rgb(255, 255, 255);
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 5px;
  white-space: nowrap;
}

:where([data-css~="s64"]) .cta-section p {
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  opacity: 0.95;
}

:where([data-css~="s64"]) .cta-btn-group {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

:where([data-css~="s64"]) .cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 7px;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  transition: 0.3s;
}

:where([data-css~="s64"]) .cta-btn-primary {
  background-color: rgb(10, 37, 64);
  color: rgb(255, 255, 255);
}

:where([data-css~="s64"]) .cta-btn-primary:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(212, 130, 47);
}

@media (max-width: 760px) {
  :where([data-css~="s4n"]) .b1647-section {
    padding: 28px 0px 56px;
  }
}

@media (max-width: 760px) {
  :where([data-css~="s4n"]) .b1647-card {
    grid-template-columns: 120px minmax(0px, 1fr);
    gap: 16px;
  }
}

@media (max-width: 760px) {
  :where([data-css~="s4n"]) .b1647-icon {
    width: 120px;
  }
}

@media (max-width: 760px) {
  :where([data-css~="s4n"]) .b1647-title h3 {
    font-size: 21px;
  }
}

@media (max-width: 760px) {
  :where([data-css~="s4n"]) .b1647-cta {
    grid-column: 1 / -1;
    justify-content: center;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s4n"]) .b1647-spin,
  :where([data-css~="s4n"]) .b1647-pulse {
    animation: auto ease 0s 1 normal none running none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s4n"]) .b1647-card,
  :where([data-css~="s4n"]) .b1647-chips a,
  :where([data-css~="s4n"]) .b1647-cta {
    transition: none;
  }
}

:where([data-css~="s4n"]) .series-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  margin: 28px 0px 0px;
  padding: 14px 18px;
  background: rgb(255, 247, 237);
  border-width: 1px 1px 1px 4px;
  border-style: solid;
  border-color: rgb(254, 215, 170) rgb(254, 215, 170) rgb(254, 215, 170)
    rgb(245, 130, 32);
  border-image: none;
  border-radius: 6px;
  color: rgb(51, 65, 85);
  font-size: 14px;
  line-height: 1.7;
  box-sizing: border-box;
}

:where([data-css~="s4n"]) .series-note__icon {
  display: inline-flex;
  flex: 0 0 22px;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  background: rgb(245, 130, 32);
  border-radius: 50%;
  color: rgb(255, 255, 255);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

:where([data-css~="s4n"]) .series-note strong {
  color: rgb(14, 53, 88);
  font-weight: 700;
}

@media (max-width: 640px) {
  :where([data-css~="s4n"]) .series-note {
    gap: 8px;
    margin-top: 22px;
    padding: 12px;
    font-size: 13px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4n"]) .series-note__icon {
    flex-basis: 20px;
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .dimensions-breadcrumb {
    max-width: 100%;
    padding: 16px 20px 0px;
    gap: 6px;
    font-size: 15px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .hero {
    margin-bottom: 26px;
    padding: 24px 22px;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .hero h1 {
    font-size: 23px;
    line-height: 1.3;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .hero p {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .hero-stats {
    width: 100%;
    gap: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .hero-stats div {
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .hero-stats .num {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .hero-stats .label {
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .series-grid {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .series-card {
    width: 100%;
    padding: 24px 22px;
    gap: 14px;
    border-width: 2px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .series-top {
    gap: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .series-icon {
    width: 54px;
    height: 54px;
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .series-title {
    font-size: 20px;
    line-height: 1.3;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .series-sub {
    font-size: 13px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .series-meta {
    gap: 8px;
    margin-top: 4px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .series-meta .row {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .series-cta {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .note {
    width: 100%;
    margin: 26px auto 32px;
    padding: 14px 16px;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .dimensions-breadcrumb {
    padding: 14px 14px 0px;
    gap: 5px;
    font-size: 13px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .hero {
    margin-bottom: 22px;
    padding: 22px 18px;
    gap: 18px;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .hero h1 {
    font-size: 20px;
    line-height: 1.3;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .hero p {
    font-size: 12px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .hero-stats {
    gap: 20px;
    flex-wrap: wrap;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .hero-stats .num {
    font-size: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .hero-stats .label {
    font-size: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .series-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .series-card {
    padding: 20px 18px;
    gap: 12px;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .series-top {
    gap: 12px;
    align-items: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .series-icon {
    width: 48px;
    height: 48px;
    font-size: 16px;
    border-width: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .series-title {
    font-size: 18px;
    line-height: 1.25;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .series-sub {
    font-size: 12px;
    line-height: 1.35;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .series-meta {
    gap: 7px;
    margin-top: 3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .series-meta .row {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .series-cta {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s4n"]) .note {
    margin: 22px auto 28px;
    padding: 13px 14px;
    font-size: 13px;
    line-height: 1.55;
    border-radius: 7px;
  }
}

:where([data-css~="s4n"]) .series-row__title {
  font-weight: 800;
  line-height: 1.3;
  font-size: 28px !important;
}

:where([data-css~="s4n"]) .series-row__tags span {
  font-weight: 700;
  padding: 7px 11px;
  line-height: 1.4;
  font-size: 14px !important;
}

:where([data-css~="s4n"]) .series-row__badge {
  font-size: 13px;
  padding: 6px 11px;
}

:where([data-css~="s4n"]) .series-row__desc {
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="s4n"]) .series-row__sub {
  font-size: 14px;
  line-height: 1.6;
}

:where([data-css~="s4n"]) .series-row .series-row__cta {
  font-size: 14px;
  padding: 12px 15px;
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .series-row__title {
    font-size: 24px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .series-row__tags span {
    padding: 6px 9px;
    font-size: 13px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .series-row__desc {
    font-size: 14px;
  }
}

:where([data-css~="s4n"]) .series-row__tags span {
  color: rgb(23, 35, 47);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(213, 221, 231);
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s4n"]) .series-row__tags span:hover,
:where([data-css~="s4n"]) .series-row__tags span.active {
  color: rgb(255, 255, 255) !important;
  background: rgb(16, 39, 71) !important;
  border-color: rgb(16, 39, 71) !important;
}

:where([data-css~="s4n"]) .series-row--a .series-row__cta,
:where([data-css~="s4n"]) .series-row--b .series-row__cta {
  color: rgb(255, 107, 0) !important;
}

:where([data-css~="s4n"]) .series-row--a:hover .series-row__cta,
:where([data-css~="s4n"]) .series-row--b:hover .series-row__cta {
  color: rgb(232, 93, 0) !important;
}

:where([data-css~="s4n"]) .series-row .series-row__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin-left: auto;
  padding: 10px 14px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(255, 107, 0);
  border-radius: 5px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
  color: rgb(255, 107, 0) !important;
  text-decoration: none !important;
}

:where([data-css~="s4n"]) .series-row .series-row__cta:hover {
  background: rgb(255, 107, 0);
  border-color: rgb(255, 107, 0);
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="s4n"]) .series-row .series-row__cta:focus {
  outline: none;
}

:where([data-css~="s4n"]) .series-row .series-row__cta:focus-visible {
  outline: rgb(255, 107, 0) solid 2px;
  outline-offset: 3px;
}

@media (max-width: 768px) {
  :where([data-css~="s4n"]) .series-row .series-row__cta {
    justify-self: start;
    margin-left: 0px;
    white-space: normal;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4r"]) .b165-card {
    grid-template-columns: 140px minmax(0px, 1fr) auto;
    gap: 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4r"]) .b165-art {
    width: 140px;
    height: 90px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4r"]) .b165-btn {
    min-width: 130px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s4r"]) .b165-description {
    font-size: 11px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4r"]) .b165-page {
    padding-bottom: 56px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4r"]) .b165-heading {
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4r"]) .b165-group {
    margin-bottom: 34px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4r"]) .b165-group-title {
    flex-wrap: wrap;
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4r"]) .b165-group-title::after {
    display: none;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4r"]) .b165-list {
    gap: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4r"]) .b165-card {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px;
    min-height: 0px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4r"]) .b165-art {
    width: 100%;
    height: 110px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4r"]) .b165-btn {
    width: 100%;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s4r"]) .b165-description {
    font-size: 12px;
    line-height: 1.6;
  }
}

:where([data-css~="s65"]) .asme-substandards {
  background: rgb(238, 241, 245);
  padding: 56px 24px;
}

:where([data-css~="s65"]) .asme-substandards__header {
  text-align: center;
  max-width: 560px;
  margin: 0px auto 32px;
}

:where([data-css~="s65"]) .asme-substandards__header h2 {
  font-size: 26px;
  font-weight: 700;
  color: rgb(22, 34, 58);
  margin: 0px 0px 8px;
}

:where([data-css~="s65"]) .asme-substandards__header p {
  font-size: 14px;
  color: rgb(91, 107, 130);
  margin: 0px;
  line-height: 1.5;
}

:where([data-css~="s65"]) .asme-substandards__list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 820px;
  margin: 0px auto;
}

:where([data-css~="s65"]) .std-row {
  text-decoration: none;
  background: rgb(255, 255, 255);
  border-radius: 12px;
  padding: 20px 28px 20px 20px;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px;
  display: flex;
  align-items: center;
  gap: 22px;
  border-left: 4px solid rgb(232, 114, 43);
  transition:
    transform 0.15s,
    box-shadow 0.15s;
  cursor: pointer;
}

:where([data-css~="s65"]) .std-row:hover,
:where([data-css~="s65"]) .std-row:focus-visible {
  transform: translateY(-3px);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 20px;
}

:where([data-css~="s65"]) .std-row:focus-visible {
  outline: 2px solid var(--ico-a);
  outline-offset: 3px;
}

:where([data-css~="s65"]) .std-row--orange {
  border-left-color: rgb(232, 114, 43);
  --ico-a: #e8722b;
  --ico-d: #b4521a;
  --ico-t: #fdf1e8;
}

:where([data-css~="s65"]) .std-row--blue {
  border-left-color: rgb(46, 111, 168);
  --ico-a: #2e6fa8;
  --ico-d: #1f4f7e;
  --ico-t: #eaf2f9;
}

:where([data-css~="s65"]) .std-row--green {
  border-left-color: rgb(74, 143, 92);
  --ico-a: #4a8f5c;
  --ico-d: #2f6b40;
  --ico-t: #eaf5ec;
}

:where([data-css~="s65"]) .std-row--orange .std-row__badge {
  background: rgb(253, 241, 232);
  color: rgb(232, 114, 43);
}

:where([data-css~="s65"]) .std-row--blue .std-row__badge {
  background: rgb(234, 242, 249);
  color: rgb(46, 111, 168);
}

:where([data-css~="s65"]) .std-row--green .std-row__badge {
  background: rgb(234, 245, 236);
  color: rgb(74, 143, 92);
}

:where([data-css~="s65"]) .std-row__icon {
  position: relative;
  overflow: hidden;
  flex: 0 0 160px;
  width: 160px;
  height: 118px;
  border-radius: 10px;
  background: var(--ico-t);
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-css~="s65"]) .std-row__icon::before {
  content: attr(data-n);
  position: absolute;
  top: 2px;
  right: 8px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  color: var(--ico-a);
  opacity: 0.14;
}

:where([data-css~="s65"]) .std-row__icon svg {
  position: relative;
  width: 146px;
  height: auto;
}

:where([data-css~="s65"]) .ico-a {
  fill: var(--ico-a);
}

:where([data-css~="s65"]) .ico-d {
  fill: var(--ico-d);
}

:where([data-css~="s65"]) .ico-t {
  fill: var(--ico-t);
}

:where([data-css~="s65"]) .ico-w {
  fill: rgb(255, 255, 255);
}

:where([data-css~="s65"]) .ico-n {
  fill: rgb(22, 34, 58);
}

:where([data-css~="s65"]) .ico-s {
  fill: none;
  stroke: var(--ico-a);
  stroke-width: 2;
}

:where([data-css~="s65"]) .ico-ts {
  fill: var(--ico-t);
  stroke: var(--ico-a);
  stroke-width: 2;
}

:where([data-css~="s65"]) .ico-ring {
  stroke: var(--ico-a);
  stroke-width: 2;
}

:where([data-css~="s65"]) .ico-text {
  fill: var(--ico-a);
  font-family: Poppins, sans-serif;
}

:where([data-css~="s65"]) .ico-dot {
  fill: var(--ico-a);
  animation: 2.4s linear 0s infinite normal none running ico-flow;
}

:where([data-css~="s65"]) .ico-spin {
  animation: 14s linear 0s infinite normal none running ico-spin;
}

:where([data-css~="s65"]) .ico-dash {
  fill: none;
  stroke: var(--ico-a);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 6, 6;
  animation: 1s linear 0s infinite normal none running ico-dash;
}

:where([data-css~="s65"]) .ico-needle {
  transform-origin: 60px 18px;
  animation: 3s ease-in-out 0s infinite normal none running ico-sway;
}

:where([data-css~="s65"]) .std-row:hover .ico-spin {
  animation-duration: 4s;
}

:where([data-css~="s65"]) .std-row:hover .ico-dash {
  animation-duration: 0.45s;
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s65"]) .ico-dot,
  :where([data-css~="s65"]) .ico-spin,
  :where([data-css~="s65"]) .ico-dash,
  :where([data-css~="s65"]) .ico-needle {
    animation: auto ease 0s 1 normal none running none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s65"]) .std-row {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s65"]) .std-row:hover,
  :where([data-css~="s65"]) .std-row:focus-visible {
    transform: none;
  }
}

:where([data-css~="s65"]) .std-row__body {
  flex: 1 1 0%;
  min-width: 0px;
}

:where([data-css~="s65"]) .std-row__title-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

:where([data-css~="s65"]) .std-row__title {
  font-size: 18px;
  font-weight: 700;
  color: rgb(22, 34, 58);
}

:where([data-css~="s65"]) .std-row__badge {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 20px;
  white-space: nowrap;
}

:where([data-css~="s65"]) .std-row__desc {
  font-size: 13px;
  color: rgb(91, 107, 130);
  margin: 0px 0px 4px;
}

:where([data-css~="s65"]) .std-row__sub {
  font-size: 11px;
  color: rgb(125, 138, 156);
  margin: 0px;
}

:where([data-css~="s65"]) .std-row__cta {
  font-size: 13px;
  color: rgb(199, 90, 20);
  font-weight: 700;
  white-space: nowrap;
  flex-shrink: 0;
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .std-row {
    flex-wrap: wrap;
    padding: 16px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .std-row__icon {
    flex: 0 0 100%;
    width: 100%;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .std-row__body {
    flex: 1 1 100%;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .std-row__cta {
    width: 100%;
    text-align: right;
    margin-top: 4px;
  }
}

:where([data-css~="s65"]) .std-class-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
}

:where([data-css~="s65"]) .std-class-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgb(232, 114, 43);
  border-radius: 3px;
  background: rgb(255, 255, 255);
  color: rgb(23, 55, 84);
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s65"]) .std-class-links a:hover,
:where([data-css~="s65"]) .std-class-links a:focus-visible {
  background: rgb(232, 114, 43);
  border-color: rgb(232, 114, 43);
  color: rgb(255, 255, 255);
  outline-offset: 2px;
}

:where([data-css~="s65"]) .std-row__title-line .std-row__title {
  text-decoration: none;
}

:where([data-css~="s65"]) .std-row__title-line .std-row__title:hover {
  color: rgb(232, 114, 43);
}

:where([data-css~="s65"]) .std-row__cta {
  text-decoration: none;
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .std-class-links {
    gap: 7px;
    margin-top: 12px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .std-class-links a {
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
  }
}

:where([data-css~="s65"]) .asme-substandards__list .std-row {
  display: grid;
  grid-template-columns: 160px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 0px 22px;
  padding: 20px 24px 20px 20px;
  cursor: default;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row__icon {
  grid-area: 1 / 1;
  width: 160px;
  height: 118px;
  flex: 0 0 auto;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row__body {
  grid-area: 1 / 2 / span 2;
  min-width: 0px;
  width: 100%;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row__cta {
  grid-area: 1 / 3;
  align-self: center;
  margin: 0px;
  white-space: nowrap;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 13px;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid var(--ico-a);
  border-radius: 3px;
  background: rgb(255, 255, 255);
  color: rgb(23, 55, 84);
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links a:hover,
:where([data-css~="s65"])
  .asme-substandards__list
  .std-class-links
  a:focus-visible {
  background: var(--ico-a);
  color: rgb(255, 255, 255);
  outline-offset: 2px;
}

:where([data-css~="s65"]) .std-class-groups {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

:where([data-css~="s65"]) .std-class-group {
  display: grid;
  gap: 6px;
}

:where([data-css~="s65"]) .std-class-label {
  color: rgb(22, 34, 58);
  font-size: 12px;
  font-weight: 700;
}

:where([data-css~="s65"]) .std-class-group .std-class-links {
  margin-top: 0px;
}

@media (max-width: 900px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row {
    grid-template-columns: 130px minmax(0px, 1fr);
    gap: 14px 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row__icon {
    grid-area: 1 / 1;
    width: 130px;
    height: 110px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row__body {
    grid-area: 1 / 2;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row__cta {
    grid-area: 2 / 2;
    justify-self: end;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row {
    grid-template-columns: minmax(0px, 1fr);
    padding: 16px;
    row-gap: 14px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row__icon {
    grid-area: 1 / 1;
    width: 100%;
    max-width: 160px;
    height: 118px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row__body {
    grid-area: 2 / 1;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row__cta {
    grid-area: 3 / 1;
    justify-self: end;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-class-links {
    gap: 7px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-class-links a {
    min-height: 32px;
    padding: 6px 9px;
  }
}

:where([data-css~="s65"]) .asme-substandards__list {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row {
  grid-template-columns: 135px minmax(0px, 1fr) auto;
  column-gap: 20px;
  width: 100%;
  padding: 20px 24px 20px 18px;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row__icon {
  width: 135px;
  height: 112px;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row__body {
  min-width: 0px;
  width: 100%;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 7px;
  width: 100%;
  margin-top: 12px;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links a {
  flex: 0 0 auto;
  min-height: 29px;
  padding: 5px 9px;
  font-size: 11px;
  white-space: nowrap;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-groups {
  width: 100%;
  display: grid;
  gap: 10px;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-group {
  min-width: 0px;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-label {
  margin-bottom: 2px;
}

@media (max-width: 1050px) {
  :where([data-css~="s65"]) .asme-substandards__list {
    max-width: 100%;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row {
    grid-template-columns: 115px minmax(0px, 1fr);
    gap: 14px;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row__icon {
    width: 115px;
    height: 105px;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row__body {
    grid-area: 1 / 2;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row__cta {
    grid-area: 2 / 2;
    justify-self: end;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-class-links {
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row {
    grid-template-columns: minmax(0px, 1fr);
    padding: 16px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row__icon {
    grid-area: 1 / 1;
    width: 135px;
    height: 110px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row__body {
    grid-area: 2 / 1;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row__cta {
    grid-area: 3 / 1;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-class-links {
    flex-wrap: wrap;
    gap: 7px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-class-links a {
    font-size: 11px;
  }
}

:where([data-css~="s65"]) .asme-substandards__list .std-row--blue {
  align-items: center;
  min-height: 250px;
}

:where([data-css~="s65"])
  .asme-substandards__list
  .std-row--blue
  .std-row__icon {
  align-self: center;
}

:where([data-css~="s65"])
  .asme-substandards__list
  .std-row--blue
  .std-row__body {
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 210px;
}

:where([data-css~="s65"])
  .asme-substandards__list
  .std-row--blue
  .std-class-groups {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  margin-top: 14px;
}

:where([data-css~="s65"])
  .asme-substandards__list
  .std-row--blue
  .std-class-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

:where([data-css~="s65"])
  .asme-substandards__list
  .std-row--blue
  .std-class-links {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 8px;
  margin-top: 0px;
}

:where([data-css~="s65"])
  .asme-substandards__list
  .std-row--blue
  .std-row__cta {
  align-self: center;
}

@media (max-width: 1050px) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row--blue {
    min-height: auto;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s65"])
    .asme-substandards__list
    .std-row--blue
    .std-row__body {
    min-height: auto;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s65"])
    .asme-substandards__list
    .std-row--blue
    .std-class-links {
    flex-wrap: wrap;
  }
}

:where([data-css~="s65"]) .asme-substandards__list .std-row--blue {
  position: relative !important;
}

:where([data-css~="s65"])
  .asme-substandards__list
  .std-row--blue
  > .std-row__cta {
  z-index: 2;
  position: absolute !important;
  top: 50% !important;
  right: 28px !important;
  transform: translateY(-50%) !important;
  margin: 0px !important;
  width: auto !important;
  place-self: auto !important;
  white-space: nowrap !important;
}

:where([data-css~="s65"])
  .asme-substandards__list
  .std-row--blue
  > .std-row__body {
  padding-right: 165px !important;
}

@media (max-width: 1050px) {
  :where([data-css~="s65"])
    .asme-substandards__list
    .std-row--blue
    > .std-row__cta {
    position: static !important;
    transform: none !important;
    grid-column: 2 !important;
    justify-self: end !important;
    margin-top: 8px !important;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="s65"])
    .asme-substandards__list
    .std-row--blue
    > .std-row__body {
    padding-right: 0px !important;
  }
}

@media (max-width: 640px) {
  :where([data-css~="s65"])
    .asme-substandards__list
    .std-row--blue
    > .std-row__cta {
    grid-column: 1 !important;
    justify-self: end !important;
  }
}

:where([data-css~="s65"]) .asme-substandards__list .std-row__cta {
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  min-height: 38px;
  border: 1px solid rgb(232, 114, 43);
  border-radius: 4px;
  background: rgb(255, 255, 255);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
  display: inline-flex !important;
  color: rgb(217, 99, 32) !important;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row__cta:hover,
:where([data-css~="s65"]) .asme-substandards__list .std-row__cta:focus-visible {
  background: rgb(232, 114, 43);
  border-color: rgb(232, 114, 43);
  outline-offset: 3px;
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links a {
  background: rgb(255, 255, 255);
  color: rgb(14, 37, 69);
  border: 1px solid var(--ico-a);
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links a:hover {
  background: rgb(14, 37, 69);
  color: rgb(255, 255, 255);
  border-color: rgb(14, 37, 69);
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links a:active,
:where([data-css~="s65"])
  .asme-substandards__list
  .std-class-links
  a:focus-visible {
  background: rgb(14, 37, 69);
  color: rgb(255, 255, 255);
  border-color: rgb(14, 37, 69);
  outline: rgb(14, 37, 69) solid 2px;
  outline-offset: 2px;
}

:where([data-css~="s65"])
  .asme-substandards__list
  .std-class-links
  a.is-active {
  background: rgb(14, 37, 69);
  color: rgb(255, 255, 255);
  border-color: rgb(14, 37, 69);
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links a {
  border-radius: 4px;
  box-shadow: none;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s;
  background: rgb(255, 255, 255) !important;
  color: rgb(38, 54, 75) !important;
  border: 1px solid rgb(213, 219, 227) !important;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links a:hover {
  background: rgb(14, 37, 69) !important;
  color: rgb(255, 255, 255) !important;
  border-color: rgb(14, 37, 69) !important;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links a:active,
:where([data-css~="s65"])
  .asme-substandards__list
  .std-class-links
  a:focus-visible {
  outline: none;
  background: rgb(14, 37, 69) !important;
  color: rgb(255, 255, 255) !important;
  border-color: rgb(14, 37, 69) !important;
}

:where([data-css~="s65"])
  .asme-substandards__list
  .std-class-links
  a.is-active {
  background: rgb(14, 37, 69) !important;
  color: rgb(255, 255, 255) !important;
  border-color: rgb(14, 37, 69) !important;
}

:where([data-css~="s65"]) .standards-card h3,
:where([data-css~="s65"]) .standard-card h3,
:where([data-css~="s65"]) .standards-card__title,
:where([data-css~="s65"]) .standard-card__title {
  line-height: 1.3;
  font-size: 30px !important;
  font-weight: 800 !important;
}

:where([data-css~="s65"]) .standards-card p,
:where([data-css~="s65"]) .standard-card p {
  font-size: 17px !important;
  line-height: 1.75 !important;
}

:where([data-css~="s65"]) .standards-card .class-chip,
:where([data-css~="s65"]) .standard-card .class-chip,
:where([data-css~="s65"]) .standards-card .class-btn,
:where([data-css~="s65"]) .standard-card .class-btn,
:where([data-css~="s65"]) .standards-card .class-tag,
:where([data-css~="s65"]) .standard-card .class-tag {
  min-height: 42px;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 10px 14px !important;
  line-height: 1.5 !important;
}

:where([data-css~="s65"]) .standards-card .series-label,
:where([data-css~="s65"]) .standard-card .series-label {
  font-size: 17px !important;
  font-weight: 800 !important;
}

:where([data-css~="s65"]) .standards-card,
:where([data-css~="s65"]) .standard-card {
  gap: 24px;
  padding: 24px !important;
}

@media (max-width: 768px) {
  :where([data-css~="s65"]) .standards-card h3,
  :where([data-css~="s65"]) .standard-card h3,
  :where([data-css~="s65"]) .standards-card__title,
  :where([data-css~="s65"]) .standard-card__title {
    font-size: 25px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s65"]) .standards-card p,
  :where([data-css~="s65"]) .standard-card p {
    font-size: 15px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s65"]) .standards-card .class-chip,
  :where([data-css~="s65"]) .standard-card .class-chip,
  :where([data-css~="s65"]) .standards-card .class-btn,
  :where([data-css~="s65"]) .standard-card .class-btn,
  :where([data-css~="s65"]) .standards-card .class-tag,
  :where([data-css~="s65"]) .standard-card .class-tag {
    font-size: 14px !important;
    padding: 8px 11px !important;
  }
}

:where([data-css~="s65"]) .asme-substandards .std-row__title {
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

:where([data-css~="s65"]) .asme-substandards .std-class-links a {
  align-items: center;
  justify-content: center;
  min-height: 42px;
  display: inline-flex !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 10px 14px !important;
  line-height: 1.4 !important;
}

:where([data-css~="s65"]) .asme-substandards .std-series-label,
:where([data-css~="s65"]) .asme-substandards .std-row__series {
  font-size: 17px !important;
  font-weight: 800 !important;
}

:where([data-css~="s65"]) .asme-substandards .std-row__desc {
  font-size: 16px !important;
  line-height: 1.65 !important;
}

:where([data-css~="s65"]) .asme-substandards .std-row__sub {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

@media (max-width: 768px) {
  :where([data-css~="s65"]) .asme-substandards .std-row__title {
    font-size: 24px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s65"]) .asme-substandards .std-class-links a {
    font-size: 14px !important;
    padding: 9px 11px !important;
  }
}

:where([data-css~="s65"]) .asme-substandards__list .std-row__icon {
  background: rgb(14, 42, 74);
}

:where([data-css~="s65"]) .asme-substandards__list .std-row__icon::before {
  content: none;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row__icon img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  object-fit: contain;
  color: rgb(255, 255, 255);
  font-size: 11px;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row {
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row__title {
  position: static;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row__title::after {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: 1;
  cursor: pointer;
  border-radius: inherit;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links {
  position: relative;
  z-index: 3;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links a {
  position: relative;
  z-index: 4;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row__cta {
  position: relative;
  z-index: 4;
}

:where([data-css~="s65"])
  .asme-substandards__list
  .std-row--blue
  > .std-row__cta {
  z-index: 4;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row:hover {
  transform: translateY(-3px);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px;
}

:where([data-css~="s65"])
  .asme-substandards__list
  .std-row__title:focus-visible::after {
  outline: 2px solid var(--ico-a);
  outline-offset: 3px;
}

:where([data-css~="s65"]) .asme-substandards__list .std-class-links a:hover {
  background: rgb(14, 37, 69) !important;
  color: rgb(255, 255, 255) !important;
  border-color: rgb(14, 37, 69) !important;
}

:where([data-css~="s65"]) .asme-substandards__list .std-row,
:where([data-css~="s65"]) .asme-substandards__list .std-class-links a,
:where([data-css~="s65"]) .asme-substandards__list .std-row__cta {
  transition:
    transform 0.2s,
    box-shadow 0.2s,
    background-color 0.2s,
    color 0.2s;
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s65"]) .asme-substandards__list .std-row,
  :where([data-css~="s65"]) .asme-substandards__list .std-class-links a,
  :where([data-css~="s65"]) .asme-substandards__list .std-row__cta {
    transition: none;
  }
}

/* PAGE SECTION: /dimensions/index.html | scopes: s66, seg, sek, sey, sf2, sf3, sf4, sf5, sgy, sgz, sh0, sh1, si9, sie, sif, sih */
:where([data-css~="s66"]) .dimensions-hero {
  background: rgb(23, 35, 47);
  width: 100%;
  padding: 90px 0px 85px;
  overflow: hidden;
}

:where([data-css~="s66"]) .dimensions-hero-container {
  max-width: 1380px;
  margin: 0px auto;
  padding: 0px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

:where([data-css~="s66"]) .dimensions-hero-content {
  width: 40%;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}

:where([data-css~="s66"]) .dimensions-hero-badge {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 22px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.4px;
  color: rgb(247, 148, 29);
  text-transform: uppercase;
}

:where([data-css~="s66"]) .dimensions-hero-badge .badge-dot {
  color: rgb(247, 148, 29);
  font-size: 15px;
}

:where([data-css~="s66"]) .dimensions-hero-content h1 {
  margin: 0px 0px 24px;
  color: rgb(255, 255, 255);
  font-size: 68px;
  line-height: 1.02;
  font-weight: 700;
  letter-spacing: -1.5px;
}

:where([data-css~="s66"]) .dimensions-hero-description {
  max-width: 570px;
  margin: 0px 0px 32px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  line-height: 1.75;
  font-weight: 400;
}

:where([data-css~="s66"]) .dimensions-hero-stats {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 35px;
}

:where([data-css~="s66"]) .dimensions-stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

:where([data-css~="s66"]) .dimensions-stat strong {
  color: rgb(247, 148, 29);
  font-size: 38px;
  line-height: 1;
  font-weight: 700;
}

:where([data-css~="s66"]) .dimensions-stat span {
  color: rgb(255, 255, 255);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
}

:where([data-css~="s66"]) .dimensions-stat-divider {
  width: 1px;
  height: 48px;
  background: rgba(255, 255, 255, 0.25);
}

:where([data-css~="s66"]) .dimensions-hero-buttons {
  display: flex;
  align-items: center;
  gap: 15px;
}

:where([data-css~="s66"]) .dimensions-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0px 27px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
}

:where([data-css~="s66"]) .dimensions-btn-primary {
  background: rgb(247, 148, 29);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(247, 148, 29);
}

:where([data-css~="s66"]) .dimensions-btn-primary:hover {
  background: rgb(255, 255, 255);
  color: rgb(15, 41, 66);
  border-color: rgb(255, 255, 255);
}

:where([data-css~="s66"]) .dimensions-btn-secondary {
  background: transparent;
  color: rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.55);
}

:where([data-css~="s66"]) .dimensions-btn-secondary:hover {
  background: rgb(255, 255, 255);
  color: rgb(15, 41, 66);
  border-color: rgb(255, 255, 255);
}

:where([data-css~="s66"]) .dimensions-hero-visual {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  transform: none;
}

:where([data-css~="s66"]) .dimensions-hero-drawing {
  display: block;
  width: 100%;
  max-width: 820px;
  height: auto;
  object-fit: contain;
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-hero {
    padding: 65px 0px 60px;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-hero-container {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    padding: 0px 24px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 45px;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-hero-content {
    width: 100%;
    max-width: 100%;
    flex-shrink: 1;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-hero-badge {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 18px;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 1.1px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-hero-badge .badge-dot {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-hero-content h1 {
    margin: 0px 0px 20px;
    font-size: 52px;
    line-height: 1.03;
    letter-spacing: -1px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-hero-description {
    width: 100%;
    max-width: 100%;
    margin: 0px 0px 28px;
    font-size: 16px;
    line-height: 1.65;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-hero-stats {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 30px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-stat {
    min-width: 0px;
    gap: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-stat strong {
    font-size: 34px;
    line-height: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-stat span {
    font-size: 13px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-stat-divider {
    width: 1px;
    height: 45px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-hero-buttons {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-btn {
    width: 100%;
    min-height: 52px;
    padding: 0px 20px;
    box-sizing: border-box;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-hero-visual {
    width: 100%;
    max-width: 100%;
    flex-shrink: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transform: none;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .dimensions-hero-drawing {
    display: block;
    width: 100%;
    max-width: 600px;
    height: auto;
    object-fit: contain;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-hero {
    padding: 50px 0px 45px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-hero-container {
    padding: 0px 18px;
    gap: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-hero-badge {
    gap: 5px;
    margin-bottom: 15px;
    font-size: 9px;
    letter-spacing: 0.9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-hero-badge .badge-dot {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-hero-content h1 {
    margin-bottom: 17px;
    font-size: 43px;
    line-height: 1.04;
    letter-spacing: -0.8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-hero-description {
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-hero-stats {
    gap: 17px;
    margin-bottom: 26px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-stat {
    gap: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-stat strong {
    font-size: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-stat span {
    font-size: 12px;
    line-height: 1.35;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-stat-divider {
    height: 42px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-hero-buttons {
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-btn {
    min-height: 50px;
    padding: 0px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-hero-visual {
    width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .dimensions-hero-drawing {
    width: 100%;
    max-width: 430px;
  }
}

:where([data-css~="s66"]) .standards-selector {
  background: rgb(238, 241, 245);
  padding: 64px 24px;
  box-sizing: border-box;
}

:where([data-css~="s66"]) .standards-selector__header {
  text-align: center;
  max-width: 560px;
  margin: 0px auto 40px;
}

:where([data-css~="s66"]) .standards-selector__header h2 {
  font-size: clamp(23px, 3vw, 28px);
  font-weight: 700;
  line-height: 1.25;
  color: rgb(22, 34, 58);
  margin: 0px 0px 8px;
}

:where([data-css~="s66"]) .standards-selector__header p {
  font-size: clamp(13px, 1.6vw, 15px);
  line-height: 1.6;
  color: rgb(91, 107, 130);
  margin: 0px;
}

:where([data-css~="s66"]) .standards-grid {
  display: flex;
  flex-direction: column;
  gap: 28px;
  width: 100%;
  max-width: 1100px;
  margin: 0px auto;
  box-sizing: border-box;
}

:where([data-css~="s66"]) .standard-card {
  --accent: #e8722b;
  display: flex;
  align-items: center;
  gap: 24px;
  box-sizing: border-box;
  padding: 20px 24px;
  text-align: left;
  text-decoration: none;
  background: rgb(255, 255, 255);
  border-left: 4px solid var(--accent);
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 6px;
  transition:
    transform 0.15s,
    box-shadow 0.15s;
}

:where([data-css~="s66"]) .standard-card:hover,
:where([data-css~="s66"]) .standard-card:focus-visible {
  transform: translateY(-3px);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 16px;
}

:where([data-css~="s66"]) .standard-card:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

:where([data-css~="s66"]) .standard-card--us {
  --accent: #e8722b;
}

:where([data-css~="s66"]) .standard-card--eu {
  --accent: #2e6fa8;
}

:where([data-css~="s66"]) .standard-card--asia {
  --accent: #b03a3a;
}

:where([data-css~="s66"]) .standard-card--intl {
  --accent: #4a8f5c;
}

:where([data-css~="s66"]) .standard-card__icon {
  flex: 0 0 72px;
  font-size: 40px;
  line-height: 1;
  text-align: center;
}

:where([data-css~="s66"]) .standard-card__body {
  flex: 1 1 0%;
  min-width: 0px;
}

:where([data-css~="s66"]) .standard-card__name {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: rgb(22, 34, 58);
}

:where([data-css~="s66"]) .standard-card__desc {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.55;
  color: rgb(91, 107, 130);
}

:where([data-css~="s66"]) .standard-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

:where([data-css~="s66"]) .standard-card__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 5px 12px;
  font-size: 12px;
  line-height: 1.4;
  color: rgb(22, 34, 58);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(22, 34, 58);
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.2s,
    color 0.2s;
}

:where([data-css~="s66"]) .standard-card__tag:hover,
:where([data-css~="s66"]) .standard-card__tag:focus-visible {
  background: rgb(22, 34, 58);
  color: rgb(255, 255, 255);
}

:where([data-css~="s66"]) .standard-card__tag:focus-visible {
  outline: rgb(232, 114, 43) solid 2px;
  outline-offset: 3px;
}

:where([data-css~="s66"]) .standard-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 600;
  color: rgb(232, 114, 43);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(232, 114, 43);
  border-radius: 4px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color 0.2s,
    color 0.2s;
}

:where([data-css~="s66"]) .standard-card__cta:hover,
:where([data-css~="s66"]) .standard-card__cta:focus-visible {
  background: rgb(232, 114, 43);
  color: rgb(255, 255, 255);
}

:where([data-css~="s66"]) .standard-card__cta:focus-visible {
  outline: rgb(22, 34, 58) solid 2px;
  outline-offset: 3px;
}

:where([data-css~="s66"]) .asme-hero,
:where([data-css~="s66"]) .din-hero,
:where([data-css~="s66"]) .bs-en-hero,
:where([data-css~="s66"]) .iso-hero,
:where([data-css~="s66"]) .api-hero,
:where([data-css~="s66"]) .jis-hero,
:where([data-css~="s66"]) .bs-hero,
:where([data-css~="s66"]) .gost-hero,
:where([data-css~="s66"]) .is-hero,
:where([data-css~="s66"]) .mss-hero,
:where([data-css~="s66"]) .awwa-hero,
:where([data-css~="s66"]) .sans-hero {
  background-color: rgb(23, 37, 50);
  color: rgb(255, 255, 255);
}

:where([data-css~="s66"]) .asme-hero h1,
:where([data-css~="s66"]) .din-hero h1,
:where([data-css~="s66"]) .bs-en-hero h1,
:where([data-css~="s66"]) .iso-hero h1,
:where([data-css~="s66"]) .api-hero h1,
:where([data-css~="s66"]) .jis-hero h1,
:where([data-css~="s66"]) .bs-hero h1,
:where([data-css~="s66"]) .gost-hero h1,
:where([data-css~="s66"]) .is-hero h1,
:where([data-css~="s66"]) .mss-hero h1,
:where([data-css~="s66"]) .awwa-hero h1,
:where([data-css~="s66"]) .sans-hero h1 {
  color: rgb(255, 255, 255);
}

:where([data-css~="s66"]) .asme-hero p,
:where([data-css~="s66"]) .din-hero p,
:where([data-css~="s66"]) .bs-en-hero p,
:where([data-css~="s66"]) .iso-hero p,
:where([data-css~="s66"]) .api-hero p,
:where([data-css~="s66"]) .jis-hero p,
:where([data-css~="s66"]) .bs-hero p,
:where([data-css~="s66"]) .gost-hero p,
:where([data-css~="s66"]) .is-hero p,
:where([data-css~="s66"]) .mss-hero p,
:where([data-css~="s66"]) .awwa-hero p,
:where([data-css~="s66"]) .sans-hero p {
  color: rgb(255, 255, 255);
}

@media (max-width: 600px) {
  :where([data-css~="s66"]) .standards-selector {
    padding: 45px 15px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s66"]) .standards-selector__header {
    margin-bottom: 27px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s66"]) .standard-card {
    flex-wrap: wrap;
    gap: 10px 14px;
    padding: 16px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s66"]) .standard-card__icon {
    flex: 0 0 44px;
    font-size: 30px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s66"]) .standard-card__body {
    flex: 1 1 calc(100% - 60px);
  }
}

@media (max-width: 600px) {
  :where([data-css~="s66"]) .standard-card__name {
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s66"]) .standard-card__desc {
    font-size: 13px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s66"]) .standard-card__cta {
    flex: 1 1 100%;
    padding-left: 58px;
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s66"]) .standard-card {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s66"]) .standard-card:hover,
  :where([data-css~="s66"]) .standard-card:focus-visible {
    transform: none;
  }
}

:where([data-css~="s66"]) .standards-selector {
  width: 100%;
  box-sizing: border-box;
}

:where([data-css~="s66"]) .standards-selector__header {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

:where([data-css~="s66"]) .standards-grid {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

:where([data-css~="s66"]) .standards-grid .standard-card {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 600px) {
  :where([data-css~="s66"]) .standards-selector {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s66"]) .standards-grid {
    width: 100%;
    max-width: 100%;
  }
}

:where([data-css~="s66"]) .standard-card__tags {
  justify-content: center;
}

:where([data-css~="s66"]) .standards-grid .standard-card {
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

:where([data-css~="s66"]) .standards-grid .standard-card__cta {
  position: static;
}

:where([data-css~="s66"]) .standards-grid .standard-card__cta::after {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: 1;
  border-radius: inherit;
}

:where([data-css~="s66"]) .standards-grid .standard-card__tags {
  position: relative;
  z-index: 2;
}

:where([data-css~="s66"]) .standards-grid .standard-card__tag {
  position: relative;
  z-index: 3;
}

:where([data-css~="s66"]) .standards-grid .standard-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
}

:where([data-css~="s66"]) .standard-card__tag:hover {
  background: rgb(22, 34, 58);
  color: rgb(255, 255, 255);
}

:where([data-css~="s66"]) .standard-card__cta:focus-visible::after {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

:where([data-css~="s66"]) .standards-grid .standard-card,
:where([data-css~="s66"]) .standard-card__tag,
:where([data-css~="s66"]) .standard-card__cta {
  transition:
    transform 0.2s,
    box-shadow 0.2s,
    background-color 0.2s,
    color 0.2s;
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s66"]) .standards-grid .standard-card,
  :where([data-css~="s66"]) .standard-card__tag,
  :where([data-css~="s66"]) .standard-card__cta {
    transition: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .header-container {
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .logo {
    flex: 0 0 auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .logo img {
    width: 155px;
    height: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .navbar {
    display: none;
    order: 3;
    position: absolute;
    top: 78px;
    left: 0px;
    width: 100%;
    background: rgb(255, 255, 255);
    margin-left: 0px;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px;
    max-height: calc(-78px + 100vh);
    overflow-y: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .navbar.active {
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .header .navbar > ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .header .navbar > ul > li {
    width: 100%;
    border-bottom: 1px solid rgb(236, 236, 236);
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .header .navbar > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .dropdown-menu {
    position: static;
    display: none;
    width: 100%;
    min-width: 0px;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
    background: rgb(248, 249, 250);
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .dropdown.active .dropdown-menu {
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .dropdown-menu li {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .dropdown-menu li a {
    display: block;
    width: 100%;
    padding: 13px 35px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  @media (max-width: 480px) {
    :where([data-css~="s67"]) .dimensions-dropdown-menu li a {
      padding: 10px 16px !important;
      font-size: 14px !important;
    }
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .header-container {
    min-height: 68px;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .logo {
    flex: 0 0 auto;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .logo img {
    width: 155px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .header-right {
    gap: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .contact-btn,
  :where([data-css~="sv"]) .quote-btn {
    display: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .search-btn {
    width: 42px;
    height: 42px;
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .menu-toggle {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .header-right {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .contact-btn,
  :where([data-css~="sb"]) .quote-btn,
  :where([data-css~="sb"]) .search-btn {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0px;
    margin-left: auto;
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    color: rgb(17, 17, 17);
    font-size: 25px;
    cursor: pointer;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s68"]) .header-container {
    height: 72px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .logo img {
    width: 130px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .menu-toggle {
    width: 38px;
    height: 38px;
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: auto;
    font-size: 25px;
    color: rgb(17, 17, 17);
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .header-container {
    height: 68px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s69"]) .logo img {
    width: 135px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se"]) .search-btn {
    width: 38px;
    height: 38px;
    font-size: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se"]) .menu-toggle {
    width: 40px;
    height: 40px;
    font-size: 23px;
    padding: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6a"]) .navbar {
    top: 72px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .header .navbar > ul > li > a {
    padding: 14px 16px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .dropdown-menu li a {
    padding: 12px 30px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .header .navbar > ul > li > a {
    padding: 13px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se"]) .header .navbar > ul > li > a {
    min-height: 50px;
    padding: 13px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6b"]) .dropdown-menu li a {
    padding: 11px 30px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .top-bar {
    padding: 8px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .top-bar-container {
    gap: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .top-left {
    gap: 4px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .top-left a {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .top-right {
    gap: 4px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .top-right a {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .top-right i {
    font-size: 10px;
    margin-right: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .header-container {
    width: 92%;
    height: 70px;
    min-height: 70px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .logo img {
    width: 135px;
    max-width: 135px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .menu-toggle {
    width: 42px;
    height: 42px;
    font-size: 20px;
    border-radius: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .header .navbar > ul {
    padding: 3px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .header .navbar > ul > li > a {
    min-height: 49px;
    padding: 13px 15px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .menu-toggle {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .navbar {
    margin-top: 5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .header .navbar > ul > li > a {
    min-height: 50px;
    padding: 13px 6px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .top-bar {
    padding: 7px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .top-left,
  :where([data-css~="sm"]) .top-right {
    gap: 6px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .top-left a,
  :where([data-css~="sm"]) .top-right a {
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .top-right i {
    margin-right: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .header-container {
    min-height: 70px;
    width: 94%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .logo img {
    width: 125px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .header-right {
    gap: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .search-btn {
    width: 38px;
    height: 38px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .menu-toggle {
    width: 38px;
    height: 38px;
    margin-left: 5px;
    font-size: 19px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .navbar {
    padding-top: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .header .navbar > ul > li > a {
    padding: 13px 4px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .header-container {
    min-height: 75px;
    padding: 10px 0px;
    gap: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .logo img {
    width: 135px;
    height: auto;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .header-right {
    display: none !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .menu-toggle {
    width: 38px;
    height: 38px;
    margin-left: auto;
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .header .navbar > ul > li > a {
    min-height: 48px;
    padding: 12px 4px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6c"]) .dropdown-menu {
    padding-left: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .dropdown-menu li a {
    min-height: 44px;
    padding: 10px 13px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6d"]) .navbar ul li a i {
    font-size: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .dropdown-menu li a {
    font-size: 13px;
    padding: 12px 28px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .menu-toggle {
    width: 42px;
    height: 42px;
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .header .navbar > ul {
    padding-top: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .header .navbar > ul > li > a {
    min-height: 48px;
    padding: 13px 3px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .dropdown-menu {
    padding-left: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .dropdown-menu li a {
    min-height: 42px;
    padding: 10px 12px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1w"]) .navbar {
    top: 85px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .menu-toggle {
    font-size: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .dropdown-menu li a {
    padding: 11px 12px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  @media (max-width: 480px) {
    :where([data-css~="s6e"]) .dimensions-dropdown-menu li a {
      padding: 10px 16px !important;
      font-size: 14px !important;
    }
  }
}

:where([data-css~="s6f"]) .hero {
  background: rgb(23, 35, 47);
  padding: 55px 0px 25px;
  position: relative;
  overflow: hidden;
}

:where([data-css~="s6f"]) .hero-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 80px;
}

:where([data-css~="s6f"]) .hero-content {
  flex: 1 1 0%;
}

:where([data-css~="s6f"]) .hero-top-text {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgb(242, 165, 69);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

:where([data-css~="s6f"]) .hero-top-text i {
  font-size: 18px;
}

:where([data-css~="s6f"]) .hero-content h1 {
  color: rgb(255, 255, 255);
  font-size: 50px;
  font-weight: 700;
  line-height: 1.08;
  margin-bottom: 35px;
}

:where([data-css~="s6f"]) .hero-content h1 .hero-line {
  display: block;
  white-space: nowrap;
}

:where([data-css~="s6f"]) .hero-content h1 .white-line {
  color: rgb(255, 255, 255);
}

:where([data-css~="s6f"]) .hero-content h1 .orange-line {
  color: rgb(242, 165, 69);
}

:where([data-css~="s6f"]) .hero-content p {
  color: rgb(213, 220, 226);
  font-size: 19px;
  line-height: 1.8;
  max-width: 700px;
  margin-bottom: 45px;
}

:where([data-css~="s6f"]) .hero-buttons {
  display: flex;
  gap: 22px;
}

:where([data-css~="s6f"]) .catalogue-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 34px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: rgb(255, 255, 255);
  border-radius: 6px;
  font-size: 17px;
  font-weight: 600;
  transition: 0.35s;
}

:where([data-css~="s6f"]) .catalogue-btn:hover {
  background: rgb(255, 255, 255);
  color: rgb(23, 35, 47);
}

:where([data-css~="s6f"]) .hero-image {
  flex: 1 1 0%;
  display: flex;
  justify-content: flex-end;
}

:where([data-css~="s6f"]) .hero-image img {
  width: 100%;
  max-width: 620px;
}

:where([data-css~="s6f"]) .trust-bar {
  background: rgb(16, 24, 32);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

:where([data-css~="s6f"]) .trust-box {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

:where([data-css~="s6f"]) .trust-box:last-child {
  border-right-width: medium;
  border-right-style: none;
  border-right-color: currentcolor;
}

:where([data-css~="s6f"]) .trust-box a {
  padding: 36px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: 0.35s;
}

:where([data-css~="s6f"]) .trust-box a:hover {
  background: rgb(31, 42, 54);
}

:where([data-css~="s6f"]) .trust-box i {
  font-size: 42px;
  color: rgb(242, 165, 69);
  margin-bottom: 20px;
}

:where([data-css~="s6f"]) .trust-box .trust-title {
  color: rgb(242, 165, 69);
  font-size: 24px;
  margin-bottom: 12px;
  font-weight: 600;
}

:where([data-css~="s6f"]) .trust-box p {
  color: rgb(255, 255, 255);
  font-size: 18px;
}

:where([data-css~="s6f"]) .flange-range {
  padding: 50px 0px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s6f"]) .section-number {
  display: block;
  color: rgb(233, 123, 18);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

:where([data-css~="s6f"]) .flange-range h2 {
  font-size: 48px;
  font-weight: 700;
  color: rgb(15, 34, 53);
  margin-bottom: 22px;
  line-height: 1.15;
}

:where([data-css~="s6f"]) .flange-range .container {
  max-width: 1280px;
  margin: 0px auto;
}

:where([data-css~="s6f"]) .section-description {
  max-width: 850px;
  font-size: 19px;
  line-height: 1.9;
  color: rgb(102, 102, 102);
  margin-bottom: 35px;
}

:where([data-css~="s6f"]) .standard-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 55px;
}

:where([data-css~="s6f"]) .standard-links a {
  padding: 12px 22px;
  border: 1px solid rgb(221, 221, 221);
  border-radius: 4px;
  color: rgb(15, 34, 53);
  font-size: 15px;
  font-weight: 500;
  transition: 0.3s;
}

:where([data-css~="s6f"]) .standard-links a:hover {
  background: rgb(255, 107, 0);
  color: rgb(255, 255, 255);
  border-color: rgb(255, 107, 0);
}

:where([data-css~="s6f"]) .flange-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

:where([data-css~="s6f"]) .flange-card {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(236, 236, 236);
  border-radius: 10px;
  transition: 0.35s;
}

:where([data-css~="s6f"]) .flange-card:hover {
  transform: translateY(-8px);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 12px 35px;
}

:where([data-css~="s6f"]) .flange-card img {
  width: 100%;
  height: 320px;
  object-fit: contain;
  background: rgb(255, 255, 255);
  padding: 15px;
}

:where([data-css~="s6f"]) .card-content {
  padding: 22px;
}

:where([data-css~="s6f"]) .card-content h3 {
  font-size: 22px;
  color: rgb(15, 34, 53);
  margin-bottom: 12px;
}

:where([data-css~="s6f"]) .card-content a {
  color: rgb(255, 107, 0);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

:where([data-css~="s6f"]) .card-content a:hover {
  letter-spacing: 0.5px;
}

:where([data-css~="s6f"]) .materials-section {
  padding: 120px 0px;
  background:
    linear-gradient(rgba(15, 41, 66, 0.82), rgba(15, 41, 66, 0.9)) center
      center / cover no-repeat,
    url("../images/weld-neck-flange/materials-bg.webp");
}

:where([data-css~="s6f"]) .materials-section h2 {
  color: rgb(255, 255, 255);
  font-size: 62px;
  line-height: 1.15;
  max-width: 650px;
  margin-bottom: 25px;
}

:where([data-css~="s6f"]) .materials-section p {
  max-width: 700px;
  font-size: 18px;
  line-height: 1.8;
  color: rgb(213, 219, 226);
}

:where([data-css~="s6f"]) .materials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 50px;
}

:where([data-css~="s6f"]) .material-card {
  display: block;
  text-decoration: none;
  border: 1px solid rgb(229, 229, 229);
  border-radius: 10px;
  overflow: hidden;
  transition: 0.35s;
  background: rgb(255, 255, 255);
}

:where([data-css~="s6f"]) .material-card:hover {
  transform: translateY(-8px);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 18px 35px;
}

:where([data-css~="s6f"]) .material-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}

:where([data-css~="s6f"]) .material-content {
  padding: 24px;
}

:where([data-css~="s6f"]) .material-content h3 {
  color: rgb(15, 41, 66);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
  line-height: 1.3;
}

:where([data-css~="s6f"]) .material-content .material-sub {
  font-size: 14px;
  color: rgb(75, 85, 99);
  font-weight: 600;
  margin-bottom: 14px;
  line-height: 1.3;
}

:where([data-css~="s6f"]) .material-content span {
  color: rgb(239, 127, 26);
  font-weight: 600;
  font-size: 16px;
}

:where([data-css~="s6f"]) .material-content i {
  margin-left: 8px;
  transition: 0.3s;
}

:where([data-css~="s6f"]) .material-card:hover i {
  margin-left: 14px;
}

:where([data-css~="s6f"]) .material-content h3 {
  color: rgb(15, 41, 66) !important;
  opacity: 1 !important;
}

:where([data-css~="s6f"]) .material-content .material-sub {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: rgb(75, 85, 99) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

:where([data-css~="s6f"]) .material-content span {
  color: rgb(239, 127, 26) !important;
  opacity: 1 !important;
}

:where([data-css~="s6f"]) .industries-section {
  padding: 70px 0px 40px;
  background: rgb(247, 248, 250);
}

:where([data-css~="s6f"]) .industries-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  margin-top: 45px;
}

:where([data-css~="s6f"]) .industry-box {
  display: flex;
  align-items: center;
  padding: 20px 22px;
  background: rgb(239, 127, 26);
  border: 1px solid rgb(239, 127, 26);
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  min-height: 65px;
  transition: 0.3s;
}

:where([data-css~="s6f"]) .industry-box:hover {
  background: rgb(15, 41, 66);
  border-color: rgb(15, 41, 66);
  transform: translateY(-4px);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 25px;
}

:where([data-css~="s6f"]) .industry-box i {
  font-size: 28px;
  color: rgb(239, 127, 26);
  width: 38px;
  text-align: center;
}

:where([data-css~="s6f"]) .industry-box span {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
}

:where([data-css~="s6f"]) .export-section {
  padding: 25px 0px 0px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s6f"]) .export-container {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 65px;
  align-items: center;
}

:where([data-css~="s6f"]) .export-map img {
  width: 100%;
  max-width: 720px;
  margin: auto;
  display: block;
  border: 3px solid rgb(212, 175, 55);
  padding: 10px;
  box-sizing: border-box;
}

:where([data-css~="s6f"]) .export-content h2 {
  font-size: 46px;
  color: rgb(15, 41, 66);
  margin: 18px 0px;
  line-height: 1.2;
}

:where([data-css~="s6f"]) .export-content .section-description {
  font-size: 18px;
  line-height: 1.8;
  color: rgb(85, 85, 85);
  max-width: 560px;
}

:where([data-css~="s6f"]) .export-regions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 35px;
}

:where([data-css~="s6f"]) .export-regions div {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 18px;
  font-weight: 600;
  color: rgb(15, 41, 66);
}

:where([data-css~="s6f"]) .export-regions i {
  color: rgb(239, 127, 26);
  font-size: 26px;
}

:where([data-css~="s6f"]) .export-counter {
  margin-top: 40px;
}

:where([data-css~="s6f"]) .export-counter h3 {
  font-size: 54px;
  color: rgb(239, 127, 26);
  margin-bottom: 5px;
}

:where([data-css~="s6f"]) .export-counter p {
  font-size: 18px;
  font-weight: 600;
  color: rgb(85, 85, 85);
}

:where([data-css~="s6f"]) .why-section {
  padding: 90px 0px;
  background: rgb(21, 32, 43);
}

:where([data-css~="s6f"]) .why-container {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 70px;
  align-items: center;
}

:where([data-css~="s6f"]) .why-left h2 {
  font-size: 50px;
  color: rgb(255, 255, 255);
  margin: 18px 0px;
  line-height: 1.2;
}

:where([data-css~="s6f"]) .why-left .section-description {
  color: rgb(201, 210, 218);
  font-size: 18px;
  line-height: 1.9;
  max-width: 520px;
}

:where([data-css~="s6f"]) .why-btn {
  display: inline-block;
  margin-top: 35px;
  background: rgb(239, 127, 26);
  color: rgb(255, 255, 255);
  padding: 16px 34px;
  border-radius: 5px;
  font-weight: 600;
  transition: 0.3s;
}

:where([data-css~="s6f"]) .why-btn:hover {
  background: rgb(255, 152, 56);
}

:where([data-css~="s6f"]) .why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

:where([data-css~="s6f"]) .why-card {
  background: rgb(255, 255, 255);
  padding: 28px;
  text-decoration: none;
  border-radius: 6px;
  transition: 0.35s;
  border: 1px solid transparent;
  min-height: 205px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

:where([data-css~="s6f"]) .why-card:hover {
  transform: translateY(-10px);
  border-color: rgb(239, 127, 26);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 45px;
}

:where([data-css~="s6f"]) .why-card i {
  font-size: 38px;
  color: rgb(239, 127, 26);
  margin-bottom: 22px;
}

:where([data-css~="s6f"]) .why-card h3 {
  color: rgb(15, 41, 66);
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.4;
}

:where([data-css~="s6f"]) .why-card p {
  color: rgb(102, 102, 102);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="s6f"]) .cta-section {
  background: rgb(200, 124, 44);
  padding: 55px 0px;
  text-align: center;
}

:where([data-css~="s6f"]) .cta-section h2 {
  color: rgb(255, 255, 255);
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 12px;
}

:where([data-css~="s6f"]) .cta-section p {
  color: rgb(255, 255, 255);
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 24px;
  opacity: 0.95;
}

:where([data-css~="s6f"]) .cta-btn {
  display: inline-block;
  background: rgb(21, 32, 43);
  color: rgb(255, 255, 255);
  padding: 16px 38px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s;
}

:where([data-css~="s6f"]) .cta-btn i {
  margin-right: 10px;
}

:where([data-css~="s6f"]) .cta-btn:hover {
  background: rgb(15, 23, 32);
  transform: translateY(-3px);
}

:where([data-css~="s6f"]) .cta-section {
  padding: 32px 0px !important;
}

:where([data-css~="s6f"]) .cta-section h2 {
  margin-bottom: 8px !important;
}

:where([data-css~="s6f"]) .cta-section p {
  margin-bottom: 16px !important;
  line-height: 1.3 !important;
}

:where([data-css~="s6f"]) .cta-btn {
  padding: 13px 34px !important;
}

:where([data-css~="s6f"]) .footer {
  background: rgb(23, 35, 47);
  padding: 55px 0px 25px;
  color: rgb(255, 255, 255);
}

:where([data-css~="s6f"]) .footer-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 45px;
}

:where([data-css~="s6f"]) .footer-column h4 {
  color: rgb(239, 127, 26);
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 25px;
}

:where([data-css~="s6f"]) .footer-column ul li {
  margin-bottom: 14px;
}

:where([data-css~="s6f"]) .footer-column ul li a {
  color: rgb(207, 207, 207);
  font-size: 15px;
  transition: 0.3s;
}

:where([data-css~="s6f"]) .footer-column ul li a:hover {
  color: rgb(239, 127, 26);
}

:where([data-css~="s6f"]) .footer-contact p {
  display: flex;
  gap: 12px;
  margin-bottom: 18px;
  color: rgb(217, 217, 217);
  line-height: 1.7;
}

:where([data-css~="s6f"]) .footer-contact i {
  color: rgb(239, 127, 26);
  margin-top: 4px;
  flex-shrink: 0;
}

:where([data-css~="s6f"]) .footer-contact a {
  color: rgb(217, 217, 217);
  transition: 0.3s;
}

:where([data-css~="s6f"]) .footer-contact a:hover {
  color: rgb(239, 127, 26);
}

:where([data-css~="s6f"]) .footer-meta-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 0px;
}

:where([data-css~="s6f"]) .footer-hours {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgb(217, 217, 217);
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
}

:where([data-css~="s6f"]) .footer-hours i {
  color: rgb(239, 127, 26);
  margin-top: 3px;
}

:where([data-css~="s6f"]) .footer-social {
  display: flex;
  gap: 10px;
  margin: 0px;
  flex-wrap: wrap;
}

:where([data-css~="s6f"]) .footer-social a {
  width: 38px;
  height: 38px;
  border: 2px solid rgb(239, 127, 26);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  color: rgb(239, 127, 26);
  font-size: 14px;
  transition: 0.35s;
}

:where([data-css~="s6f"]) #liveDateTime {
  font-size: 15px;
  margin-top: 0px;
  color: rgb(255, 255, 255);
  white-space: nowrap;
}

:where([data-css~="s6f"]) .footer-bottom {
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

:where([data-css~="s6f"]) .footer-bottom p {
  color: rgb(207, 207, 207);
}

:where([data-css~="s6f"]) .footer-bottom div {
  display: flex;
  gap: 25px;
}

:where([data-css~="s6f"]) .footer-bottom a {
  color: rgb(207, 207, 207);
  transition: 0.3s;
}

:where([data-css~="s6f"]) .footer-bottom a:hover {
  color: rgb(239, 127, 26);
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .menu-toggle {
    font-size: 25px;
    padding: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6g"]) .header .navbar > ul > li > a {
    padding: 14px 18px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6g"]) .dropdown-menu li a {
    padding: 12px 32px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6h"]) .menu-toggle {
    width: 40px;
    height: 40px;
    font-size: 23px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .header-right .contact-btn,
  :where([data-css~="sl"]) .header-right .quote-btn,
  :where([data-css~="sl"]) .header-right .search-btn {
    display: none !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6i"]) .navbar {
    top: 68px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .header .navbar > ul > li > a {
    min-height: 50px;
    padding: 13px 16px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .dropdown-menu li a {
    padding: 12px 30px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .dimensions-dropdown-menu li a {
    padding: 10px 16px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sm"]) .contact-btn,
  :where([data-css~="sm"]) .quote-btn {
    display: none !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .header .navbar > ul > li > a {
    padding: 14px 16px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .dropdown-menu li a {
    padding: 12px 30px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .dropdown-menu li a {
    padding: 11px 12px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  @media (max-width: 480px) {
    :where([data-css~="s6j"]) .dimensions-dropdown-menu li a {
      padding: 10px 16px !important;
      font-size: 14px !important;
    }
  }
}

:where([data-css~="s6k"]) .product-hero {
  background: rgb(23, 35, 47);
  padding: 90px 0px;
  overflow: hidden;
}

:where([data-css~="s6k"]) .product-hero-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 90px;
}

:where([data-css~="s6l"]) .product-hero-content {
  flex: 1 1 0%;
}

:where([data-css~="s6l"]) .breadcrumb {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
  font-size: 15px;
}

:where([data-css~="s6m"]) .product-hero-content {
  flex: 1 1 0%;
  min-width: 0px;
}

:where([data-css~="s6n"]) .hero-top-text {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: rgb(245, 154, 35);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  white-space: nowrap;
}

:where([data-css~="s6n"]) .hero-top-text i {
  color: rgb(245, 154, 35);
  font-size: 16px;
}

:where([data-css~="s6o"]) .breadcrumb {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
  font-size: 15px;
}

:where([data-css~="s6p"]) .breadcrumb a {
  color: rgb(255, 255, 255);
}

:where([data-css~="s6p"]) .breadcrumb span {
  color: rgb(239, 127, 26);
}

:where([data-css~="s6p"]) .breadcrumb i {
  color: rgb(136, 136, 136);
  font-size: 12px;
}

:where([data-css~="s6q"]) .hero-top-text {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: rgb(245, 154, 35);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

:where([data-css~="s6q"]) .hero-top-text i {
  color: rgb(245, 154, 35);
  font-size: 16px;
}

:where([data-css~="s6r"]) .product-hero h1 {
  font-size: 68px;
  color: rgb(255, 255, 255);
  line-height: 1.1;
  margin: 25px 0px;
}

:where([data-css~="s6r"]) .product-hero p {
  color: rgb(217, 217, 217);
  font-size: 20px;
  line-height: 1.9;
  max-width: 700px;
}

:where([data-css~="s6r"]) .hero-certifications {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  margin: 35px 0px;
}

:where([data-css~="s6r"]) .hero-certifications span {
  color: rgb(255, 255, 255);
  font-size: 17px;
  font-weight: 500;
}

:where([data-css~="s6r"]) .hero-certifications i {
  color: rgb(239, 127, 26);
  margin-right: 10px;
}

:where([data-css~="s6r"]) .standard-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 40px;
}

:where([data-css~="s1v"]) .standard-badges span {
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: rgb(255, 255, 255);
  border-radius: 5px;
  font-size: 14px;
  transition: 0.3s;
}

:where([data-css~="s1v"]) .standard-badges span:hover {
  background: rgb(239, 127, 26);
  border-color: rgb(239, 127, 26);
}

:where([data-css~="s1v"]) .product-hero-image {
  flex: 1 1 0%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

:where([data-css~="s1v"]) .product-hero-image img {
  width: 100%;
  max-width: 850px;
  height: auto;
  object-fit: contain;
}

:where([data-css~="s6s"]) .product-hero h1 {
  font-size: 68px;
  color: rgb(255, 255, 255);
  line-height: 1.1;
  margin: 25px 0px;
  font-weight: 700;
}

/* PAGE SECTION: /raised-face-flanges/rf-blind-flange/index.html | scopes: s6t, s94, sc7 */
:where([data-css~="s6t"]) .product-hero h1 {
  font-size: 64px;
  color: rgb(255, 255, 255);
  line-height: 1.1;
  margin: 25px 0px;
  font-weight: 700;
}

:where([data-css~="s6o"]) .product-hero p {
  color: rgb(217, 217, 217);
  font-size: 20px;
  line-height: 1.9;
  max-width: 700px;
  margin-bottom: 0px;
}

:where([data-css~="s6o"]) .hero-certifications {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  margin: 35px 0px;
  max-width: 650px;
}

:where([data-css~="s6o"]) .hero-certifications span {
  color: rgb(255, 255, 255);
  font-size: 17px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

:where([data-css~="s6o"]) .hero-certifications i {
  color: rgb(239, 127, 26);
  margin-right: 10px;
  font-size: 17px;
}

:where([data-css~="s6u"]) .standard-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 40px;
}

:where([data-css~="s6k"]) .standard-badges a {
  display: inline-block;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: transparent;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  transition: 0.3s;
  color: rgb(255, 255, 255) !important;
  text-decoration: none !important;
}

:where([data-css~="s6k"]) .standard-badges a:hover {
  background: rgb(239, 127, 26);
  border-color: rgb(239, 127, 26);
  color: rgb(255, 255, 255) !important;
  text-decoration: none !important;
}

:where([data-css~="s6v"]) .product-hero-image {
  flex: 1 1 0%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

/* PAGE SECTION: /flat-face-flanges/ff-weld-neck/index.html | scopes: s6w, s7i, s83, s8m, s9a, saj, sca, scc, scr */
:where([data-css~="s6w"]) .product-hero-image {
  flex: 1 1 0%;
  min-width: 0px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

:where([data-css~="s6x"]) .product-hero-image img {
  width: 110%;
  max-width: 950px;
  height: auto;
  object-fit: contain;
  transform: translateY(-35px);
}

:where([data-css~="s6y"]) .product-hero-image {
  flex: 1 1 0%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

:where([data-css~="s6z"]) .product-hero-image img {
  width: 100%;
  max-width: 850px;
  height: auto;
  object-fit: contain;
}

:where([data-css~="s1v"]) .product-hero-image img {
  width: 100%;
  max-width: 850px;
  height: auto;
  object-fit: contain;
  transform: translateY(-60px);
}

:where([data-css~="sv"]) .product-hero-image img {
  width: 100%;
  max-width: 850px;
  height: auto;
  object-fit: contain;
  transform: translateY(-50px);
}

:where([data-css~="s1z"]) .product-hero-image img {
  width: 100%;
  max-width: 850px;
  height: auto;
  object-fit: contain;
  transform: translateY(-40px);
}

:where([data-css~="s70"]) .product-hero-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 90px;
}

:where([data-css~="s71"]) .hero-buttons {
  display: flex;
  gap: 22px;
}

:where([data-css~="s71"]) .catalogue-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 34px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: rgb(255, 255, 255);
  border-radius: 6px;
  font-size: 17px;
  font-weight: 600;
  transition: 0.35s;
}

:where([data-css~="s72"]) .product-hero-image {
  flex: 1 1 0%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 0px;
}

:where([data-css~="s73"]) .product-hero-image img {
  width: 110%;
  max-width: 950px;
  height: auto;
  object-fit: contain;
  transform: translateY(-35px);
  display: block;
}

:where([data-css~="s6t"]) .product-hero-image img {
  width: 100%;
  max-width: 850px;
  height: auto;
  object-fit: contain;
  transform: translateY(-20px);
  display: block;
}

:where([data-css~="s6o"]) .hero-buttons {
  display: flex;
  gap: 22px;
  align-items: center;
}

:where([data-css~="s6o"]) .quote-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 34px;
  background: rgb(255, 107, 0);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 107, 0);
  border-radius: 6px;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.35s;
}

:where([data-css~="s6o"]) .quote-btn:hover {
  background: rgb(239, 127, 26);
  border-color: rgb(239, 127, 26);
  color: rgb(255, 255, 255);
}

:where([data-css~="s6o"]) .catalogue-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 34px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: rgb(255, 255, 255);
  background: transparent;
  border-radius: 6px;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.35s;
}

:where([data-css~="s74"]) .catalogue-btn:hover {
  background: rgb(255, 255, 255);
  color: rgb(23, 35, 47);
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .product-hero {
    padding: 65px 0px 70px;
  }
}

@media (max-width: 991px) {
  :where([data-css~="s1k"]) .product-hero {
    padding: 70px 0px;
  }
}

@media (max-width: 991px) {
  :where([data-css~="s1k"]) .product-hero-container {
    gap: 50px;
  }
}

@media (max-width: 991px) {
  :where([data-css~="s1k"]) .product-hero h1 {
    font-size: 52px;
  }
}

@media (max-width: 991px) {
  :where([data-css~="s1k"]) .product-hero p {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  :where([data-css~="s1k"]) .product-hero-image img {
    width: 100%;
    transform: translateY(0px);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s76"]) .product-hero {
    padding: 55px 0px 65px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .product-hero {
    padding: 60px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s77"]) .product-hero-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s78"]) .product-hero {
    padding: 65px 0px;
  }
}

:where([data-css~="s6f"]) .hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 0px;
}

:where([data-css~="s6f"]) .hero-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 26px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
}

:where([data-css~="s6f"]) .hero-actions .quote-btn {
  background: rgb(239, 127, 26);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(239, 127, 26);
}

:where([data-css~="s6f"]) .hero-actions .quote-btn:hover {
  background: rgb(217, 104, 8);
  border-color: rgb(217, 104, 8);
}

:where([data-css~="s6f"]) .hero-actions .catalogue-btn {
  background: transparent;
  color: rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.35);
}

:where([data-css~="s6f"]) .hero-actions .catalogue-btn:hover {
  background: rgb(255, 255, 255);
  color: rgb(23, 35, 47);
  border-color: rgb(255, 255, 255);
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .product-hero {
    padding: 60px 0px 50px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s79"]) .product-hero-container {
    flex-direction: column;
    gap: 45px;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .product-hero {
    padding: 65px 20px 70px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .product-hero-container {
    display: flex;
    flex-direction: column;
    gap: 45px;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .product-hero {
    padding: 70px 0px 75px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .product-hero-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 50px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7a"]) .product-hero-content {
    width: 100%;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .hero-top-text {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 12px;
    letter-spacing: 2px;
    white-space: normal;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s68"]) .hero-top-text {
    font-size: 11px;
    letter-spacing: 1.5px;
    gap: 8px;
    white-space: normal;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .product-hero-content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .hero-top-text {
    font-size: 11px;
    letter-spacing: 1.5px;
    gap: 8px;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .hero-top-text {
    font-size: 12px;
    letter-spacing: 2px;
    gap: 9px;
    white-space: normal;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7b"]) .hero-top-text i {
    font-size: 14px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7c"]) .product-hero h1 {
    font-size: 42px;
    line-height: 1.15;
    margin: 20px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .product-hero p {
    font-size: 16px;
    line-height: 1.8;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7d"]) .product-hero {
    padding: 55px 0px 60px;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .product-hero-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7e"]) .product-hero-content {
    width: 100%;
    flex: 0 0 auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .hero-top-text {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .product-hero {
    padding: 55px 0px 60px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .product-hero-container {
    flex-direction: column;
    gap: 35px;
    align-items: stretch;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .product-hero-content {
    width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .hero-top-text {
    font-size: 10px;
    letter-spacing: 1.5px;
    gap: 7px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .hero-top-text i {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .product-hero h1 {
    font-size: 38px;
    line-height: 1.15;
    margin: 18px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .product-hero p {
    font-size: 15px;
    line-height: 1.75;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .hero-certifications {
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 25px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .hero-certifications span {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .hero-certifications i {
    margin-right: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .standard-badges {
    gap: 8px;
    margin-bottom: 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .standard-badges span {
    padding: 7px 11px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .hero-buttons {
    flex-direction: column;
    gap: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .hero-buttons .quote-btn,
  :where([data-css~="sv"]) .catalogue-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 15px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .product-hero-image {
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .product-hero-image img {
    width: 100%;
    max-width: 340px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7f"]) .product-hero {
    padding: 55px 0px 60px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .product-hero {
    padding: 55px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7g"]) .product-hero-container {
    flex-direction: column;
    align-items: stretch;
    gap: 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7h"]) .product-hero-content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9"]) .hero-top-text {
    font-size: 11px;
    letter-spacing: 1.5px;
    line-height: 1.6;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7i"]) .product-hero-container {
    flex-direction: column;
    gap: 35px;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .product-hero-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7j"]) .product-hero-content {
    width: 100%;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .hero-top-text {
    font-size: 11px;
    letter-spacing: 1.5px;
    gap: 8px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .hero-top-text {
    font-size: 12px;
    letter-spacing: 2px;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7i"]) .hero-top-text {
    font-size: 11px;
    letter-spacing: 1.5px;
    gap: 8px;
    white-space: normal;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .product-hero {
    padding: 65px 0px 75px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .product-hero-container {
    flex-direction: column;
    align-items: stretch;
    gap: 50px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .product-hero-content {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .hero-top-text {
    display: inline-flex;
    justify-content: center;
    white-space: normal;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1.6;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7k"]) .hero-top-text i {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7l"]) .product-hero h1 {
    font-size: 42px;
    line-height: 1.15;
    margin: 18px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .product-hero p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.8;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .product-hero h1 {
    font-size: 46px;
    line-height: 1.1;
    margin: 20px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .product-hero h1 {
    font-size: 46px;
    line-height: 1.15;
    margin: 20px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7m"]) .product-hero p {
    font-size: 17px;
    line-height: 1.8;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .hero-top-text {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    width: 100%;
    white-space: normal;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .hero-top-text i {
    flex-shrink: 0;
    font-size: 14px;
    margin-top: 2px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7n"]) .product-hero h1 {
    font-size: 40px;
    line-height: 1.15;
    margin: 18px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .hero-top-text {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    letter-spacing: 1.5px;
    line-height: 1.5;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .hero-top-text i {
    flex-shrink: 0;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7o"]) .product-hero h1 {
    font-size: 42px;
    line-height: 1.15;
    margin: 18px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7p"]) .product-hero p {
    font-size: 16px;
    line-height: 1.8;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .product-hero h1 {
    font-size: 46px;
    line-height: 1.15;
    margin: 20px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .product-hero p {
    font-size: 17px;
    line-height: 1.75;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .product-hero p {
    font-size: 16px;
    line-height: 1.75;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7q"]) .hero-certifications {
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 28px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .product-hero {
    padding: 50px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .product-hero-container {
    flex-direction: column;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .product-hero-content {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .hero-top-text {
    font-size: 12px;
    letter-spacing: 2px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .product-hero h1 {
    font-size: 38px;
    margin: 18px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .product-hero p {
    font-size: 16px;
    line-height: 1.7;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .hero-certifications {
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 25px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .hero-top-text {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 2px;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .hero-top-text i {
    font-size: 14px;
    margin-top: 2px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .product-hero h1 {
    font-size: 42px;
    line-height: 1.2;
    margin: 20px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .product-hero p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7r"]) .hero-certifications {
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 28px 0px;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .hero-certifications {
    grid-template-columns: 1fr;
    gap: 13px;
    margin: 30px 0px;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7s"]) .hero-certifications span {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .product-hero h1 {
    font-size: 40px;
    line-height: 1.15;
    margin: 20px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .product-hero h1 {
    font-size: 44px;
    line-height: 1.15;
    margin: 20px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7t"]) .product-hero p {
    font-size: 16px;
    line-height: 1.75;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero-certifications {
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 28px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .hero-certifications {
    grid-template-columns: 1fr;
    gap: 13px;
    margin: 28px 0px;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .product-hero p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.75;
    margin: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .hero-certifications {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
    gap: 12px;
    margin: 28px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .product-hero p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.8;
    color: rgb(217, 217, 217);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .hero-certifications {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 28px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7u"]) .hero-certifications span {
    font-size: 15px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7v"]) .hero-certifications span {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7w"]) .hero-certifications i {
    margin-right: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .hero-certifications i {
    font-size: 15px;
    margin-right: 9px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .hero-certifications i {
    margin-right: 9px;
    font-size: 15px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7x"]) .standard-badges {
    gap: 9px;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7x"]) .standard-badges span {
    padding: 8px 13px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7y"]) .hero-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .hero-buttons a {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .product-hero .quote-btn,
  :where([data-css~="s75"]) .catalogue-btn {
    padding: 15px 20px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .product-hero-image {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .product-hero-image img {
    width: 100%;
    max-width: 600px;
    height: auto;
    transform: none;
    object-fit: contain;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .product-hero {
    padding: 48px 0px 55px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .hero-buttons {
    flex-direction: column;
    gap: 14px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .hero-certifications i {
    font-size: 15px;
    margin-right: 9px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7p"]) .standard-badges {
    gap: 8px;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7v"]) .standard-badges span {
    padding: 8px 12px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7z"]) .hero-buttons {
    flex-direction: column;
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9"]) .hero-buttons .quote-btn,
  :where([data-css~="s9"]) .catalogue-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .product-hero-image {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .product-hero-image img {
    width: 100%;
    max-width: 600px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .product-hero {
    padding: 50px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .hero-certifications i {
    margin-right: 9px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s80"]) .standard-badges {
    gap: 10px;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s80"]) .standard-badges span {
    padding: 8px 14px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .hero-buttons {
    flex-direction: column;
    gap: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1z"]) .hero-buttons .quote-btn,
  :where([data-css~="s1z"]) .hero-buttons .catalogue-btn {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .hero-buttons .quote-btn,
  :where([data-css~="s1k"]) .catalogue-btn {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s81"]) .catalogue-btn {
    padding: 15px 20px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6g"]) .hero-buttons {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .quote-btn,
  :where([data-css~="sb"]) .catalogue-btn {
    width: 100%;
    padding: 15px 20px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .hero-buttons {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .hero-buttons .quote-btn,
  :where([data-css~="sl"]) .hero-buttons .catalogue-btn {
    width: 100%;
    min-height: 52px;
    padding: 14px 20px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s82"]) .product-hero-image {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .catalogue-btn {
    padding: 16px 25px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero-buttons {
    flex-direction: column;
    gap: 14px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero-buttons a {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .hero-certifications i {
    flex-shrink: 0;
    margin-right: 9px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .hero-certifications i {
    margin-right: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7d"]) .standard-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7i"]) .hero-certifications {
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 25px 0px;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .product-hero h1 {
    font-size: 48px;
    line-height: 1.12;
    margin: 22px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .product-hero p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .hero-certifications {
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 30px 0px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s83"]) .hero-certifications span {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7i"]) .standard-badges {
    gap: 9px;
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .standard-badges {
    justify-content: center;
    gap: 9px;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s84"]) .standard-badges span {
    padding: 8px 13px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .hero-buttons {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .hero-quote-btn,
  :where([data-css~="si"]) .catalogue-btn {
    width: 100%;
    padding: 15px 20px;
    font-size: 15px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s83"]) .hero-buttons {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7i"]) .hero-buttons .quote-btn,
  :where([data-css~="s7i"]) .hero-buttons .catalogue-btn {
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .hero-buttons .quote-btn,
  :where([data-css~="sx"]) .hero-buttons .catalogue-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .hero-buttons .quote-btn {
    padding: 16px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .catalogue-btn {
    padding: 16px 24px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s85"]) .product-hero-image {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1z"]) .product-hero-image img {
    width: 100%;
    max-width: 500px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .product-hero {
    padding: 45px 0px;
  }
}

@media (max-width: 1100px) {
  :where([data-css~="s86"]) .product-hero {
    padding: 75px 0px;
  }
}

@media (max-width: 1100px) {
  :where([data-css~="s86"]) .product-hero-container {
    gap: 50px;
  }
}

@media (max-width: 1100px) {
  :where([data-css~="s86"]) .product-hero h1 {
    font-size: 54px;
  }
}

@media (max-width: 1100px) {
  :where([data-css~="s86"]) .product-hero p {
    font-size: 18px;
    line-height: 1.8;
  }
}

@media (max-width: 1100px) {
  :where([data-css~="s86"]) .product-hero-image img {
    width: 105%;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s86"]) .product-hero-container {
    flex-direction: column;
    align-items: stretch;
    gap: 50px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s86"]) .product-hero-content {
    width: 100%;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s86"]) .product-hero h1 {
    font-size: 52px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s86"]) .product-hero p {
    max-width: 100%;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s86"]) .product-hero-image {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 900px) {
  :where([data-css~="s86"]) .product-hero-image img {
    width: 80%;
    max-width: 650px;
    transform: translateY(0px);
  }
}

@media (max-width: 600px) {
  :where([data-css~="s86"]) .product-hero {
    padding: 60px 0px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s86"]) .product-hero-container {
    gap: 40px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s86"]) .hero-top-text {
    font-size: 11px;
    letter-spacing: 2px;
    white-space: normal;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s86"]) .hero-top-text i {
    font-size: 14px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s86"]) .product-hero h1 {
    font-size: 40px;
    line-height: 1.12;
    margin: 20px 0px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s86"]) .product-hero p {
    font-size: 16px;
    line-height: 1.75;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s86"]) .hero-certifications {
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 30px 0px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s86"]) .hero-certifications span {
    font-size: 15px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s86"]) .standard-badges {
    gap: 10px;
    margin-bottom: 30px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s86"]) .standard-badges span {
    padding: 8px 14px;
    font-size: 13px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s86"]) .hero-buttons {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s86"]) .quote-btn,
  :where([data-css~="s86"]) .catalogue-btn {
    width: 100%;
    padding: 16px 24px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s86"]) .product-hero-image img {
    width: 100%;
    max-width: 500px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s87"]) .product-hero {
    padding: 50px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .product-hero-image img {
    width: 100%;
    max-width: 500px;
    transform: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .container {
    width: 92%;
    max-width: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-bar {
    height: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-bar-container {
    height: auto;
    min-height: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 8px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-left,
  :where([data-css~="s18"]) .top-right {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .top-left a,
  :where([data-css~="s18"]) .top-right a {
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header {
    position: relative;
    z-index: 9999;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header-container {
    height: 78px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .logo {
    flex: 0 0 auto;
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .logo img {
    width: 155px;
    height: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 3;
    width: 44px;
    height: 44px;
    padding: 0px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 6px;
    color: rgb(17, 17, 17);
    font-size: 21px;
    cursor: pointer;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header-right {
    order: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
    margin-right: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header-right .contact-btn,
  :where([data-css~="s18"]) .header-right .quote-btn {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header-right .search-btn {
    width: 42px;
    height: 42px;
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .navbar {
    display: none;
    position: absolute;
    top: 78px;
    left: 4%;
    width: 92%;
    margin: 0px;
    padding: 0px;
    background: rgb(255, 255, 255);
    border-radius: 0px 0px 8px 8px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 30px;
    z-index: 99999;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .navbar.active {
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header .navbar > ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header .navbar > ul > li {
    width: 100%;
    border-bottom: 1px solid rgb(236, 236, 236);
    white-space: normal;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header .navbar > ul > li:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .header .navbar > ul > li > a {
    width: 100%;
    min-height: 52px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    color: rgb(17, 17, 17);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dropdown {
    position: relative;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dropdown-menu {
    position: static;
    width: 100%;
    min-width: 0px;
    margin: 0px;
    padding: 0px 0px 5px 15px;
    background: rgb(248, 249, 251);
    border-radius: 0px;
    box-shadow: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dropdown-menu li {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dropdown-menu li a {
    display: block;
    width: 100%;
    padding: 12px 18px;
    font-size: 14px;
    background: transparent;
    color: rgb(51, 51, 51) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dropdown-menu li a:hover {
    background: rgb(255, 107, 0) !important;
    color: rgb(255, 255, 255) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dropdown:hover .dropdown-menu {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dropdown.active .dropdown-menu {
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .product-hero {
    padding: 55px 0px 65px;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .product-hero-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .product-hero-content {
    width: 100%;
    flex: 0 0 auto;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .hero-top-text {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 9px;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 1.5px;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .hero-top-text i {
    font-size: 14px;
    margin-top: 2px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .product-hero h1 {
    font-size: 42px;
    line-height: 1.12;
    margin: 20px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .product-hero p {
    width: 100%;
    max-width: none;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .hero-certifications {
    width: 100%;
    max-width: none;
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 28px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .hero-certifications span {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .hero-certifications i {
    margin-right: 9px;
    font-size: 15px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .standard-badges {
    width: 100%;
    gap: 9px;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1a"]) .standard-badges span {
    padding: 8px 13px;
    font-size: 12px;
    border-radius: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .hero-buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .hero-buttons .quote-btn,
  :where([data-css~="s18"]) .hero-buttons .catalogue-btn {
    width: 100%;
    min-height: 52px;
    padding: 15px 20px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .hero-buttons {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .quote-btn,
  :where([data-css~="s1j"]) .catalogue-btn {
    width: 100%;
    min-height: 54px;
    padding: 15px 20px;
    font-size: 15px;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s24"]) .product-hero-image {
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .product-hero-image img {
    width: 100%;
    max-width: 520px;
    height: auto;
    transform: none;
    object-fit: contain;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .container {
    width: 90%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .top-bar-container {
    padding: 7px 0px;
    gap: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .top-left,
  :where([data-css~="s18"]) .top-right {
    gap: 5px 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .top-left a,
  :where([data-css~="s18"]) .top-right a {
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .header-container {
    height: 72px;
    gap: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .logo img {
    width: 135px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .header-right {
    margin-right: 3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .header-right .search-btn {
    width: 38px;
    height: 38px;
    font-size: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .menu-toggle {
    width: 40px;
    height: 40px;
    font-size: 19px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .navbar {
    top: 72px;
    left: 5%;
    width: 90%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .header .navbar > ul > li > a {
    min-height: 49px;
    padding: 13px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .dropdown-menu {
    padding-left: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .dropdown-menu li a {
    padding: 11px 16px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1d"]) .product-hero {
    padding: 42px 0px 50px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .product-hero-image img {
    width: 100%;
    max-width: 500px;
    transform: none;
    height: auto;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .product-hero {
    padding: 50px 18px 55px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s88"]) .product-hero-container {
    gap: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .hero-top-text {
    font-size: 10px;
    letter-spacing: 1.5px;
    gap: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .hero-top-text {
    font-size: 9px;
    letter-spacing: 1px;
    gap: 6px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .product-hero-image img {
    width: 100%;
    max-width: 500px;
    height: auto;
    object-fit: contain;
    transform: none;
    display: block;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .product-hero {
    padding: 42px 0px 48px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .product-hero-image img {
    width: 100%;
    max-width: 600px;
    height: auto;
    transform: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .product-hero {
    padding: 45px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s89"]) .product-hero-container {
    gap: 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8a"]) .hero-top-text {
    font-size: 9px;
    letter-spacing: 1px;
    gap: 7px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .hero-top-text {
    gap: 8px;
    font-size: 9.5px;
    letter-spacing: 1.1px;
    line-height: 1.45;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8b"]) .product-hero-image img {
    width: 100%;
    max-width: 520px;
    transform: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .product-hero {
    padding: 50px 0px 60px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .product-hero-container {
    gap: 40px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .hero-top-text {
    font-size: 10px;
    letter-spacing: 1.5px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .hero-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .hero-buttons .quote-btn,
  :where([data-css~="s19"]) .hero-buttons .catalogue-btn {
    width: 100%;
    min-height: 54px;
    padding: 15px 20px;
    justify-content: center;
    text-align: center;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .product-hero-image {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .product-hero-image img {
    width: 100%;
    max-width: 600px;
    height: auto;
    transform: none;
    object-fit: contain;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .product-hero {
    padding: 42px 0px 45px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .product-hero-container {
    gap: 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .hero-top-text {
    font-size: 9.5px;
    letter-spacing: 1px;
    gap: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .quote-btn,
  :where([data-css~="sn"]) .catalogue-btn {
    width: 100%;
    padding: 15px 22px;
    font-size: 16px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .product-hero-image {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .product-hero-image img {
    width: 100%;
    max-width: 620px;
    transform: none;
    height: auto;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .product-hero {
    padding: 55px 0px 60px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .product-hero-container {
    gap: 38px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .hero-top-text {
    font-size: 10px;
    letter-spacing: 1.5px;
    gap: 7px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8c"]) .hero-top-text i {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .product-hero h1 {
    font-size: 32px;
    line-height: 1.15;
    margin: 17px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .hero-top-text {
    font-size: 9px;
    letter-spacing: 1px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .product-hero h1 {
    font-size: 32px;
    line-height: 1.18;
    margin: 15px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .product-hero h1 {
    font-size: 34px;
    line-height: 1.15;
    margin: 17px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .product-hero h1 {
    font-size: 38px;
    line-height: 1.12;
    margin: 18px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .product-hero h1 {
    font-size: 34px;
    line-height: 1.15;
    margin: 16px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8d"]) .product-hero p {
    font-size: 14px;
    line-height: 1.75;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .hero-certifications {
    gap: 10px;
    margin: 23px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .product-hero h1 {
    font-size: 38px;
    margin: 16px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .product-hero p {
    font-size: 15px;
    line-height: 1.75;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8e"]) .hero-certifications {
    gap: 10px;
    margin: 24px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8f"]) .hero-certifications span {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8f"]) .hero-certifications i {
    margin-right: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .hero-certifications {
    margin: 23px 0px;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .product-hero h1 {
    font-size: 34px;
    line-height: 1.2;
    margin: 17px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .hero-top-text {
    font-size: 10px;
    letter-spacing: 1.5px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .hero-top-text i {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .product-hero h1 {
    font-size: 32px;
    line-height: 1.25;
    margin: 17px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8g"]) .product-hero p {
    font-size: 14px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .hero-certifications {
    gap: 11px;
    margin: 24px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .hero-certifications {
    gap: 10px;
    margin: 24px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .hero-certifications {
    gap: 10px;
    margin: 25px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8h"]) .hero-certifications span {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .hero-certifications span {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .hero-certifications i {
    font-size: 13px;
    margin-right: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .hero-certifications i {
    font-size: 13px;
    margin-right: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8i"]) .standard-badges {
    gap: 7px;
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8j"]) .standard-badges span {
    padding: 7px 10px;
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8j"]) .hero-buttons {
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .product-hero .quote-btn,
  :where([data-css~="s75"]) .catalogue-btn {
    padding: 13px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .product-hero-image img {
    width: 100%;
  }
}

:where([data-css~="s75"]) .face-showcase-content h3 {
  font-size: 42px;
  font-weight: 700;
  color: rgb(0, 86, 179);
  margin-bottom: 24px;
}

:where([data-css~="s75"]) .face-showcase-content h3 span {
  font-size: 28px;
  font-weight: 600;
}

:where([data-css~="s75"]) .face-showcase {
  display: grid;
  grid-template-columns: 40% 60%;
  align-items: center;
  gap: 50px;
  max-width: 1200px;
  margin: 0px auto;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 45px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 18px 45px;
}

:where([data-css~="s75"]) .face-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  background: rgb(232, 242, 255);
  color: rgb(0, 86, 179);
  font-size: 14px;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 50px;
  margin-bottom: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

:where([data-css~="s75"]) .face-showcase-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

:where([data-css~="s75"]) .face-showcase-image img {
  width: 100%;
  max-width: 420px;
  border-radius: 16px;
  display: block;
}

:where([data-css~="s75"]) .face-showcase-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where([data-css~="s75"]) .face-showcase-content p {
  margin-bottom: 30px;
}

:where([data-css~="s75"]) .face-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  padding: 16px 32px;
  background: rgb(255, 107, 0);
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  border-radius: 8px;
  transition: 0.35s;
}

:where([data-css~="s75"]) .face-link:hover {
  background: rgb(230, 95, 0);
  transform: translateY(-3px);
  box-shadow: rgba(255, 107, 0, 0.25) 0px 12px 30px;
}

:where([data-css~="s75"]) .face-link i {
  transition: 0.35s;
}

:where([data-css~="s75"]) .face-link:hover i {
  transform: translateX(6px);
}

:where([data-css~="s75"]) .face-showcase {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  align-items: center;
  gap: 50px;
  max-width: 1200px;
  margin: 0px auto 45px;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 45px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 18px 45px;
}

:where([data-css~="s75"]) .face-showcase-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where([data-css~="s75"]) .face-showcase-content h3 {
  font-size: 42px;
  font-weight: 700;
  color: rgb(0, 86, 179);
  margin-bottom: 24px;
  line-height: 1.2;
}

:where([data-css~="s75"]) .face-showcase-content h3 span {
  font-size: 28px;
  font-weight: 600;
}

:where([data-css~="s75"]) .face-showcase-content p {
  margin-bottom: 30px;
  color: rgb(91, 102, 115);
  font-size: 17px;
  line-height: 1.8;
}

:where([data-css~="s75"]) .face-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  background: rgb(232, 242, 255);
  color: rgb(0, 86, 179);
  font-size: 14px;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 50px;
  margin-bottom: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

:where([data-css~="s75"]) .face-badge i {
  color: rgb(0, 86, 179);
}

:where([data-css~="s75"]) .face-showcase-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

:where([data-css~="s75"]) .face-showcase-image img {
  width: 100%;
  max-width: 420px;
  border-radius: 16px;
  display: block;
}

:where([data-css~="s75"]) .face-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  padding: 16px 32px;
  background: rgb(255, 107, 0);
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  border-radius: 8px;
  transition: 0.35s;
}

:where([data-css~="s75"]) .face-link:hover {
  background: rgb(230, 95, 0);
  transform: translateY(-3px);
  box-shadow: rgba(255, 107, 0, 0.25) 0px 12px 30px;
}

:where([data-css~="s75"]) .face-link i {
  transition: 0.35s;
}

:where([data-css~="s75"]) .face-link:hover i {
  transform: translateX(6px);
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .face-showcase {
    grid-template-columns: 1fr;
    gap: 35px;
    max-width: 100%;
    margin: 0px auto 35px;
    padding: 30px;
    border-radius: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .face-showcase-image {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .face-showcase-image img {
    width: 100%;
    max-width: 420px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .face-showcase-content {
    width: 100%;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .face-badge {
    font-size: 12px;
    padding: 7px 15px;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .face-showcase-content h3 {
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .face-showcase-content h3 span {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .face-showcase-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .face-link {
    padding: 14px 25px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .face-showcase {
    gap: 25px;
    margin-bottom: 25px;
    padding: 22px;
    border-radius: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .face-showcase-image img {
    max-width: 100%;
    border-radius: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .face-badge {
    font-size: 10px;
    padding: 6px 12px;
    margin-bottom: 15px;
    letter-spacing: 0.3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .face-showcase-content h3 {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .face-showcase-content h3 span {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .face-showcase-content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .face-link {
    width: 100%;
    justify-content: center;
    padding: 14px 18px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .hero-buttons .quote-btn,
  :where([data-css~="su"]) .hero-buttons .catalogue-btn {
    width: 100%;
    min-height: 54px;
    padding: 15px 20px;
    justify-content: center;
    text-align: center;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .product-hero-image {
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .catalogue-btn {
    padding: 15px 22px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .product-hero-image {
    width: 100%;
    margin-top: 0px;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8k"]) .product-hero-image img {
    width: 100%;
    max-width: 500px;
    height: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .product-hero-image img {
    width: 100%;
    max-width: 600px;
    transform: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8l"]) .product-hero {
    padding: 45px 0px 55px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8m"]) .product-hero-image img {
    width: 100%;
    max-width: 520px;
    transform: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s7i"]) .product-hero {
    padding: 45px 0px 50px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s7i"]) .product-hero-container {
    gap: 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8n"]) .hero-top-text {
    font-size: 10px;
    letter-spacing: 1.2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .product-hero h1 {
    font-size: 34px;
    line-height: 1.15;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .hero-top-text {
    font-size: 10px;
    letter-spacing: 1px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .product-hero h1 {
    font-size: 34px;
    margin: 16px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .product-hero h1 {
    font-size: 34px;
    line-height: 1.18;
    margin: 18px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8o"]) .product-hero p {
    font-size: 15px;
    line-height: 1.75;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .standard-badges {
    gap: 10px;
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .standard-badges span {
    padding: 8px 14px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .hero-buttons {
    flex-direction: column;
    gap: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .catalogue-btn {
    padding: 14px 24px;
    font-size: 15px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .product-hero-image {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .product-hero-image img {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .product-hero {
    padding: 40px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .product-hero h1 {
    font-size: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sz"]) .product-hero h1 {
    font-size: 34px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8p"]) .product-hero p {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s87"]) .hero-top-text {
    font-size: 10px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .product-hero h1 {
    font-size: 36px;
    line-height: 1.15;
    margin: 18px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .product-hero-image img {
    width: 100%;
    max-width: 520px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .product-hero {
    padding: 45px 0px 40px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .product-hero h1 {
    font-size: 34px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .product-hero h1 {
    font-size: 32px;
    line-height: 1.15;
    margin: 16px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s7i"]) .product-hero h1 {
    font-size: 32px;
    line-height: 1.15;
    margin: 15px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .product-hero h1 {
    font-size: 36px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8q"]) .product-hero p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .hero-certifications {
    gap: 10px;
    margin: 23px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s7i"]) .hero-certifications {
    gap: 10px;
    margin: 22px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8r"]) .hero-certifications span {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s2s"]) .hero-certifications i {
    font-size: 14px;
    margin-right: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .hero-certifications i {
    font-size: 12px;
    margin-right: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8s"]) .standard-badges {
    gap: 7px;
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8t"]) .standard-badges span {
    padding: 7px 11px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .hero-buttons .quote-btn,
  :where([data-css~="su"]) .hero-buttons .catalogue-btn {
    min-height: 52px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .hero-certifications {
    gap: 11px;
    margin: 25px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .hero-certifications span {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .hero-certifications i {
    margin-right: 8px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .standard-badges {
    gap: 8px;
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8u"]) .standard-badges span {
    padding: 7px 12px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .catalogue-btn {
    font-size: 14px;
    padding: 12px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .hero-certifications span {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8v"]) .standard-badges span {
    padding: 7px 10px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .catalogue-btn {
    font-size: 14px;
    padding: 14px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .standard-badges {
    gap: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .standard-badges span {
    padding: 7px 11px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .catalogue-btn {
    padding: 15px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .product-hero-image img {
    max-width: 380px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .product-hero-image img {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .hero-quote-btn,
  :where([data-css~="si"]) .catalogue-btn {
    padding: 13px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .product-hero-image img {
    max-width: 360px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .hero-buttons .quote-btn,
  :where([data-css~="s18"]) .hero-buttons .catalogue-btn {
    min-height: 48px;
    padding: 13px 16px;
    font-size: 14px;
    border-radius: 5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .hero-buttons {
    gap: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .quote-btn,
  :where([data-css~="sb"]) .catalogue-btn {
    width: 100%;
    padding: 14px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8w"]) .hero-buttons {
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .hero-buttons .quote-btn,
  :where([data-css~="s19"]) .hero-buttons .catalogue-btn {
    min-height: 50px;
    padding: 13px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .hero-buttons {
    gap: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .quote-btn,
  :where([data-css~="sn"]) .catalogue-btn {
    width: 100%;
    padding: 14px 18px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8x"]) .product-hero-image {
    width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .product-hero-image img {
    width: 100%;
    max-width: 380px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8y"]) .product-hero-image img {
    width: 100%;
    max-width: 380px;
    transform: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8z"]) .hero-buttons {
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .quote-btn,
  :where([data-css~="s1j"]) .catalogue-btn {
    min-height: 50px;
    padding: 14px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .product-hero-image img {
    width: 100%;
    max-width: 360px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .hero-buttons .quote-btn,
  :where([data-css~="sl"]) .hero-buttons .catalogue-btn {
    min-height: 49px;
    padding: 13px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .product-hero-image img {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s7i"]) .hero-buttons .quote-btn,
  :where([data-css~="s7i"]) .hero-buttons .catalogue-btn {
    padding: 14px 16px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s7i"]) .product-hero-image img {
    max-width: 360px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .header-right {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
  }
}

@media (max-width: 400px) {
  :where([data-css~="se"]) .product-hero {
    padding: 50px 0px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="se"]) .product-hero h1 {
    font-size: 34px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="se"]) .product-hero p {
    font-size: 15px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="se"]) .hero-top-text {
    font-size: 10px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se"]) .header-container {
    height: 72px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se"]) .logo img {
    width: 145px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se"]) .header-right {
    display: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se"]) .menu-toggle {
    display: flex;
    width: 40px;
    height: 40px;
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .product-hero-image img {
    width: 100%;
    max-width: 100%;
    transform: none;
  }
}

:where([data-css~="s90"]) .what-is-section {
  padding: 100px 0px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s91"]) .what-is-content .section-number {
  color: rgb(255, 107, 0);
}

:where([data-css~="s90"]) .what-is-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}

:where([data-css~="s92"]) .what-is-image img {
  width: 100%;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 45px;
}

:where([data-css~="s93"]) .what-is-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where([data-css~="s94"]) .what-is-image img {
  width: 100%;
  max-width: 650px;
  height: auto;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 45px;
}

:where([data-css~="sn"]) .what-is-image img {
  width: 100%;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 45px;
  transform: translateY(-25px);
}

:where([data-css~="s90"]) .what-is-content h2 {
  font-size: 46px;
  color: rgb(15, 41, 66);
  margin: 18px 0px 30px;
}

:where([data-css~="s90"]) .what-is-content p {
  font-size: 18px;
  line-height: 1.9;
  color: rgb(85, 85, 85);
  margin-bottom: 25px;
}

:where([data-css~="s90"]) .what-is-content strong {
  color: rgb(15, 41, 66);
  font-weight: 700;
}

@media (max-width: 768px) {
  :where([data-css~="s95"]) .what-is-section {
    padding: 70px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .what-is-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s96"]) .what-is-section {
    padding: 60px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s97"]) .what-is-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s98"]) .what-is-section {
    padding: 65px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .what-is-container {
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .what-is-section {
    padding: 80px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s99"]) .what-is-container {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .what-is-container {
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .what-is-section {
    padding: 75px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .what-is-container {
    display: flex;
    flex-direction: column;
    gap: 45px;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9b"]) .what-is-image {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .what-is-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9c"]) .what-is-image img {
    width: 100%;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .what-is-image img {
    width: 100%;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .what-is-image img {
    width: 100%;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .what-is-image img {
    width: 100%;
    display: block;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .what-is-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .what-is-image img {
    width: 100%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9b"]) .what-is-content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .what-is-content .section-number {
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .what-is-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 12px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7v"]) .what-is-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9d"]) .what-is-image {
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9e"]) .what-is-image {
    order: 1;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .what-is-image img {
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .what-is-image img {
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9f"]) .what-is-content {
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9g"]) .what-is-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .what-is-content h2 {
    font-size: 34px;
    line-height: 1.25;
    margin: 15px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .what-is-content .section-number {
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .what-is-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9h"]) .what-is-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .what-is-image img {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9i"]) .what-is-content .section-number {
    font-size: 12px;
    letter-spacing: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .what-is-content p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .what-is-content h2 {
    font-size: 36px;
    line-height: 1.25;
    margin: 15px 0px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .what-is-content .section-number {
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 1.6;
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .what-is-content h2 {
    font-size: 36px;
    line-height: 1.25;
    margin: 15px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9e"]) .what-is-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9j"]) .what-is-section {
    padding: 55px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .what-is-section {
    padding: 50px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9k"]) .what-is-container {
    gap: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .what-is-content h2 {
    font-size: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .what-is-section {
    padding: 55px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .what-is-container {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .what-is-image img {
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .what-is-content h2 {
    font-size: 28px;
    margin: 14px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .what-is-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .section-number {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .what-is-content .section-number {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9l"]) .what-is-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 15px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .what-is-content .section-number {
    font-size: 12px;
    letter-spacing: 2.5px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .what-is-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 15px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9m"]) .what-is-content p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .what-is-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .what-is-section {
    padding: 60px 0px;
    background: rgb(255, 255, 255);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .what-is-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s24"]) .what-is-image {
    width: 100%;
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .what-is-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .what-is-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s24"]) .what-is-content {
    width: 100%;
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .what-is-content .section-number {
    display: block;
    width: 100%;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 2px;
    color: rgb(255, 107, 0);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .what-is-content h2 {
    font-size: 34px;
    line-height: 1.2;
    margin: 16px 0px 22px;
    color: rgb(15, 41, 66);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .what-is-content p {
    font-size: 16px;
    line-height: 1.8;
    color: rgb(85, 85, 85);
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .what-is-content .section-number {
    display: block;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 1.2px;
    color: rgb(255, 107, 0);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .what-is-content h2 {
    font-size: 34px;
    line-height: 1.2;
    margin: 15px 0px 22px;
    color: rgb(15, 41, 66);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .what-is-content p {
    font-size: 16px;
    line-height: 1.75;
    color: rgb(85, 85, 85);
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .what-is-content p:last-child {
    margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s24"]) .what-is-content strong {
    color: rgb(15, 41, 66);
    font-weight: 700;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9n"]) .what-is-section {
    padding: 45px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .what-is-container {
    gap: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .what-is-content h2 {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8"]) .what-is-content p {
    font-size: 15px;
    line-height: 1.75;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .what-is-content .section-number {
    font-size: 11px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .what-is-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 14px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .what-is-content h2 {
    font-size: 28px;
    line-height: 1.25;
    margin: 12px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .what-is-content .section-number {
    font-size: 9px;
    letter-spacing: 1.2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .what-is-content h2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 13px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .what-is-content p {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .what-is-container {
    gap: 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9o"]) .what-is-image img {
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .what-is-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 14px 0px 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s7g"]) .what-is-content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9i"]) .what-is-content .section-number {
    font-size: 10px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .what-is-section {
    padding: 50px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9p"]) .what-is-container {
    gap: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .what-is-content h2 {
    font-size: 31px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .what-is-content .section-number {
    font-size: 10px;
    letter-spacing: 1.8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .what-is-content h2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 14px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9m"]) .what-is-content p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .what-is-image img {
    width: 100%;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .what-is-content .section-number {
    font-size: 9px;
    letter-spacing: 1.2px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .what-is-content h2 {
    font-size: 29px;
    line-height: 1.2;
    margin: 14px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .what-is-content p {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .what-is-content .section-number {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .what-is-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 16px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .what-is-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 16px 0px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .what-is-content .section-number {
    display: block;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .what-is-content h2 {
    font-size: 40px;
    line-height: 1.2;
    margin: 16px 0px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9q"]) .what-is-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .what-is-section {
    padding: 60px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .what-is-section {
    padding: 60px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6g"]) .what-is-container {
    gap: 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9r"]) .what-is-section {
    padding: 55px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .what-is-container {
    gap: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sz"]) .what-is-container {
    gap: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .what-is-image img {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 12px 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .what-is-content .section-number {
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 0.8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9s"]) .what-is-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 14px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sz"]) .what-is-content p {
    font-size: 15px;
    line-height: 1.75;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9t"]) .what-is-image img {
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .what-is-content .section-number {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .what-is-content h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 14px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .what-is-content .section-number {
    font-size: 11px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .what-is-content h2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 12px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9u"]) .what-is-content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .what-is-image img {
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 12px 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .what-is-content .section-number {
    font-size: 9.5px;
    letter-spacing: 0.9px;
    line-height: 1.45;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .what-is-content h2 {
    font-size: 29px;
    line-height: 1.18;
    margin: 13px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .what-is-content p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .what-is-content h2 {
    font-size: 29px;
    line-height: 1.3;
    margin: 12px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .what-is-image img {
    max-width: 100%;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .what-is-content .section-number {
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .what-is-content h2 {
    font-size: 29px;
    line-height: 1.25;
    margin: 12px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9e"]) .what-is-content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .what-is-section {
    padding: 80px 0px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .what-is-container {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .what-is-image {
    order: 1;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .what-is-content {
    order: 2;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .what-is-content h2 {
    font-size: 40px;
    margin: 15px 0px 25px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .what-is-content p {
    font-size: 17px;
    line-height: 1.8;
  }
}

@media (max-width: 600px) {
  :where([data-css~="se"]) .what-is-section {
    padding: 60px 0px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="se"]) .what-is-container {
    gap: 35px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="se"]) .what-is-image img {
    border-radius: 8px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="se"]) .what-is-content h2 {
    font-size: 34px;
    line-height: 1.2;
    margin: 15px 0px 22px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="se"]) .what-is-content p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 20px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="se"]) .what-is-section {
    padding: 50px 0px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="se"]) .what-is-container {
    gap: 30px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="se"]) .what-is-content h2 {
    font-size: 30px;
    line-height: 1.2;
  }
}

@media (max-width: 400px) {
  :where([data-css~="se"]) .what-is-content p {
    font-size: 15px;
    line-height: 1.7;
  }
}

:where([data-css~="s9v"]) .industry-standard {
  padding: 90px 0px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s9v"]) .industry-standard-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}

:where([data-css~="s9w"]) .industry-image img {
  width: 100%;
  border-radius: 8px;
}

:where([data-css~="s94"]) .industry-image img {
  width: 100%;
  max-width: 650px;
  height: auto;
  border-radius: 8px;
}

:where([data-css~="sz"]) .industry-content {
  grid-area: 1 / 2;
  align-self: start;
  margin-top: -20px;
}

:where([data-css~="s9v"]) .industry-content h2 {
  font-size: 46px;
  color: rgb(15, 41, 66);
  margin: 20px 0px 30px;
  line-height: 1.25;
}

:where([data-css~="s9v"]) .industry-content p {
  font-size: 18px;
  line-height: 1.9;
  color: rgb(85, 85, 85);
  margin-bottom: 22px;
}

:where([data-css~="s9v"]) .industry-content strong {
  color: rgb(15, 41, 66);
  font-weight: 600;
}

:where([data-css~="s9x"]) .industry-features {
  margin-top: 35px;
  display: grid;
  gap: 18px;
}

:where([data-css~="s9x"]) .feature-item {
  display: flex;
  gap: 18px;
  align-items: flex-start;
}

:where([data-css~="s9x"]) .feature-item i {
  width: 52px;
  height: 52px;
  background: rgb(239, 127, 26);
  color: rgb(255, 255, 255);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  flex-shrink: 0;
}

:where([data-css~="s9x"]) .feature-item h4 {
  font-size: 20px;
  color: rgb(15, 41, 66);
  margin-bottom: 6px;
}

:where([data-css~="s9x"]) .feature-item p {
  margin: 0px;
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.7;
}

@media (max-width: 768px) {
  :where([data-css~="s9y"]) .industry-standard {
    padding: 70px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .industry-standard-container {
    display: flex;
    flex-direction: column;
    gap: 45px;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9z"]) .industry-standard {
    padding: 60px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa0"]) .industry-standard-container {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}

:where([data-css~="sa1"]) .industry-features {
  margin-top: 35px;
  display: grid;
}

:where([data-css~="sa1"]) .industry-features {
  margin-top: 35px;
  display: grid;
  gap: 24px;
}

:where([data-css~="sa1"]) .industry-features .feature-item {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

:where([data-css~="sa1"]) .industry-features .feature-item i {
  min-width: 60px;
  min-height: 60px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 23px;
  flex-shrink: 0;
  width: 60px !important;
  height: 60px !important;
  background: rgb(239, 127, 26) !important;
  color: rgb(255, 255, 255) !important;
  display: flex !important;
}

:where([data-css~="sa1"]) .industry-features .feature-item h4 {
  font-size: 22px;
  color: rgb(15, 41, 66);
  margin-bottom: 8px;
  line-height: 1.35;
}

:where([data-css~="sa1"]) .industry-features .feature-item p {
  margin: 0px;
  font-size: 17px;
  color: rgb(102, 102, 102);
  line-height: 1.75;
}

@media (max-width: 768px) {
  :where([data-css~="sa2"]) .industry-standard {
    padding: 65px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s98"]) .industry-standard-container {
    grid-template-columns: 1fr;
    gap: 45px;
    align-items: start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .industry-standard {
    padding: 80px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .industry-standard {
    padding: 70px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8g"]) .industry-standard-container {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa3"]) .industry-image {
    width: 100%;
  }
}

:where([data-css~="sz"]) .industry-content .section-number {
  color: rgb(255, 107, 0);
}

@media (max-width: 768px) {
  :where([data-css~="sa4"]) .industry-standard {
    padding: 70px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .industry-standard-container {
    display: flex;
    flex-direction: column;
    gap: 45px;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .industry-standard {
    padding: 60px 0px;
    background: rgb(255, 255, 255);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .industry-standard-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s24"]) .industry-image {
    width: 100%;
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa5"]) .industry-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .industry-standard-container {
    display: flex;
    flex-direction: column;
    gap: 35px;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .industry-content {
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .industry-image {
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .section-number {
    font-size: 13px;
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .industry-content h2 {
    font-size: 34px;
    line-height: 1.25;
    margin: 15px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .industry-content p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .industry-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa6"]) .industry-features {
    margin-top: 30px;
    display: grid;
    gap: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .feature-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .feature-item i {
    width: 44px;
    height: 44px;
    font-size: 17px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .feature-item h4 {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .feature-item p {
    font-size: 14px;
    line-height: 1.7;
    margin: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa7"]) .industry-image img {
    width: 100%;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .industry-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa8"]) .industry-features {
    margin-top: 30px;
    gap: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .industry-features .feature-item {
    gap: 15px;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .industry-features .feature-item i {
    min-width: 50px;
    min-height: 50px;
    font-size: 19px;
    width: 50px !important;
    height: 50px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .industry-features .feature-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .industry-features .feature-item i {
    min-width: 52px;
    min-height: 52px;
    font-size: 19px;
    flex-shrink: 0;
    width: 52px !important;
    height: 52px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1d"]) .industry-features .feature-item h4 {
    font-size: 18px;
    line-height: 1.35;
    margin-bottom: 6px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .industry-features .feature-item p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .feature-item {
    gap: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .feature-item i {
    width: 48px;
    height: 48px;
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .feature-item h4 {
    font-size: 18px;
    line-height: 1.35;
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .feature-item p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .industry-image img {
    width: 100%;
    display: block;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .industry-features {
    margin-top: 30px;
    gap: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .industry-features .feature-item {
    gap: 16px;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .industry-features .feature-item i {
    min-width: 52px;
    min-height: 52px;
    font-size: 20px;
    width: 52px !important;
    height: 52px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .industry-features .feature-item h4 {
    font-size: 19px;
    line-height: 1.35;
    margin-bottom: 6px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .industry-features .feature-item p {
    font-size: 16px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa9"]) .industry-content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .industry-content .section-number {
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .industry-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 12px 0px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="saa"]) .industry-standard-container {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sab"]) .industry-image {
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sac"]) .industry-content {
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .industry-content .section-number {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sad"]) .industry-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 16px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .industry-content h2 {
    font-size: 34px;
    line-height: 1.25;
    margin: 15px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .industry-content .section-number {
    font-size: 11px;
    letter-spacing: 2px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .industry-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .industry-features .feature-item p {
    font-size: 15px;
    line-height: 1.7;
    margin: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .industry-image > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .industry-features {
    width: 100%;
    margin-top: 30px;
    display: grid;
    gap: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .industry-features .feature-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .industry-features .feature-item i {
    min-width: 50px;
    min-height: 50px;
    flex-shrink: 0;
    font-size: 19px;
    width: 50px !important;
    height: 50px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .industry-features .feature-item h4 {
    font-size: 18px;
    line-height: 1.35;
    margin: 0px 0px 6px;
    color: rgb(15, 41, 66);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .industry-features .feature-item p {
    margin: 0px;
    font-size: 15px;
    line-height: 1.65;
    color: rgb(102, 102, 102);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s24"]) .industry-content {
    width: 100%;
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .industry-content .section-number {
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .industry-content h2 {
    font-size: 36px;
    line-height: 1.2;
    text-align: center;
    margin: 18px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sae"]) .industry-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .industry-content .section-number {
    font-size: 12px;
    letter-spacing: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .industry-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .industry-content p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7g"]) .industry-features {
    margin-top: 30px;
    gap: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .industry-image {
    grid-area: 1 / 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .industry-content {
    grid-area: 2 / 1;
    margin-top: 0px;
    align-self: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .industry-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 16px 0px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .industry-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="saf"]) .industry-features {
    margin-top: 30px;
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .industry-image img {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .industry-features {
    margin-top: 30px;
    gap: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sag"]) .feature-item {
    gap: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .feature-item {
    gap: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sah"]) .feature-item i {
    width: 46px;
    height: 46px;
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .industry-image img {
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .industry-features {
    width: 100%;
    margin-top: 30px;
    display: grid;
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .feature-item {
    width: 100%;
    display: flex;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .feature-item i {
    flex: 0 0 48px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .feature-item > div {
    flex: 1 1 0%;
    min-width: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sai"]) .feature-item h4 {
    font-size: 18px;
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .feature-item h4 {
    font-size: 17px;
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="saj"]) .feature-item h4 {
    font-size: 18px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sak"]) .feature-item p {
    font-size: 15px;
    line-height: 1.65;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .industry-content .section-number {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .industry-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 15px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .industry-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .feature-item h4 {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sal"]) .feature-item p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .industry-content {
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .industry-content .section-number {
    font-size: 12px;
    letter-spacing: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .industry-content h2 {
    font-size: 36px;
    line-height: 1.25;
    margin: 15px 0px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .industry-content .section-number {
    font-size: 12px;
    letter-spacing: 2.5px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .industry-content h2 {
    font-size: 32px;
    line-height: 1.25;
    margin: 15px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9e"]) .industry-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sam"]) .industry-standard {
    padding: 55px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .feature-item h4 {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .feature-item p {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9m"]) .industry-content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industry-content h2 {
    font-size: 35px;
    line-height: 1.2;
    margin: 15px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .industry-content .section-number {
    font-size: 12px;
    letter-spacing: 2.5px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .industry-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 15px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9m"]) .industry-content p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .industry-content .section-number {
    display: block;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 1.2px;
    color: rgb(255, 107, 0);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .industry-content h2 {
    font-size: 34px;
    line-height: 1.2;
    margin: 15px 0px 22px;
    color: rgb(15, 41, 66);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .industry-content p {
    font-size: 16px;
    line-height: 1.75;
    color: rgb(85, 85, 85);
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .industry-content strong {
    color: rgb(15, 41, 66);
    font-weight: 600;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .feature-item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .feature-item i {
    width: 46px;
    height: 46px;
    font-size: 18px;
    flex: 0 0 46px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .feature-item h4 {
    font-size: 18px;
    line-height: 1.35;
    margin: 0px 0px 6px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .feature-item p {
    font-size: 15px;
    line-height: 1.65;
    margin: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="san"]) .industry-standard {
    padding: 45px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa2"]) .industry-standard {
    padding: 50px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sao"]) .industry-standard-container {
    gap: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sap"]) .industry-standard-container {
    gap: 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .industry-image img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .industry-content .section-number {
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .industry-content h2 {
    font-size: 29px;
    line-height: 1.2;
    margin: 14px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .industry-content p {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa5"]) .industry-features {
    margin-top: 25px;
    gap: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s2g"]) .industry-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 14px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .industry-standard-container {
    gap: 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .section-number {
    font-size: 12px;
    letter-spacing: 0.3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="saq"]) .industry-content h2 {
    font-size: 28px;
    line-height: 1.25;
    margin: 12px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .industry-standard {
    padding: 60px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8g"]) .industry-standard-container {
    gap: 38px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sar"]) .industry-image img {
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .industry-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 14px 0px 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s7g"]) .industry-content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9g"]) .industry-features {
    margin-top: 25px;
    gap: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sas"]) .industry-content .section-number {
    font-size: 10px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .industry-features {
    margin-top: 25px;
    gap: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .industry-features {
    margin-top: 25px;
    gap: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sat"]) .feature-item {
    gap: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .feature-item i {
    width: 40px;
    height: 40px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .feature-item h4 {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .feature-item p {
    font-size: 13.5px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sau"]) .industry-content h2 {
    font-size: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .feature-item i {
    width: 44px;
    height: 44px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .feature-item h4 {
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .feature-item p {
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .industry-content .section-number {
    font-size: 11px;
    letter-spacing: 1px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .industry-content h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 14px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .industry-content h2 {
    font-size: 27px;
    line-height: 1.3;
    margin: 12px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sav"]) .industry-content p {
    font-size: 15px;
    line-height: 1.75;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .industry-content .section-number {
    font-size: 11px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .industry-content .section-number {
    font-size: 10px;
    letter-spacing: 1.8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .industry-content h2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 14px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="saw"]) .industry-content p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .industry-features {
    gap: 18px;
    margin-top: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sz"]) .industry-features {
    margin-top: 25px;
    gap: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .industry-features {
    width: 100%;
    margin-top: 25px;
    display: grid;
    gap: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .industry-features {
    margin-top: 25px;
    gap: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .industry-image img {
    border-radius: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .industry-features {
    margin-top: 25px;
    gap: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sax"]) .feature-item {
    gap: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="say"]) .feature-item i {
    width: 42px;
    height: 42px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .feature-item {
    width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .feature-item i {
    flex: 0 0 42px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .feature-item > div {
    flex: 1 1 0%;
    min-width: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="saz"]) .feature-item h4 {
    font-size: 16px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sz"]) .feature-item i {
    width: 42px;
    height: 42px;
    font-size: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb0"]) .feature-item h4 {
    font-size: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9c"]) .feature-item h4 {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .feature-item i {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .feature-item h4 {
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb1"]) .feature-item p {
    font-size: 14px;
    line-height: 1.6;
  }
}

:where([data-css~="s5"]) .why-slip-on {
  padding: 120px 0px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s5"]) .why-slip-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}

:where([data-css~="s5"]) .why-slip-left img {
  width: 100%;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 45px;
}

:where([data-css~="s5"]) .why-slip-features {
  margin-top: 35px;
}

:where([data-css~="s5"]) .feature-item {
  display: flex;
  gap: 18px;
  margin-bottom: 24px;
}

:where([data-css~="s5"]) .feature-item i {
  width: 42px;
  height: 42px;
  background: rgb(239, 127, 26);
  color: rgb(255, 255, 255);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

:where([data-css~="s5"]) .feature-item h3 {
  font-size: 18px;
  color: rgb(15, 41, 66);
  margin-bottom: 5px;
  font-weight: 700;
}

:where([data-css~="s5"]) .feature-item p {
  color: rgb(102, 102, 102);
  line-height: 1.6;
  font-size: 15px;
}

:where([data-css~="s5"]) .why-slip-right h2 {
  font-size: 58px;
  line-height: 1.15;
  color: rgb(15, 41, 66);
  margin: 18px 0px 35px;
}

:where([data-css~="s5"]) .why-slip-right p {
  font-size: 20px;
  line-height: 1.9;
  color: rgb(85, 85, 85);
  margin-bottom: 28px;
}

:where([data-css~="s5"]) .why-slip-right strong {
  color: rgb(15, 41, 66);
  font-weight: 700;
}

@media (max-width: 991px) {
  :where([data-css~="s5"]) .why-slip-container {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .why-slip-on {
    padding: 55px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .why-slip-container {
    gap: 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .why-slip-left img {
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .why-slip-features {
    margin-top: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .feature-item {
    gap: 14px;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .feature-item i {
    width: 36px;
    height: 36px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .feature-item h3 {
    font-size: 16px;
    margin-bottom: 4px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .feature-item p {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .why-slip-right .section-number {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .why-slip-right h2 {
    font-size: 28px;
    margin: 14px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .why-slip-right p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .why-slip-on {
    padding: 45px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .feature-item i {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .feature-item h3 {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb2"]) .feature-item p {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .why-slip-right h2 {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .why-slip-right p {
    font-size: 15px;
    line-height: 1.75;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sal"]) .feature-item p {
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .industry-content .section-number {
    font-size: 10px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .industry-content h2 {
    font-size: 29px;
    line-height: 1.3;
    margin: 12px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .industry-content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .industry-standard {
    padding: 75px 0px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .industry-standard-container {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .industry-content {
    order: -1;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .industry-content h2 {
    font-size: 40px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .industry-content p {
    font-size: 17px;
    line-height: 1.8;
  }
}

@media (max-width: 600px) {
  :where([data-css~="se"]) .industry-standard {
    padding: 65px 0px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="se"]) .industry-standard-container {
    gap: 40px;
  }
}

:where([data-css~="sb3"]) .design-construction {
  padding: 100px 0px;
  background: rgb(248, 249, 251);
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .industry-content .section-number {
    font-size: 9px;
    letter-spacing: 1.2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .industry-content h2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 13px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .industry-content p {
    font-size: 14px;
    line-height: 1.75;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .industry-features {
    margin-top: 25px;
    gap: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .industry-image > img {
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .industry-features {
    margin-top: 24px;
    gap: 19px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb4"]) .industry-features .feature-item {
    gap: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb5"]) .industry-features .feature-item i {
    min-width: 44px;
    min-height: 44px;
    font-size: 17px;
    width: 44px !important;
    height: 44px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .industry-features .feature-item i {
    min-width: 46px;
    min-height: 46px;
    font-size: 17px;
    width: 46px !important;
    height: 46px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1d"]) .industry-features .feature-item h4 {
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1d"]) .industry-features .feature-item p {
    font-size: 13px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .industry-features .feature-item h4 {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .industry-features .feature-item p {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .industry-content .section-number {
    font-size: 9.5px;
    letter-spacing: 0.9px;
    line-height: 1.45;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .industry-content h2 {
    font-size: 29px;
    line-height: 1.18;
    margin: 13px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .industry-content p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .industry-features {
    margin-top: 25px;
    gap: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .industry-features .feature-item {
    gap: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .industry-features .feature-item i {
    min-width: 46px;
    min-height: 46px;
    font-size: 18px;
    width: 46px !important;
    height: 46px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .industry-features .feature-item h4 {
    font-size: 17px;
    line-height: 1.35;
    margin-bottom: 5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .industry-features .feature-item p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .industry-content .section-number {
    font-size: 11px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .industry-content h2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 12px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .industry-content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 20px;
  }
}

:where([data-css~="sb6"]) .design-construction {
  padding: 100px 0px 20px;
  background: rgb(248, 249, 251);
}

:where([data-css~="sb7"]) .design-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

:where([data-css~="sn"]) .design-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

:where([data-css~="sn"]) .design-content {
  width: 100%;
}

:where([data-css~="s90"]) .design-content h2 {
  font-size: 46px;
  color: rgb(15, 41, 66);
  margin: 20px 0px 30px;
  line-height: 1.2;
}

:where([data-css~="sb6"]) .design-content h3 {
  font-size: 28px;
  color: rgb(15, 41, 66);
  margin: 30px 0px 20px;
  line-height: 1.3;
}

:where([data-css~="sn"]) .design-content h3 {
  font-size: 25px;
  color: rgb(15, 41, 66);
  margin: 30px 0px 18px;
  line-height: 1.3;
}

:where([data-css~="s90"]) .design-content p {
  font-size: 18px;
  line-height: 1.9;
  color: rgb(85, 85, 85);
  margin-bottom: 22px;
}

:where([data-css~="s90"]) .design-content strong {
  color: rgb(15, 41, 66);
  font-weight: 600;
}

:where([data-css~="sb8"]) .design-list {
  margin-top: 30px;
}

:where([data-css~="sb6"]) .design-list {
  margin-top: 30px;
  padding-left: 0px;
  list-style: none;
}

:where([data-css~="sb7"]) .design-list li {
  position: relative;
  padding-left: 38px;
  margin-bottom: 18px;
  font-size: 18px;
  color: rgb(51, 51, 51);
  line-height: 1.7;
}

:where([data-css~="sb7"]) .design-list li::before {
  content: "✓";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgb(239, 127, 26);
  color: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
}

:where([data-css~="sb9"]) .design-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* PAGE SECTION: /ring-type-joint-flanges/rtj-slip-on-flange/index.html | scopes: sba */
:where([data-css~="sba"]) .design-image {
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-30px);
}

:where([data-css~="s92"]) .design-image img {
  width: 100%;
  max-width: 1500px;
  border-radius: 10px;
}

@media (max-width: 768px) {
  :where([data-css~="sbb"]) .design-construction {
    padding: 70px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .design-container {
    display: flex;
    flex-direction: column;
    gap: 45px;
    align-items: stretch;
  }
}

:where([data-css~="sbc"]) .industry-content .section-number,
:where([data-css~="sbc"]) .design-content .section-number {
  color: rgb(255, 107, 0) !important;
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .design-construction {
    padding: 65px 0px 15px;
  }
}

:where([data-css~="s94"]) .design-image img {
  width: 100%;
  max-width: 650px;
  height: auto;
  border-radius: 10px;
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .design-construction {
    padding: 65px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s98"]) .design-container {
    grid-template-columns: 1fr;
    gap: 45px;
    align-items: start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbd"]) .design-content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .design-content .section-number {
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .design-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 12px 0px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .design-construction {
    padding: 80px 20px 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .design-construction {
    padding: 70px 0px 30px;
  }
}

:where([data-css~="sn"]) .design-content ul {
  list-style: none;
  margin: 25px 0px 30px;
  padding: 0px;
}

:where([data-css~="sn"]) .design-content ul li {
  position: relative;
  padding-left: 38px;
  margin-bottom: 18px;
  font-size: 18px;
  color: rgb(51, 51, 51);
  line-height: 1.7;
}

:where([data-css~="sn"]) .design-content ul li::before {
  content: "✓";
  position: absolute;
  left: 0px;
  top: 4px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgb(239, 127, 26);
  color: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
}

:where([data-css~="sn"]) .design-image {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  transform: translateY(-30px);
}

:where([data-css~="sn"]) .design-image img {
  width: 100%;
  max-width: 1500px;
  height: auto;
  display: block;
  border-radius: 10px;
}

:where([data-css~="sbe"]) .industry-content .section-number,
:where([data-css~="sbe"]) .design-content .section-number {
  color: rgb(255, 107, 0) !important;
}

@media (max-width: 768px) {
  :where([data-css~="sbf"]) .design-construction {
    padding: 70px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbg"]) .design-container {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sac"]) .design-content {
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sac"]) .design-image {
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .design-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 16px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .design-content h2 {
    font-size: 34px;
    line-height: 1.25;
    margin: 15px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .design-content .section-number {
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .design-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .design-construction {
    padding: 70px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .design-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-construction {
    padding: 60px 0px 45px;
    background: rgb(248, 249, 251);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s24"]) .design-content {
    width: 100%;
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .design-content .section-number {
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .design-content h2 {
    font-size: 36px;
    line-height: 1.2;
    text-align: center;
    margin: 18px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .design-content h3 {
    font-size: 24px;
    line-height: 1.3;
    margin: 28px 0px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbh"]) .design-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .design-list {
    margin-top: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .design-content .section-number {
    font-size: 12px;
    letter-spacing: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbi"]) .design-list {
    margin-top: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7l"]) .design-list li {
    padding-left: 34px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7l"]) .design-list li::before {
    width: 23px;
    height: 23px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .design-image {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .design-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9z"]) .design-construction {
    padding: 60px 0px;
  }
}

:where([data-css~="sm"]) .industry-content .section-number,
:where([data-css~="sm"]) .design-content .section-number {
  color: rgb(255, 107, 0) !important;
}

@media (max-width: 768px) {
  :where([data-css~="sbj"]) .design-construction {
    padding: 70px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="saf"]) .design-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .design-container {
    display: flex;
    flex-direction: column;
    gap: 45px;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .design-container {
    display: flex;
    flex-direction: column;
    gap: 35px;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbk"]) .design-content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .design-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .design-content h2 {
    font-size: 36px;
    line-height: 1.25;
    margin: 16px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbl"]) .design-content p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .design-content .section-number {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .design-content h2 {
    font-size: 38px;
    line-height: 1.25;
    margin: 16px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .design-image img {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .design-content .section-number {
    font-size: 12px;
    letter-spacing: 2.5px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .design-content h2 {
    font-size: 32px;
    line-height: 1.25;
    margin: 15px 0px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbm"]) .design-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .design-content .section-number {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .design-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 15px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbn"]) .design-content h3 {
    font-size: 24px;
    line-height: 1.3;
    margin: 28px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .design-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .design-image {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .design-image img {
    width: 100%;
    max-width: 600px;
    height: auto;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .design-content .section-number {
    font-size: 13px;
    letter-spacing: 4px;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbo"]) .design-list {
    margin-top: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbp"]) .design-list li {
    padding-left: 34px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .design-content h2 {
    font-size: 35px;
    line-height: 1.2;
    margin: 15px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .design-content .section-number {
    font-size: 12px;
    letter-spacing: 2.5px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .design-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 15px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .design-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 18px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbq"]) .design-content p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .design-list {
    margin-top: 25px;
    padding-left: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbr"]) .design-list li {
    padding-left: 34px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.65;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9g"]) .design-list li::before {
    width: 22px;
    height: 22px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .design-image img {
    width: 100%;
    max-width: 650px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .design-list li {
    padding-left: 34px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.75;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .design-list li {
    padding-left: 35px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.65;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .design-list li {
    padding-left: 34px;
    margin-bottom: 17px;
    font-size: 16px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbs"]) .design-list li::before {
    width: 23px;
    height: 23px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .design-list li::before {
    width: 22px;
    height: 22px;
    font-size: 12px;
    top: 1px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbt"]) .design-image {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .design-image {
    width: 100%;
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sbu"]) .design-image img {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9y"]) .design-construction {
    padding: 55px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .design-construction {
    padding: 60px 18px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .design-image img {
    width: 100%;
    max-width: 100%;
    display: block;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .design-construction {
    padding: 55px 0px 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sbv"]) .design-container {
    gap: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .design-content .section-number {
    font-size: 11px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .design-content h2 {
    font-size: 30px;
    line-height: 1.2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .design-construction {
    padding: 55px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .design-container {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .design-content .section-number {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .design-content h2 {
    font-size: 28px;
    margin: 14px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .design-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .design-list {
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .design-list li {
    padding-left: 32px;
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .design-list li::before {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .design-image img {
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .design-content .section-number {
    display: block;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .design-content h2 {
    font-size: 34px;
    line-height: 1.25;
    margin: 15px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .design-content p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .design-content h3 {
    font-size: 22px;
    line-height: 1.35;
    color: rgb(15, 41, 66);
    margin: 30px 0px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .design-content ul {
    margin: 20px 0px 25px;
    padding-left: 0px;
    list-style: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .design-content ul li {
    position: relative;
    padding-left: 34px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.7;
    color: rgb(51, 51, 51);
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .design-content ul li::before {
    content: "✓";
    position: absolute;
    left: 0px;
    top: 3px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: rgb(239, 127, 26);
    color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .design-image {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .design-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8u"]) .design-construction {
    padding: 45px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .design-content h2 {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8"]) .design-content p {
    font-size: 15px;
    line-height: 1.75;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .design-list {
    margin-top: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .design-list li {
    padding-left: 32px;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .design-list li::before {
    width: 22px;
    height: 22px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .design-construction {
    padding: 50px 0px 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .design-image {
    width: 100%;
    order: 2;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .design-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .design-construction {
    padding: 55px 0px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .design-list li::before {
    width: 22px;
    height: 22px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .design-construction {
    padding: 52px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sbw"]) .design-container {
    gap: 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .design-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 14px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .design-container {
    gap: 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .design-content .section-number {
    font-size: 12px;
    letter-spacing: 0.3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="saq"]) .design-content h2 {
    font-size: 28px;
    line-height: 1.25;
    margin: 12px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .design-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 14px 0px 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .design-content .section-number {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .design-content h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 14px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .design-content .section-number {
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .design-content h2 {
    font-size: 27px;
    line-height: 1.3;
    margin: 12px 0px 19px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sbx"]) .design-content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .design-content .section-number {
    font-size: 10px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .design-content .section-number {
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .design-content h2 {
    font-size: 29px;
    line-height: 1.2;
    margin: 14px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .design-content h3 {
    font-size: 21px;
    line-height: 1.3;
    margin: 25px 0px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .design-content p {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .design-content h3 {
    font-size: 22px;
    line-height: 1.3;
    margin: 25px 0px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .design-content .section-number {
    font-size: 11px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .design-content h2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 12px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .design-content h3 {
    font-size: 21px;
    line-height: 1.3;
    margin: 25px 0px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .design-content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .design-content h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 14px 0px 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .design-content p {
    font-size: 15.5px;
    line-height: 1.8;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .design-content .section-number {
    font-size: 11px;
    letter-spacing: 3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .design-image {
    width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .design-image img {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sby"]) .design-list {
    margin-top: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .design-list li {
    padding-left: 31px;
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .design-list li {
    padding-left: 31px;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-content .section-number {
    display: block;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 1.2px;
    color: rgb(255, 107, 0) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-content h2 {
    font-size: 34px;
    line-height: 1.2;
    margin: 15px 0px 22px;
    color: rgb(15, 41, 66);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-content h3 {
    font-size: 23px;
    line-height: 1.3;
    margin: 27px 0px 17px;
    color: rgb(15, 41, 66);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-content p {
    font-size: 16px;
    line-height: 1.75;
    color: rgb(85, 85, 85);
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-content p:last-child {
    margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-content strong {
    color: rgb(15, 41, 66);
    font-weight: 600;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-list {
    margin: 23px 0px 25px;
    padding-left: 0px;
    list-style: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-list li {
    position: relative;
    padding-left: 34px;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.7;
    color: rgb(51, 51, 51);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-list li:last-child {
    margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-list li::before {
    content: "✓";
    position: absolute;
    left: 0px;
    top: 2px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: rgb(239, 127, 26);
    color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-image {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .design-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .design-construction {
    padding: 45px 0px 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sbz"]) .design-container {
    gap: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .design-content h2 {
    font-size: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .design-content p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .design-list li {
    padding-left: 32px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .design-list li {
    padding-left: 31px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .design-list li {
    padding-left: 31px;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc0"]) .design-list li::before {
    width: 21px;
    height: 21px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .design-list li {
    font-size: 14px;
    padding-left: 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .design-list li::before {
    width: 18px;
    height: 18px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .design-list li {
    padding-left: 31px;
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .design-list li::before {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .design-content .section-number {
    font-size: 9px;
    letter-spacing: 1.2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .design-content h2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 13px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .design-content p {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .design-content h3 {
    font-size: 21px;
    line-height: 1.3;
    margin: 25px 0px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .design-list {
    margin-top: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .design-list li {
    padding-left: 30px;
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .design-list li::before {
    width: 20px;
    height: 20px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc1"]) .design-list li {
    padding-left: 32px;
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .design-list li::before {
    width: 22px;
    height: 22px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .design-list li {
    padding-left: 32px;
    margin-bottom: 13px;
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .design-list li::before {
    width: 21px;
    height: 21px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc2"]) .design-image img {
    border-radius: 7px;
  }
}

:where([data-css~="sc3"]) .advantages-section {
  padding: 100px 0px;
  background: rgb(255, 255, 255);
}

:where([data-css~="sbb"]) .advantages-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

:where([data-css~="sb2"]) .advantages-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .design-content .section-number {
    font-size: 9.5px;
    letter-spacing: 0.9px;
    line-height: 1.45;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .design-content h2 {
    font-size: 29px;
    line-height: 1.18;
    margin: 13px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .design-content h3 {
    font-size: 21px;
    line-height: 1.3;
    margin: 24px 0px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .design-content p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .design-list {
    margin: 20px 0px 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .design-list li {
    padding-left: 31px;
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .design-list li::before {
    top: 2px;
    width: 21px;
    height: 21px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s24"]) .design-image img {
    width: 100%;
    max-width: 100%;
    border-radius: 7px;
  }
}

:where([data-css~="sc4"]) .advantages-section {
  padding: 0px 0px 100px;
  margin-top: 120px;
  background: rgb(255, 255, 255);
  transform: none !important;
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .design-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 400px) {
  :where([data-css~="s9a"]) .design-construction {
    padding: 50px 0px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="s9a"]) .design-container {
    gap: 35px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="s9a"]) .design-content .section-number {
    font-size: 10px;
    letter-spacing: 1.8px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="s9a"]) .design-content h2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 14px 0px 18px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="s9a"]) .design-content p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 18px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="s9a"]) .design-image img {
    width: 100%;
    max-width: 100%;
  }
}

:where([data-css~="s8m"]) .advantages-section {
  position: relative;
  transform: none;
  margin-top: 0px;
  padding: 60px 0px 100px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s6t"]) .industry-content .section-number,
:where([data-css~="s6t"]) .design-content .section-number {
  color: rgb(255, 107, 0) !important;
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .design-list li::before {
    width: 22px;
    height: 22px;
    font-size: 13px;
  }
}

:where([data-css~="s94"]) .advantages-section {
  padding: 60px 0px 100px;
  margin-top: 20px;
  background: rgb(255, 255, 255);
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .design-list li {
    font-size: 16px;
    padding-left: 34px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .design-construction {
    padding: 80px 0px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .design-container {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .design-content h2 {
    font-size: 40px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .design-content p {
    font-size: 17px;
    line-height: 1.8;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .design-image {
    justify-content: center;
  }
}

@media (max-width: 900px) {
  :where([data-css~="se"]) .design-image img {
    max-width: 650px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="se"]) .design-construction {
    padding: 65px 0px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="se"]) .design-container {
    gap: 35px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="se"]) .design-content .section-number {
    font-size: 11px;
    letter-spacing: 1.5px;
    line-height: 1.6;
  }
}

@media (max-width: 600px) {
  :where([data-css~="se"]) .design-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 16px 0px 22px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="se"]) .design-content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 20px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="se"]) .design-image img {
    width: 100%;
    border-radius: 8px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="s86"]) .design-construction {
    padding: 55px 0px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="s86"]) .design-container {
    gap: 30px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .design-content h2 {
    font-size: 30px;
    line-height: 1.2;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .design-content p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .design-list li {
    font-size: 15px;
    padding-left: 32px;
  }
}

:where([data-css~="sz"]) .advantages-section {
  padding: 50px 0px 100px;
  margin-top: 0px;
  background: rgb(255, 255, 255);
}

@media (max-width: 400px) {
  :where([data-css~="se"]) .design-content .section-number {
    font-size: 10px;
    letter-spacing: 1.2px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="se"]) .design-content h2 {
    font-size: 28px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="se"]) .design-content p {
    font-size: 14px;
    line-height: 1.7;
  }
}

@media (max-width: 400px) {
  :where([data-css~="se"]) .design-image img {
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .design-content p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .design-content h3 {
    font-size: 20px;
    line-height: 1.35;
    margin: 27px 0px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .design-content ul {
    margin: 18px 0px 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .design-content ul li {
    padding-left: 31px;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .design-content ul li::before {
    width: 21px;
    height: 21px;
    top: 2px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .design-image {
    width: 100%;
    transform: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .design-image img {
    width: 100%;
    max-width: 100%;
    border-radius: 6px;
  }
}

:where([data-css~="sc5"]) .advantages-section {
  padding: 100px 0px;
  margin-top: 80px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s91"]) .advantages-content .section-number {
  color: rgb(255, 107, 0) !important;
}

:where([data-css~="sb6"]) .advantages-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: start;
  padding-top: 0px;
  margin-top: 0px;
}

:where([data-css~="sb6"]) .advantages-image {
  grid-area: 1 / 2;
  align-self: start;
  text-align: center;
  padding-top: 0px;
}

:where([data-css~="sb6"]) .advantages-image img {
  width: 100%;
  max-width: 900px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 45px;
}

:where([data-css~="sb6"]) .advantages-content {
  grid-area: 1 / 1;
  margin-top: 0px;
}

:where([data-css~="s94"]) .advantages-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: start;
}

:where([data-css~="sc6"]) .advantages-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: start;
  padding-top: 80px;
}

:where([data-css~="sc7"]) .advantages-image {
  grid-area: 1 / 2;
  text-align: center;
  padding-top: 40px;
}

:where([data-css~="sc7"]) .advantages-content {
  grid-area: 1 / 1;
}

:where([data-css~="s90"]) .advantages-content h2 {
  font-size: 46px;
  color: rgb(15, 41, 66);
  margin: 18px 0px 28px;
  line-height: 1.2;
}

:where([data-css~="s90"]) .advantages-content p {
  font-size: 18px;
  line-height: 1.9;
  color: rgb(85, 85, 85);
  margin-bottom: 35px;
}

:where([data-css~="s90"]) .advantages-content strong {
  color: rgb(15, 41, 66);
  font-weight: 600;
}

:where([data-css~="sc8"]) .advantages-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

:where([data-css~="sbb"]) .advantages-list div {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

:where([data-css~="sbb"]) .advantages-list span {
  display: block;
  line-height: 1.7;
}

:where([data-css~="sbb"]) .advantages-list strong {
  color: rgb(15, 41, 66);
  font-weight: 700;
}

:where([data-css~="sb2"]) .advantages-list div {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-size: 18px;
  color: rgb(51, 51, 51);
  line-height: 1.6;
}

:where([data-css~="sc3"]) .advantages-list i {
  color: rgb(239, 127, 26);
  font-size: 22px;
  margin-top: 2px;
}

:where([data-css~="sbb"]) .advantages-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

:where([data-css~="sbb"]) .advantages-image img {
  width: 100%;
  max-width: 650px;
  height: auto;
  display: block;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 45px;
}

@media (max-width: 768px) {
  :where([data-css~="sbb"]) .advantages-section {
    padding: 70px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .advantages-container {
    display: flex;
    flex-direction: column;
    gap: 45px;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7g"]) .advantages-container {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}

:where([data-css~="s6f"]) .advantages-image {
  text-align: center;
}

:where([data-css~="s6f"]) .advantages-image img {
  width: 100%;
  max-width: 900px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 45px;
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .advantages-section {
    padding: 60px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .advantages-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc9"]) .advantages-content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .advantages-content .section-number {
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .advantages-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 12px 0px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .advantages-content {
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .advantages-image {
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .advantages-content h2 {
    font-size: 34px;
    line-height: 1.25;
    margin: 15px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7l"]) .advantages-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .advantages-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .advantages-list div {
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .advantages-list i {
    flex-shrink: 0;
    font-size: 20px;
    margin-top: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .advantages-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 18px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .advantages-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .advantages-list {
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .advantages-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .advantages-content p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .advantages-list {
    gap: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9g"]) .advantages-list div {
    gap: 12px;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9g"]) .advantages-list i {
    font-size: 20px;
    margin-top: 3px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8k"]) .advantages-list span {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .advantages-image {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .advantages-image {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8k"]) .advantages-image img {
    width: 100%;
    max-width: 650px;
    height: auto;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .advantages-content .section-number {
    font-size: 12px;
    letter-spacing: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .advantages-list {
    gap: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .advantages-list div {
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1z"]) .advantages-list span {
    font-size: 16px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .advantages-list i {
    font-size: 21px;
    margin-top: 2px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .advantages-image img {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .advantages-content h2 {
    font-size: 35px;
    line-height: 1.2;
    margin: 15px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .advantages-content p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .advantages-list {
    gap: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .advantages-list div {
    gap: 12px;
    font-size: 16px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .advantages-list i {
    font-size: 20px;
    margin-top: 2px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9c"]) .advantages-image {
    width: 100%;
  }
}

:where([data-css~="sc4"]) .advantages-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

:where([data-css~="s91"]) .advantages-list > div {
  display: grid;
  grid-template-columns: 28px 1fr;
  column-gap: 14px;
  align-items: start;
}

:where([data-css~="s91"]) .advantages-list > div i {
  grid-area: 1 / 1 / span 2;
  color: rgb(239, 127, 26);
  font-size: 22px;
  margin-top: 3px;
}

:where([data-css~="sc4"]) .advantages-list > div > strong {
  grid-column: 2;
  display: block;
  font-size: 19px;
  line-height: 1.4;
  color: rgb(15, 41, 66);
}

:where([data-css~="sc4"]) .advantages-list > div p {
  margin-bottom: 0px;
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .advantages-section {
    padding: 60px 0px 70px;
    margin-top: 60px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .advantages-container {
    grid-template-columns: 1fr;
    gap: 45px;
    padding-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .advantages-section {
    padding: 0px 20px 80px;
    margin-top: 80px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .advantages-section {
    padding: 0px 0px 70px;
    margin-top: 70px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8g"]) .advantages-container {
    grid-template-columns: 1fr;
    gap: 45px;
    padding-top: 0px;
    margin-top: 0px;
  }
}

:where([data-css~="sca"]) .advantages-list > div strong {
  grid-column: 2;
  display: block;
  font-size: 19px;
  line-height: 1.4;
  color: rgb(15, 41, 66);
}

:where([data-css~="s8m"]) body .advantages-section {
  position: relative;
  transform: translateY(-140px);
}

@media (max-width: 768px) {
  :where([data-css~="s8m"]) .advantages-section {
    transform: none;
    margin-top: 0px;
    padding: 50px 0px 65px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8m"]) .advantages-container {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}

:where([data-css~="sc7"]) .advantages-list > div p {
  grid-column: 2;
  margin: 4px 0px 0px;
  font-size: 16px;
  line-height: 1.6;
  color: rgb(102, 102, 102);
}

:where([data-css~="s94"]) .advantages-image {
  grid-area: 1 / 2;
  align-self: start;
  text-align: center;
  padding-top: 40px;
}

:where([data-css~="s94"]) .advantages-image img {
  width: 100%;
  max-width: 650px;
  height: auto;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 45px;
}

@media (max-width: 768px) {
  :where([data-css~="s6t"]) .advantages-section {
    padding: 65px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6t"]) .advantages-container {
    grid-template-columns: 1fr;
    gap: 45px;
    align-items: start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa8"]) .advantages-content {
    grid-area: 1 / 1;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .advantages-content .section-number {
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .advantages-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .advantages-content .section-number {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .advantages-content h2 {
    font-size: 38px;
    line-height: 1.25;
    margin: 16px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s68"]) .advantages-content > p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .advantages-content .section-number {
    font-size: 12px;
    letter-spacing: 2.5px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .advantages-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 15px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .advantages-content > p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s98"]) .advantages-list {
    gap: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .advantages-content {
    grid-area: auto / 1;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .advantages-content .section-number {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .advantages-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 15px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .advantages-content > p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 28px;
  }
}

:where([data-css~="sc6"]) .advantages-list i {
  color: rgb(239, 127, 26);
  font-size: 22px;
  margin-top: 2px;
}

:where([data-css~="s86"]) .advantages-image {
  grid-area: 1 / 2;
  align-self: start;
  text-align: center;
}

:where([data-css~="sn"]) .advantages-image {
  grid-area: 1 / 2;
  align-self: start;
  text-align: center;
  padding-top: 40px;
}

:where([data-css~="sc6"]) .advantages-image img {
  width: 100%;
  max-width: 900px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 45px;
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .advantages-section {
    padding: 45px 0px 70px;
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .advantages-section {
    padding: 70px 0px;
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s86"]) .advantages-container {
    grid-template-columns: 1fr;
    gap: 40px;
    padding-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s86"]) .advantages-content {
    grid-area: 1 / 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s86"]) .advantages-image {
    grid-area: 2 / 1;
    padding-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .advantages-content h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 16px 0px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .advantages-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9t"]) .advantages-list {
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scb"]) .advantages-list > div {
    grid-template-columns: 28px 1fr;
    column-gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .advantages-list > div i {
    font-size: 20px;
    margin-top: 2px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .advantages-list > div > strong {
    font-size: 17px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .advantages-list > div p {
    font-size: 15px;
    line-height: 1.7;
    margin-top: 5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .advantages-image {
    grid-area: 2 / 1;
    width: 100%;
    padding-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .advantages-list > div {
    grid-template-columns: 26px 1fr;
    column-gap: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .advantages-content h2 {
    font-size: 36px;
    line-height: 1.25;
    margin: 18px 0px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .advantages-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .advantages-list {
    gap: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scc"]) .advantages-list > div {
    grid-template-columns: 26px 1fr;
    column-gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scd"]) .advantages-list > div i {
    font-size: 20px;
    margin-top: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .advantages-list > div > strong {
    font-size: 17px;
    line-height: 1.45;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .advantages-list > div p {
    font-size: 15px;
    line-height: 1.7;
    margin-top: 5px;
    margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .advantages-list > div strong {
    font-size: 18px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .advantages-list > div i {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .advantages-list > div strong {
    font-size: 17px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scc"]) .advantages-list > div p {
    font-size: 15px;
    line-height: 1.65;
    margin-top: 4px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sce"]) .advantages-image {
    grid-area: 2 / 1;
    width: 100%;
    padding-top: 0px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa7"]) .advantages-image img {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sbb"]) .advantages-section {
    padding: 55px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .advantages-section {
    padding: 0px 18px 60px;
    margin-top: 60px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .advantages-list > div > strong {
    font-size: 18px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .advantages-list > div p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .advantages-image {
    grid-area: auto / 1;
    width: 100%;
    padding-top: 0px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .advantages-image img {
    width: 100%;
    max-width: 100%;
    display: block;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .advantages-section {
    padding: 0px 0px 55px;
    margin-top: 55px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .advantages-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .advantages-section {
    padding: 50px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .advantages-section {
    padding: 70px 0px 80px;
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .advantages-section {
    padding: 60px 0px 70px;
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9e"]) .advantages-container {
    display: flex;
    flex-direction: column;
    gap: 45px;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .advantages-container {
    display: flex;
    flex-direction: column;
    gap: 35px;
    align-items: stretch;
    padding-top: 55px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scf"]) .advantages-content {
    width: 100%;
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .advantages-content .section-number {
    font-size: 13px;
    letter-spacing: 4px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .advantages-content h2 {
    font-size: 36px;
    line-height: 1.25;
    margin: 16px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .advantages-content > p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .advantages-list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .advantages-list > div {
    width: 100%;
    display: grid;
    grid-template-columns: 28px minmax(0px, 1fr);
    column-gap: 14px;
    align-items: start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .advantages-list > div i {
    grid-area: 1 / 1 / span 2;
    font-size: 21px;
    margin-top: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .advantages-list > div strong {
    grid-column: 2;
    font-size: 18px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .advantages-list > div p {
    grid-column: 2;
    font-size: 15px;
    line-height: 1.65;
    margin: 4px 0px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .advantages-image {
    width: 100%;
    order: 2;
    padding-top: 0px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .advantages-image img {
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    border-radius: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .advantages-section {
    padding: 55px 0px 65px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="scg"]) .advantages-container {
    gap: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .advantages-content .section-number {
    font-size: 11px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .advantages-content h2 {
    font-size: 30px;
    line-height: 1.2;
  }
}

:where([data-css~="s5"]) .advantages-image {
  text-align: center;
}

:where([data-css~="s5"]) .advantages-image img {
  width: 100%;
  max-width: 900px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 45px;
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .advantages-section {
    padding: 55px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .advantages-container {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .advantages-content .section-number {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .advantages-content h2 {
    font-size: 28px;
    margin: 14px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .advantages-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .advantages-list {
    gap: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .advantages-list div {
    gap: 12px;
    font-size: 15px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .advantages-list i {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .advantages-image img {
    max-width: 100%;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb2"]) .advantages-section {
    padding: 45px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .advantages-content h2 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .advantages-list > div strong {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .advantages-list > div p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s86"]) .advantages-image img {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sz"]) .advantages-section {
    padding: 35px 0px 55px;
    margin-top: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sz"]) .advantages-container {
    gap: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sz"]) .advantages-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 14px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se"]) .advantages-section {
    padding: 55px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se"]) .advantages-content h2 {
    font-size: 31px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sch"]) .advantages-content p {
    font-size: 15px;
    line-height: 1.75;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .advantages-content .section-number {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .advantages-content h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 14px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .advantages-content .section-number {
    font-size: 11px;
    letter-spacing: 3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .advantages-content h2 {
    font-size: 30px;
    line-height: 1.3;
    margin: 13px 0px 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc1"]) .advantages-content > p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .advantages-content .section-number {
    font-size: 11px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .advantages-content h2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 12px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .advantages-content > p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sci"]) .advantages-list {
    gap: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .advantages-content h2 {
    font-size: 28px;
    line-height: 1.25;
    margin: 12px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .advantages-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 14px 0px 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1z"]) .advantages-content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .advantages-content .section-number {
    font-size: 10px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1z"]) .advantages-list {
    gap: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="scj"]) .advantages-list div {
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sck"]) .advantages-list i {
    font-size: 18px;
    margin-top: 3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .advantages-container {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .advantages-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 16px 0px 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .advantages-content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .advantages-list {
    gap: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .advantages-list div {
    gap: 10px;
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .advantages-list i {
    font-size: 18px;
    margin-top: 3px;
    flex-shrink: 0;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8k"]) .advantages-list span {
    font-size: 14px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="su"]) .advantages-image img {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .advantages-list > div {
    grid-template-columns: 25px 1fr;
    column-gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .advantages-list > div i {
    font-size: 18px;
    margin-top: 3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .advantages-list > div > strong {
    font-size: 16px;
    line-height: 1.45;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .advantages-list > div p {
    font-size: 14px;
    line-height: 1.7;
    margin-top: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sad"]) .advantages-image {
    width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .advantages-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .advantages-list div {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .advantages-list i {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1z"]) .advantages-list span {
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .advantages-list i {
    font-size: 19px;
    margin-top: 1px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .advantages-section {
    padding: 45px 0px 55px;
    margin-top: 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .advantages-section {
    padding: 0px 0px 70px;
    margin-top: 70px;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .advantages-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: stretch;
    padding-top: 0px;
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .advantages-content {
    width: 100%;
    order: 1;
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .advantages-content .section-number {
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .advantages-content h2 {
    font-size: 36px;
    line-height: 1.2;
    text-align: center;
    margin: 18px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .advantages-content > p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .advantages-content .section-number {
    font-size: 12px;
    letter-spacing: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .advantages-content h2 {
    font-size: 34px;
    line-height: 1.25;
    margin: 16px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .advantages-content > p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scl"]) .advantages-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scl"]) .advantages-list > div {
    display: grid;
    grid-template-columns: 28px 1fr;
    column-gap: 12px;
    align-items: start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .advantages-content .section-number {
    display: block;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .advantages-content h2 {
    font-size: 34px;
    line-height: 1.25;
    margin: 15px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .advantages-content > p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .advantages-image {
    order: 2;
    width: 100%;
    padding-top: 0px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .advantages-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .advantages-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .advantages-list > div {
    display: grid;
    grid-template-columns: 28px 1fr;
    column-gap: 13px;
    align-items: start;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scm"]) .advantages-list > div i {
    grid-area: 1 / 1 / span 2;
    font-size: 20px;
    margin-top: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .advantages-list > div > strong {
    grid-column: 2;
    font-size: 18px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .advantages-list > div p {
    grid-column: 2;
    font-size: 15px;
    line-height: 1.7;
    margin: 5px 0px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .advantages-section {
    padding: 55px 0px 60px;
    margin-top: 50px;
    background: rgb(255, 255, 255);
    transform: none !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .advantages-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
    padding-top: 0px;
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .advantages-content {
    width: 100%;
    order: 1;
    grid-area: auto;
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .advantages-content .section-number {
    display: block;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 1.2px;
    color: rgb(255, 107, 0) !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .advantages-content h2 {
    font-size: 34px;
    line-height: 1.2;
    margin: 15px 0px 22px;
    color: rgb(15, 41, 66);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .advantages-content > p {
    font-size: 16px;
    line-height: 1.75;
    color: rgb(85, 85, 85);
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .advantages-content strong {
    color: rgb(15, 41, 66);
    font-weight: 600;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .advantages-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .advantages-list > div {
    display: grid;
    grid-template-columns: 25px 1fr;
    column-gap: 12px;
    align-items: start;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .advantages-list > div i {
    grid-area: 1 / 1 / span 2;
    color: rgb(239, 127, 26);
    font-size: 19px;
    margin-top: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .advantages-list > div > strong {
    grid-column: 2;
    display: block;
    font-size: 17px;
    line-height: 1.4;
    color: rgb(15, 41, 66);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .advantages-list > div p {
    grid-column: 2;
    font-size: 15px;
    line-height: 1.65;
    color: rgb(102, 102, 102);
    margin: 5px 0px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s24"]) .advantages-image {
    width: 100%;
    order: 2;
    grid-area: auto;
    align-self: center;
    text-align: center;
    padding-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .advantages-image img {
    width: 100%;
    max-width: 600px;
    height: auto;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .advantages-section {
    padding: 0px 0px 55px;
    margin-top: 55px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1d"]) .advantages-container {
    gap: 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .advantages-content .section-number {
    font-size: 9px;
    letter-spacing: 1.2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .advantages-content h2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 13px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .advantages-content > p {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .advantages-list {
    gap: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .advantages-content .section-number {
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .advantages-content h2 {
    font-size: 29px;
    line-height: 1.2;
    margin: 14px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .advantages-content > p {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .advantages-content .section-number {
    font-size: 10px;
    letter-spacing: 1.8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .advantages-content h2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 14px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .advantages-content > p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .advantages-list > div strong {
    grid-column: 2;
    font-size: 17px;
    line-height: 1.45;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .advantages-list > div p {
    grid-column: 2;
    font-size: 15px;
    line-height: 1.65;
    margin: 4px 0px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .advantages-image {
    width: 100%;
    grid-area: auto;
    order: 2;
    padding-top: 0px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .advantages-image img {
    width: 100%;
    max-width: 600px;
    height: auto;
    margin: 0px auto;
    border-radius: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .advantages-section {
    padding: 45px 0px 55px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .advantages-container {
    gap: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .advantages-content .section-number {
    font-size: 11px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .advantages-content h2 {
    font-size: 29px;
    line-height: 1.25;
    margin: 14px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .advantages-content > p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 26px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="scn"]) .advantages-list {
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .advantages-list > div strong {
    grid-column: 2;
    font-size: 18px;
    line-height: 1.4;
    display: block;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .advantages-list > div p {
    grid-column: 2;
    font-size: 15px;
    line-height: 1.65;
    margin: 5px 0px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .advantages-container {
    gap: 28px;
    padding-top: 42px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .advantages-content .section-number {
    font-size: 12px;
    letter-spacing: 0.3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .advantages-content h2 {
    font-size: 28px;
    line-height: 1.25;
    margin: 12px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .advantages-content > p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .advantages-image {
    padding-top: 0px;
    width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .advantages-image img {
    width: 100%;
    max-width: 100%;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .advantages-list {
    gap: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sco"]) .advantages-list > div {
    grid-template-columns: 24px 1fr;
    column-gap: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .advantages-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .advantages-section {
    padding: 42px 0px 48px;
    margin-top: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .advantages-container {
    gap: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .advantages-content .section-number {
    font-size: 9.5px;
    letter-spacing: 0.9px;
    line-height: 1.45;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .advantages-content h2 {
    font-size: 29px;
    line-height: 1.18;
    margin: 13px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .advantages-content > p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .advantages-list {
    gap: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .advantages-list > div {
    grid-template-columns: 22px 1fr;
    column-gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb5"]) .advantages-list > div i {
    font-size: 17px;
    margin-top: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .advantages-list > div > strong {
    font-size: 15px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .advantages-list > div p {
    font-size: 13.5px;
    line-height: 1.65;
    margin-top: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="scp"]) .advantages-image img {
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .advantages-list > div {
    grid-template-columns: 23px 1fr;
    column-gap: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .advantages-list > div {
    grid-template-columns: 25px 1fr;
    column-gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="scq"]) .advantages-list > div i {
    font-size: 18px;
    margin-top: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .advantages-list > div > strong {
    font-size: 16px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .advantages-list > div p {
    font-size: 13px;
    line-height: 1.65;
    margin-top: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .advantages-image img {
    width: 100%;
    max-width: 100%;
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .advantages-image img {
    width: 100%;
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .advantages-list > div > strong {
    font-size: 15px;
    line-height: 1.35;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .advantages-list > div p {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .advantages-image img {
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 12px 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .advantages-list > div > strong {
    font-size: 17px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .advantages-list > div p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .advantages-image img {
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .advantages-list > div i {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sz"]) .advantages-list > div {
    column-gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sz"]) .advantages-list > div i {
    font-size: 19px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="scr"]) .advantages-list > div strong {
    font-size: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .advantages-list > div p {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .advantages-image img {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sz"]) .advantages-list > div p {
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .advantages-list > div {
    grid-template-columns: 25px minmax(0px, 1fr);
    column-gap: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .advantages-list > div i {
    font-size: 19px;
    margin-top: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="scf"]) .advantages-list > div strong {
    font-size: 16px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .advantages-list > div p {
    font-size: 14px;
    line-height: 1.65;
    margin-top: 3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .advantages-image {
    padding-top: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .advantages-list > div p {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .advantages-image {
    width: 100%;
    padding-top: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9e"]) .advantages-image img {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se"]) .advantages-list > div strong {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se"]) .advantages-list > div p {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .advantages-list > div p {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 4px;
  }
}

:where([data-css~="scs"]) .materials-section {
  padding: 120px 0px;
  background:
    linear-gradient(rgba(15, 41, 66, 0.82), rgba(15, 41, 66, 0.9)) center
      center / cover no-repeat,
    url("../images/weld-neck-flange/materials-bg.webp");
}

:where([data-css~="s93"]) .materials-section h2 {
  max-width: none;
  width: 100%;
  white-space: nowrap;
}

:where([data-css~="s91"]) .materials-section h2 {
  max-width: 100%;
  width: 100%;
  white-space: normal;
  color: rgb(255, 255, 255);
  font-size: 62px;
  line-height: 1.15;
  font-weight: 700;
  margin: 0px 0px 18px;
}

:where([data-css~="scs"]) .materials-section p {
  width: 100%;
  max-width: 1350px;
  font-size: 18px;
  line-height: 1.8;
  margin-top: 0px;
  margin-bottom: 0px;
}

:where([data-css~="scs"]) .materials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 50px;
}

:where([data-css~="scs"]) .material-card {
  display: block;
  text-decoration: none;
  border: 1px solid rgb(229, 229, 229);
  border-radius: 10px;
  overflow: hidden;
  transition: 0.35s;
  background: rgb(255, 255, 255);
}

:where([data-css~="scs"]) .material-card:hover {
  transform: translateY(-8px);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 18px 35px;
}

:where([data-css~="scs"]) .material-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}

:where([data-css~="scs"]) .material-content {
  padding: 24px;
}

:where([data-css~="scs"]) .material-content h3 {
  color: rgb(15, 41, 66);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
  line-height: 1.3;
}

:where([data-css~="scs"]) .material-content .material-sub {
  font-size: 14px;
  color: rgb(75, 85, 99);
  font-weight: 600;
  margin-bottom: 14px;
  line-height: 1.3;
}

:where([data-css~="scs"]) .material-content span {
  color: rgb(239, 127, 26);
  font-weight: 600;
  font-size: 16px;
}

:where([data-css~="scs"]) .material-content i {
  margin-left: 8px;
  transition: 0.3s;
}

:where([data-css~="scs"]) .material-card:hover i {
  margin-left: 14px;
}

:where([data-css~="scs"]) .materials-section h2 {
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="scs"]) .materials-section p {
  color: rgb(213, 219, 226) !important;
}

:where([data-css~="scs"]) .materials-section .section-label,
:where([data-css~="scs"]) .materials-section .eyebrow {
  color: rgb(255, 107, 0) !important;
}

:where([data-css~="scs"]) .material-card {
  background: rgb(255, 255, 255);
}

:where([data-css~="scs"]) .material-content h3 {
  color: rgb(15, 41, 66);
}

:where([data-css~="scs"]) .material-content .material-sub {
  color: rgb(75, 85, 99);
}

:where([data-css~="scs"]) .material-content span {
  color: rgb(239, 127, 26);
}

:where([data-css~="sbb"]) .materials-section .section-number {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 5px;
  line-height: 1.5;
  margin: 0px auto 24px;
  opacity: 1;
  visibility: visible;
  color: rgb(255, 107, 0) !important;
}

:where([data-css~="s91"]) .materials-section .section-number {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 5px;
  line-height: 1.5;
  margin: 0px auto 24px;
  opacity: 1;
  visibility: visible;
  color: rgb(255, 107, 0) !important;
}

:where([data-css~="sct"]) .materials-section h2 {
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="sct"]) .materials-section p {
  color: rgb(213, 219, 226) !important;
}

@media (max-width: 1100px) {
  :where([data-css~="s5"]) .materials-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .materials-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .materials-section h2 {
    font-size: 38px;
  }
}

:where([data-css~="s5"]) .materials-section {
  padding: 70px 0px !important;
}

:where([data-css~="s5"]) .materials-section h2 {
  margin-bottom: 15px !important;
}

:where([data-css~="s5"]) .materials-subtitle {
  margin: 15px auto 35px !important;
  line-height: 1.7 !important;
}

:where([data-css~="s5"]) .materials-grid {
  gap: 18px !important;
}

:where([data-css~="s5"]) .material-card {
  gap: 18px !important;
  padding: 22px !important;
}

:where([data-css~="s5"]) .material-info h3 {
  margin-bottom: 7px !important;
}

:where([data-css~="s5"]) .material-info p {
  line-height: 1.6 !important;
}

:where([data-css~="scs"]) .materials-section .container > h2 {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0px 0px 18px;
  font-weight: 700;
  line-height: 1.15;
  text-align: left;
  white-space: nowrap;
  color: rgb(255, 255, 255) !important;
  font-size: 62px !important;
}

:where([data-css~="scs"]) .materials-section .section-number {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 24px;
  color: rgb(255, 107, 0) !important;
}

:where([data-css~="scs"]) .materials-section .container > p {
  width: 100%;
  max-width: 1350px;
  margin-top: 0px;
  font-size: 18px;
  line-height: 1.8;
  color: rgb(213, 219, 226) !important;
}

:where([data-css~="su"]) .material-content h3 {
  color: rgb(15, 41, 66) !important;
  opacity: 1 !important;
}

:where([data-css~="su"]) .material-content .material-sub {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: rgb(75, 85, 99) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

:where([data-css~="su"]) .material-content span {
  color: rgb(239, 127, 26) !important;
  opacity: 1 !important;
}

:where([data-css~="su"]) .material-content h3 {
  color: rgb(15, 41, 66) !important;
  opacity: 1 !important;
}

:where([data-css~="su"]) .material-content .material-sub {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: rgb(75, 85, 99) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

:where([data-css~="su"]) .material-content span {
  color: rgb(239, 127, 26) !important;
  opacity: 1 !important;
}

@media (max-width: 1100px) {
  :where([data-css~="scs"]) .materials-section .container > h2 {
    white-space: normal;
    font-size: 44px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scs"]) .materials-section .container > h2 {
    font-size: 36px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scs"]) .materials-section .container > p {
    font-size: 16px;
  }
}

@media (max-width: 1100px) {
  :where([data-css~="su"]) .materials-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .materials-section {
    padding: 80px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .materials-section h2 {
    font-size: 38px;
    line-height: 1.2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .materials-subtitle {
    margin: 20px auto 45px;
    font-size: 17px;
    line-height: 1.8;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .materials-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .material-card {
    gap: 16px;
    padding: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .material-icon {
    width: 58px;
    height: 58px;
    border-radius: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .material-icon i {
    font-size: 23px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .material-info h3 {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .material-info p {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .material-arrow {
    width: 42px;
    height: 42px;
  }
}

:where([data-css~="s91"]) .materials-section .container > h2 {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: clamp(28px, 3vw, 52px) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  color: rgb(255, 255, 255) !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
  margin: 0px 0px 18px !important;
}

@media (max-width: 1100px) {
  :where([data-css~="s91"]) .materials-section .container > h2 {
    white-space: normal !important;
    font-size: 44px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s91"]) .materials-section .container > h2 {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }
}

:where([data-css~="scu"]) .material-content h3 {
  color: rgb(15, 41, 66) !important;
  opacity: 1 !important;
}

:where([data-css~="scu"]) .material-content .material-sub {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: rgb(75, 85, 99) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

:where([data-css~="scu"]) .material-content span {
  color: rgb(239, 127, 26) !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .materials-section {
    padding: 55px 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .materials-section h2 {
    font-size: 38px;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .materials-subtitle {
    margin: 12px auto 28px !important;
    line-height: 1.65 !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .materials-grid {
    gap: 15px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .material-card {
    gap: 15px !important;
    padding: 20px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .material-info h3 {
    margin-bottom: 6px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .material-info p {
    line-height: 1.6 !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .advantages-container {
    gap: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .advantages-content h2 {
    font-size: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .advantages-content p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .advantages-list {
    gap: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .advantages-list div {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .advantages-list i {
    font-size: 18px;
  }
}

:where([data-css~="s6f"]) .what-is-section {
  padding: 65px 0px !important;
}

:where([data-css~="s6f"]) .what-is-container {
  gap: 45px !important;
}

:where([data-css~="s6f"]) .what-is-content h2 {
  margin: 10px 0px 18px !important;
}

:where([data-css~="s6f"]) .what-is-content p {
  margin-bottom: 16px !important;
  line-height: 1.75 !important;
}

:where([data-css~="s6f"]) .industry-standard {
  padding: 60px 0px !important;
}

:where([data-css~="s6f"]) .industry-standard-container {
  gap: 45px !important;
}

:where([data-css~="s6f"]) .industry-content h2 {
  margin: 10px 0px 18px !important;
}

:where([data-css~="s6f"]) .industry-content p {
  margin-bottom: 16px !important;
  line-height: 1.75 !important;
}

:where([data-css~="s6f"]) .industry-features {
  margin-top: 22px !important;
  gap: 12px !important;
}

:where([data-css~="s6f"]) .feature-item {
  gap: 14px !important;
}

:where([data-css~="s6f"]) .feature-item h4 {
  margin-bottom: 4px !important;
}

:where([data-css~="s6f"]) .feature-item p {
  line-height: 1.6 !important;
}

:where([data-css~="s6f"]) .design-construction {
  padding: 65px 0px !important;
}

:where([data-css~="s6f"]) .design-container {
  gap: 50px !important;
}

:where([data-css~="s6f"]) .design-content h2 {
  margin: 10px 0px 18px !important;
}

:where([data-css~="s6f"]) .design-content p {
  margin-bottom: 16px !important;
  line-height: 1.75 !important;
}

:where([data-css~="s6f"]) .design-list {
  margin-top: 20px !important;
}

:where([data-css~="s6f"]) .design-list li {
  margin-bottom: 12px !important;
  line-height: 1.6 !important;
}

:where([data-css~="s6f"]) .advantages-section {
  padding: 65px 0px !important;
}

:where([data-css~="s6f"]) .advantages-container {
  gap: 45px !important;
}

:where([data-css~="s6f"]) .advantages-content h2 {
  margin: 10px 0px 18px !important;
}

:where([data-css~="s6f"]) .advantages-content p {
  margin-bottom: 22px !important;
  line-height: 1.75 !important;
}

:where([data-css~="s6f"]) .advantages-list {
  gap: 12px !important;
}

:where([data-css~="s6f"]) .advantages-list div {
  gap: 12px !important;
  line-height: 1.55 !important;
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .what-is-section {
    padding: 45px 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .what-is-container {
    gap: 28px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .what-is-content h2 {
    margin: 10px 0px 16px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .what-is-content p {
    margin-bottom: 14px !important;
    line-height: 1.65 !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industry-standard {
    padding: 45px 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industry-standard-container {
    gap: 30px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industry-content h2 {
    margin: 10px 0px 16px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industry-content p {
    margin-bottom: 14px !important;
    line-height: 1.65 !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industry-features {
    margin-top: 20px !important;
    gap: 12px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .design-construction {
    padding: 45px 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .design-container {
    gap: 28px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .design-content h2 {
    margin: 10px 0px 16px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .design-content p {
    margin-bottom: 14px !important;
    line-height: 1.65 !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .design-list {
    margin-top: 18px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .design-list li {
    margin-bottom: 11px !important;
    line-height: 1.6 !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .advantages-section {
    padding: 45px 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .advantages-container {
    gap: 28px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .advantages-content h2 {
    margin: 10px 0px 16px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .advantages-content p {
    margin-bottom: 18px !important;
    line-height: 1.65 !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .advantages-list {
    gap: 11px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .what-is-section,
  :where([data-css~="s6f"]) .industry-standard,
  :where([data-css~="s6f"]) .design-construction,
  :where([data-css~="s6f"]) .advantages-section {
    padding: 38px 0px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .what-is-container,
  :where([data-css~="s6f"]) .industry-standard-container,
  :where([data-css~="s6f"]) .design-container,
  :where([data-css~="s6f"]) .advantages-container {
    gap: 24px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .what-is-content h2,
  :where([data-css~="s6f"]) .industry-content h2,
  :where([data-css~="s6f"]) .design-content h2,
  :where([data-css~="s6f"]) .advantages-content h2 {
    margin: 8px 0px 14px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .what-is-content p,
  :where([data-css~="s6f"]) .industry-content p,
  :where([data-css~="s6f"]) .design-content p,
  :where([data-css~="s6f"]) .advantages-content p {
    margin-bottom: 13px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .industry-features {
    margin-top: 16px !important;
    gap: 10px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .design-list {
    margin-top: 15px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .design-list li {
    margin-bottom: 9px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .advantages-list {
    gap: 10px !important;
  }
}

:where([data-css~="s90"]) .technical-specs {
  position: relative;
  overflow: hidden;
  padding: 100px 0px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.25)) center
      center / cover no-repeat,
    url("../images/weld-neck-flange/weld-neck-spec-bg.jpg");
}

:where([data-css~="s90"]) .technical-specs .container {
  position: relative;
  z-index: 2;
}

:where([data-css~="su"]) .technical-specs .section-number {
  display: block;
  text-align: center;
  color: rgb(255, 107, 0);
  font-size: 14px;
  letter-spacing: 5px;
  font-weight: 700;
  margin-bottom: 18px;
  text-transform: uppercase;
}

:where([data-css~="su"]) .technical-specs h2 {
  font-size: 60px;
  line-height: 1.15;
  color: rgb(15, 41, 66);
  margin: 20px 0px 70px;
  text-align: center;
}

:where([data-css~="su"]) .spec-layout {
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
}

:where([data-css~="scv"]) .spec-layout {
  max-width: 1200px;
  margin: 0px auto;
}

:where([data-css~="s1i"]) .section-number {
  display: block;
  text-align: center;
  color: rgb(255, 107, 0);
  font-size: 14px;
  letter-spacing: 5px;
  font-weight: 700;
  margin-bottom: 18px;
  text-transform: uppercase;
}

:where([data-css~="s1i"]) .technical-specs h2 {
  font-size: 60px;
  line-height: 1.15;
  color: rgb(15, 41, 66);
  margin: 20px 0px 70px;
  text-align: center;
}

:where([data-css~="scw"]) .spec-left {
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
}

:where([data-css~="scx"]) .spec-left h3 {
  font-size: 30px;
  color: rgb(15, 41, 66);
  margin: 40px 0px 22px;
}

:where([data-css~="su"]) .pressure-title {
  margin-top: 50px !important;
}

:where([data-css~="scy"]) .spec-left {
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
  text-align: center;
}

:where([data-css~="scz"]) .spec-left h3 {
  font-size: 30px;
  color: rgb(15, 41, 66);
  margin: 40px 0px 22px;
  text-align: center;
}

:where([data-css~="sd0"]) .technical-specs h2 {
  font-size: 60px;
  line-height: 1.15;
  color: rgb(15, 41, 66);
  margin: 20px 0px 70px;
  text-align: center;
}

:where([data-css~="sd1"]) .dimension-btn-wrapper {
  display: flex;
  justify-content: center;
}

:where([data-css~="sd0"]) .dimension-btn:hover {
  background: rgb(255, 107, 0);
  border-color: rgb(255, 107, 0);
  color: rgb(255, 255, 255);
  transform: translateY(-6px);
  box-shadow: rgba(255, 107, 0, 0.28) 0px 22px 45px;
}

:where([data-css~="sd0"]) .dimension-btn i {
  transition: 0.35s;
  font-size: 18px;
}

:where([data-css~="sd0"]) .dimension-btn:hover i {
  transform: translateX(8px);
}

:where([data-css~="sd0"]) .section-number {
  display: block;
  text-align: center;
  color: rgb(255, 107, 0);
  font-size: 14px;
  letter-spacing: 5px;
  font-weight: 700;
  margin-bottom: 18px;
  text-transform: uppercase;
}

:where([data-css~="scw"]) .standard-list {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 25px 0px 45px;
}

:where([data-css~="scy"]) .standard-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin: 25px 0px 45px;
}

:where([data-css~="s90"]) .standard-list a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  min-height: 58px;
  padding: 0px 22px;
  background: rgba(255, 255, 255, 0.92);
  border: 1.5px solid rgb(15, 41, 66);
  border-radius: 10px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  color: rgb(15, 41, 66);
  transition: 0.3s;
}

:where([data-css~="s90"]) .standard-list a:hover {
  background: rgb(255, 107, 0);
  border-color: rgb(255, 107, 0);
  color: rgb(255, 255, 255);
  transform: translateY(-4px);
  box-shadow: rgba(255, 107, 0, 0.22) 0px 10px 25px;
}

:where([data-css~="su"]) .pressure-spec-panel {
  width: 100%;
  max-width: 850px;
  margin: 30px auto 55px;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(15, 41, 66);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: rgba(15, 41, 66, 0.08) 0px 8px 22px;
}

:where([data-css~="su"]) .pressure-spec-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  align-items: center;
  min-height: 62px;
  padding: 0px 24px;
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid rgba(15, 41, 66, 0.12);
}

:where([data-css~="su"]) .pressure-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

:where([data-css~="su"]) .pressure-head span:first-child {
  grid-column: 1;
  text-align: left;
  justify-self: start;
}

:where([data-css~="su"]) .pressure-head span:last-child {
  grid-column: 2;
  text-align: right;
  justify-self: end;
}

:where([data-css~="su"]) .pressure-spec-row > span {
  grid-column: 1;
  justify-self: start;
  text-align: left;
  font-size: 18px;
  color: rgb(15, 41, 66);
  font-weight: 700;
}

:where([data-css~="su"]) .pressure-spec-row > strong {
  grid-column: 2;
  justify-self: end;
  text-align: right;
  font-size: 18px;
  color: rgb(15, 41, 66);
  font-weight: 700;
}

:where([data-css~="su"]) .pressure-head {
  background: rgb(15, 41, 66);
  color: rgb(255, 255, 255);
  border-radius: 10px 10px 0px 0px;
}

:where([data-css~="su"]) .pressure-head > span {
  font-weight: 700;
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="su"]) .pressure-spec-row:hover {
  background: rgb(247, 251, 255);
}

:where([data-css~="su"]) .pressure-spec-row:hover > span {
  color: rgb(85, 85, 85) !important;
}

:where([data-css~="su"]) .pressure-spec-row:hover > strong {
  color: rgb(15, 41, 66) !important;
}

:where([data-css~="su"]) .pressure-head:hover {
  background: rgb(15, 41, 66) !important;
}

:where([data-css~="su"]) .pressure-head:hover > span {
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="s1i"]) .pressure-spec-panel {
  width: 100%;
  max-width: 850px;
  margin: 30px auto 0px;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(15, 41, 66);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: rgba(15, 41, 66, 0.08) 0px 8px 22px;
}

:where([data-css~="s1i"]) .pressure-spec-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  align-items: center;
  min-height: 62px;
  padding: 0px 24px;
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid rgba(15, 41, 66, 0.12);
  color: rgb(15, 41, 66);
}

:where([data-css~="sck"]) .pressure-spec-row:last-child {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="sd2"]) .pressure-spec-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
  min-height: 70px;
  padding: 0px 28px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid rgba(15, 41, 66, 0.12);
  color: rgb(15, 41, 66);
  font-size: 17px;
  font-weight: 600;
}

:where([data-css~="sd2"]) .pressure-head {
  min-height: 78px;
  background: rgb(15, 41, 66);
  color: rgb(255, 255, 255);
  border-radius: 14px 14px 0px 0px;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  font-weight: 700;
}

:where([data-css~="sd2"]) .pressure-spec-row span:first-child {
  text-align: left;
}

:where([data-css~="sd2"]) .pressure-spec-row span:last-child,
:where([data-css~="sd2"]) .pressure-spec-row strong {
  text-align: right;
  justify-self: end;
}

:where([data-css~="sd2"]) .pressure-spec-row:last-child {
  border-radius: 0px 0px 14px 14px;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="sd2"]) .pressure-spec-row {
  border-left: 1.5px solid rgb(15, 41, 66);
  border-right: 1.5px solid rgb(15, 41, 66);
}

:where([data-css~="sd2"]) .pressure-head {
  border-top: 1.5px solid rgb(15, 41, 66);
}

:where([data-css~="sd3"]) .spec-bottom {
  justify-content: center;
  align-items: stretch;
  gap: 28px;
  width: 100%;
  max-width: 760px;
  margin: 50px auto 0px;
  display: flex !important;
  flex-flow: row !important;
}

:where([data-css~="sd0"]) .dimension-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: fit-content;
  margin: 65px auto 0px;
  padding: 20px 38px;
  background: rgb(15, 41, 66);
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-size: 17px;
  font-weight: 700;
  border-radius: 12px;
  border: 2px solid rgb(15, 41, 66);
  box-shadow: rgba(15, 41, 66, 0.18) 0px 12px 30px;
  transition: 0.35s;
}

:where([data-css~="s1i"]) .pressure-spec-row:hover {
  background: rgb(247, 251, 255);
}

:where([data-css~="s1i"]) .pressure-spec-row span {
  font-size: 18px;
  color: rgb(15, 41, 66);
  font-weight: 700;
}

:where([data-css~="s1i"]) .pressure-spec-row strong {
  justify-self: end;
  text-align: right;
  color: rgb(15, 41, 66);
  font-size: 18px;
  font-weight: 700;
  padding-right: 12px;
}

:where([data-css~="s1i"]) .pressure-head {
  background: rgb(15, 41, 66);
  color: rgb(255, 255, 255);
  font-weight: 700;
  border-radius: 10px 10px 0px 0px;
}

:where([data-css~="s1i"]) .pressure-head span {
  color: rgb(255, 255, 255);
  font-weight: 700;
}

:where([data-css~="s1i"]) .pressure-head:hover {
  background: rgb(15, 41, 66);
}

:where([data-css~="s1i"]) .pressure-head:hover span {
  color: rgb(255, 255, 255);
}

:where([data-css~="s1i"]) .spec-bottom {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  gap: 28px;
  width: 100%;
  max-width: 760px;
  margin: 50px auto 0px;
}

:where([data-css~="s90"]) .spec-card {
  flex: 0 0 340px;
  width: 340px;
  min-height: 170px;
  padding: 28px 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(135deg, rgb(255, 255, 255), rgb(247, 249, 252));
  border-width: 4px 1px 1px;
  border-style: solid;
  border-color: rgb(255, 107, 0) rgba(15, 41, 66, 0.1) rgba(15, 41, 66, 0.1);
  border-image: none;
  border-radius: 16px;
  text-decoration: none;
  box-shadow: rgba(15, 41, 66, 0.1) 0px 12px 30px;
  transition:
    transform 0.3s,
    box-shadow 0.3s;
}

:where([data-css~="s90"]) .spec-card:hover {
  transform: translateY(-8px);
  box-shadow: rgba(15, 41, 66, 0.15) 0px 20px 45px;
}

:where([data-css~="s90"]) .spec-card h3 {
  font-size: 26px;
  color: rgb(15, 41, 66);
  margin: 0px 0px 14px;
}

:where([data-css~="s90"]) .spec-card p {
  font-size: 18px;
  color: rgb(91, 102, 115);
  line-height: 1.7;
  margin: 0px 0px 25px;
}

:where([data-css~="s90"]) .flange-options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0px 0px 22px;
}

:where([data-css~="sd3"]) .flange-options a {
  color: rgb(15, 41, 66);
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.25s;
}

:where([data-css~="s1i"]) .flange-options a {
  color: rgb(15, 41, 66);
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.25s;
}

:where([data-css~="s90"]) .flange-options a:hover {
  color: rgb(255, 107, 0);
}

:where([data-css~="s90"]) .flange-options span {
  color: rgb(255, 107, 0);
  font-weight: 700;
}

:where([data-css~="sd4"]) .spec-card span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgb(255, 107, 0);
  font-weight: 700;
  font-size: 17px;
}

:where([data-css~="sd4"]) .spec-card:hover span {
  letter-spacing: 0.5px;
}

:where([data-css~="sd4"]) .spec-card i {
  transition: 0.35s;
}

:where([data-css~="sd4"]) .spec-card:hover i {
  transform: translateX(8px);
}

:where([data-css~="s90"]) .spec-card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 10px 18px;
  background: rgb(255, 107, 0);
  color: rgb(255, 255, 255);
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  transition: 0.3s;
}

:where([data-css~="s90"]) .spec-card-link:hover {
  background: rgb(232, 95, 0);
  transform: translateY(-3px);
}

:where([data-css~="s90"]) .spec-card-link i {
  transition: transform 0.3s;
}

:where([data-css~="s90"]) .spec-card-link:hover i {
  transform: translateX(5px);
}

:where([data-css~="sck"]) .dimension-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: fit-content;
  margin: 65px auto 0px;
  padding: 20px 38px;
  background: rgb(15, 41, 66);
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-size: 17px;
  font-weight: 700;
  border-radius: 12px;
  border: 2px solid rgb(15, 41, 66);
  box-shadow: rgba(15, 41, 66, 0.18) 0px 12px 30px;
  transition: 0.35s;
}

:where([data-css~="sck"]) .dimension-btn:hover {
  background: rgb(255, 107, 0);
  border-color: rgb(255, 107, 0);
  color: rgb(255, 255, 255);
  transform: translateY(-6px);
  box-shadow: rgba(255, 107, 0, 0.28) 0px 22px 45px;
}

:where([data-css~="sck"]) .dimension-btn i {
  transition: 0.35s;
  font-size: 18px;
}

:where([data-css~="sck"]) .dimension-btn:hover i {
  transform: translateX(8px);
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .technical-specs {
    padding: 80px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .technical-specs h2 {
    font-size: 38px;
    line-height: 1.2;
    margin-bottom: 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .technical-specs .section-number {
    font-size: 12px;
    letter-spacing: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .spec-left {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .spec-left h3 {
    font-size: 25px;
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .standard-list {
    gap: 10px;
    margin-bottom: 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .standard-list a {
    min-width: 0px;
    min-height: 50px;
    padding: 0px 16px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .pressure-spec-panel {
    margin: 25px auto 40px;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .pressure-spec-row {
    grid-template-columns: 1fr 1fr;
    min-height: 58px;
    padding: 0px 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .pressure-spec-row > span,
  :where([data-css~="su"]) .pressure-spec-row > strong {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .spec-bottom {
    gap: 20px;
    margin-top: 35px;
    max-width: 100%;
    flex-flow: column !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .spec-card {
    flex: 1 1 auto;
    width: 100%;
    min-height: auto;
    padding: 24px;
  }
}

:where([data-css~="sd5"]) .pressure-spec-panel {
  margin: 30px auto 0px;
  width: 100%;
  max-width: 850px;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(15, 41, 66);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: rgba(15, 41, 66, 0.08) 0px 8px 22px;
}

:where([data-css~="sv"]) .pressure-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgb(15, 41, 66);
}

:where([data-css~="s5"]) .pressure-head {
  background: rgb(15, 41, 66);
}

:where([data-css~="sa"]) .pressure-head {
  color: rgb(255, 255, 255);
  font-weight: 700;
  border-radius: 10px 10px 0px 0px;
  background: rgb(15, 41, 66) !important;
}

:where([data-css~="sd5"]) .pressure-head span {
  font-weight: 700;
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="sv"]) .pressure-head span:last-child {
  margin-left: auto;
  text-align: right;
}

:where([data-css~="sd6"]) .pressure-spec {
  width: 100%;
  max-width: 850px;
  margin: 0px auto 55px;
}

:where([data-css~="s7v"]) .pressure-spec-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 62px;
  padding: 0px 24px;
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid rgba(15, 41, 66, 0.12);
  color: rgb(15, 41, 66);
  font-size: 15px;
}

:where([data-css~="s5"]) .pressure-spec-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  min-height: 62px;
  padding: 0px 24px;
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid rgba(15, 41, 66, 0.12);
}

:where([data-css~="sd5"]) .pressure-spec-row:last-child {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

@media (hover: hover) and (pointer: fine) {
  :where([data-css~="s7v"]) .pressure-spec-row:hover {
    background: rgb(247, 251, 255);
  }
}

@media (hover: hover) and (pointer: fine) {
  :where([data-css~="sv"]) .pressure-spec-row:hover span {
    color: rgb(85, 85, 85) !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  :where([data-css~="sv"]) .pressure-spec-row:hover strong {
    color: rgb(15, 41, 66) !important;
  }
}

:where([data-css~="s5"]) .pressure-spec-row:hover {
  background: rgb(247, 251, 255);
}

:where([data-css~="s5"]) .pressure-spec-row:hover span {
  color: rgb(85, 85, 85) !important;
}

:where([data-css~="s5"]) .pressure-spec-row:hover strong {
  color: rgb(15, 41, 66) !important;
}

:where([data-css~="sd6"]) .pressure-head {
  background: rgb(15, 41, 66);
  color: rgb(255, 255, 255);
  font-weight: 700;
  border-radius: 10px 10px 0px 0px;
}

:where([data-css~="sd5"]) .pressure-head:hover span {
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="sd5"]) .pressure-head:hover {
  background: rgb(15, 41, 66) !important;
}

:where([data-css~="sv"]) .pressure-spec-row span {
  font-size: 18px;
  color: rgb(15, 41, 66);
  font-weight: 700 !important;
}

:where([data-css~="sv"]) .pressure-spec-row strong {
  margin-left: auto;
  text-align: right;
  color: rgb(15, 41, 66);
  font-size: 18px;
  font-weight: 700;
  padding-right: 12px;
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .technical-specs {
    padding: 75px 0px;
    background-position: center center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .technical-specs h2 {
    font-size: 40px;
    line-height: 1.2;
    margin: 18px 0px 50px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .section-number {
    font-size: 12px;
    letter-spacing: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .technical-specs {
    padding: 75px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .technical-specs h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 45px;
  }
}

:where([data-css~="sd2"]) .pressure-title {
  text-align: center;
  font-size: 30px;
  color: rgb(15, 41, 66);
  margin: 45px 0px 22px;
}

:where([data-css~="s6f"]) .technical-specs {
  padding: 55px 0px !important;
}

:where([data-css~="s6f"]) .technical-specs h2 {
  margin-bottom: 30px !important;
}

:where([data-css~="s6f"]) .standard-list {
  margin: 15px 0px 18px !important;
}

:where([data-css~="s6f"]) .pressure-title {
  margin: 18px 0px 14px !important;
}

:where([data-css~="s6f"]) .spec-bottom {
  margin-top: 20px !important;
}

:where([data-css~="s6f"]) .dimension-btn {
  margin-top: 25px !important;
}

:where([data-css~="s91"]) .forming-section {
  margin: 80px auto 0px;
  max-width: 1000px;
}

:where([data-css~="s91"]) .forming-title {
  text-align: center;
  font-size: 28px;
  color: rgb(15, 41, 66);
  margin: 0px 0px 30px;
}

:where([data-css~="sd7"]) .forming-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

/* PAGE SECTION: /ring-type-joint-flanges/rtj-blind-flange/index.html | scopes: sd8 */
:where([data-css~="sd8"]) .forming-card:last-child {
  grid-column: 1 / -1;
  width: calc(50% - 11px);
  justify-self: center;
}

:where([data-css~="sn"]) .forming-grid .forming-card:last-child {
  grid-column: 1 / -1;
  width: 100%;
}

:where([data-css~="sd7"]) .forming-card {
  padding: 26px 28px;
  background: linear-gradient(135deg, rgb(255, 255, 255), rgb(247, 249, 252));
  border-width: 4px 1px 1px;
  border-style: solid;
  border-color: rgb(255, 107, 0) rgba(15, 41, 66, 0.1) rgba(15, 41, 66, 0.1);
  border-image: none;
  border-radius: 16px;
  box-shadow: rgba(15, 41, 66, 0.1) 0px 12px 30px;
  transition:
    transform 0.3s,
    box-shadow 0.3s;
}

:where([data-css~="sd9"]) .forming-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 24px;
}

:where([data-css~="sd9"]) .forming-card {
  flex: 1 1 300px;
  padding: 26px 28px;
  background: linear-gradient(135deg, rgb(255, 255, 255), rgb(247, 249, 252));
  border-width: 4px 1px 1px;
  border-style: solid;
  border-color: rgb(255, 107, 0) rgba(15, 41, 66, 0.1) rgba(15, 41, 66, 0.1);
  border-image: none;
  border-radius: 16px;
  box-shadow: rgba(15, 41, 66, 0.1) 0px 12px 30px;
  transition:
    transform 0.3s,
    box-shadow 0.3s;
}

:where([data-css~="s91"]) .forming-card:hover {
  transform: translateY(-6px);
  box-shadow: rgba(15, 41, 66, 0.15) 0px 20px 45px;
}

:where([data-css~="s91"]) .forming-card h4 {
  font-size: 20px;
  color: rgb(15, 41, 66);
  margin: 0px 0px 10px;
}

:where([data-css~="s91"]) .forming-card p {
  font-size: 15.5px;
  color: rgb(91, 102, 115);
  line-height: 1.6;
  margin: 0px;
}

:where([data-css~="s91"]) .forming-card h4 a {
  color: inherit;
  text-decoration: none;
  transition: color 0.25s;
}

:where([data-css~="s91"]) .forming-card h4 a:hover {
  color: rgb(255, 107, 0);
}

@media (max-width: 640px) {
  :where([data-css~="sd9"]) .forming-grid {
    flex-direction: column;
    gap: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="sd9"]) .forming-card {
    width: 100%;
    flex: 1 1 auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sda"]) .technical-specs {
    padding: 70px 0px;
    background-position: center center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .technical-specs .section-number {
    font-size: 11px;
    letter-spacing: 3px;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .technical-specs h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 45px;
    padding: 0px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s68"]) .technical-specs h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdb"]) .technical-specs {
    padding: 75px 0px;
    background-position: center center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .technical-specs .section-number {
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 1.5;
    padding: 0px 10px;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .technical-specs h2 {
    font-size: 40px;
    line-height: 1.2;
    margin: 15px 0px 45px;
    padding: 0px 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .technical-specs .section-number {
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .technical-specs .section-number {
    font-size: 13px;
    letter-spacing: 3px;
    line-height: 1.5;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .technical-specs {
    padding: 70px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdc"]) .technical-specs h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .section-number {
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdd"]) .spec-layout {
    width: 100%;
    max-width: 100%;
  }
}

:where([data-css~="sn"]) .spec-left h3 {
  text-align: center;
}

:where([data-css~="sn"]) .forming-title {
  text-align: center;
}

:where([data-css~="sn"]) .forming-grid .forming-card:last-child {
  grid-column: 1 / -1;
  justify-self: center;
  width: calc(50% - 11px);
}

@media (max-width: 768px) {
  :where([data-css~="sde"]) .technical-specs {
    padding: 75px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .technical-specs .section-number {
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 14px;
    padding: 0px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .technical-specs h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 50px;
    padding: 0px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .spec-layout {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    padding: 0px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdf"]) .spec-left {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdg"]) .spec-left h3 {
    font-size: 25px;
    margin: 30px 0px 18px;
  }
}

:where([data-css~="sa"]) .pressure-spec-row span {
  font-size: 18px;
  color: rgb(15, 41, 66);
  text-align: left;
  font-weight: 700 !important;
}

:where([data-css~="sa"]) .pressure-spec-row strong {
  margin-left: auto;
  font-size: 18px;
  color: rgb(15, 41, 66);
  font-weight: 700;
  text-align: right;
  padding: 0px;
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .technical-specs {
    padding: 70px 0px;
    background-position: center center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdh"]) .technical-specs h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 18px 0px 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .section-number {
    font-size: 11px;
    letter-spacing: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .technical-specs {
    padding: 75px 0px 80px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .technical-specs .section-number {
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .technical-specs h2 {
    font-size: 38px;
    line-height: 1.25;
    margin: 15px 0px 45px;
    padding: 0px 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdi"]) .spec-layout {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdi"]) .spec-left {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdj"]) .spec-left h3 {
    font-size: 24px;
    margin: 30px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .spec-left h3,
  :where([data-css~="s26"]) .pressure-title {
    font-size: 25px;
    line-height: 1.3;
    margin-top: 32px;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .section-number {
    font-size: 11px;
    letter-spacing: 3px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se"]) .spec-left h3 {
    font-size: 25px;
    margin: 30px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .spec-left h3 {
    font-size: 30px;
    color: rgb(15, 41, 66);
    margin: 40px 0px 22px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdk"]) .standard-list {
    gap: 10px;
    margin: 20px 0px 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .standard-list a {
    min-width: 0px;
    min-height: 50px;
    padding: 0px 15px;
    font-size: 14px;
    flex: 1 1 calc(50% - 10px);
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .pressure-spec-panel {
    width: 100%;
    max-width: 100%;
    margin-top: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .pressure-spec-row {
    min-height: 58px;
    padding: 0px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .pressure-spec-row span {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .pressure-spec-row strong {
    font-size: 15px;
    padding-right: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .spec-bottom {
    width: 100%;
    max-width: 100%;
    gap: 20px;
    margin-top: 35px;
    display: flex !important;
    flex-flow: column !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .spec-card {
    flex: 1 1 100%;
    width: 100%;
    min-height: 170px;
    padding: 24px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdl"]) .spec-left h3,
  :where([data-css~="sdl"]) .pressure-title {
    font-size: 25px;
    line-height: 1.3;
    margin: 30px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sda"]) .standard-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin: 20px 0px 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdm"]) .standard-list a {
    min-width: 0px;
    min-height: 54px;
    padding: 10px 12px;
    font-size: 13px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .pressure-spec-row {
    grid-template-columns: 1fr 1fr;
    min-height: 62px;
    padding: 12px 16px;
    font-size: 13px;
    gap: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .pressure-head {
    min-height: 65px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .standard-list a {
    min-width: 0px;
    min-height: 52px;
    padding: 10px 12px;
    font-size: 13px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .standard-list a {
    min-width: 0px;
    min-height: 52px;
    padding: 0px 16px;
    font-size: 14px;
    flex: 1 1 calc(50% - 10px);
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdn"]) .pressure-title {
    font-size: 25px;
    margin: 35px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .pressure-spec-row {
    grid-template-columns: 1fr 1fr;
    min-height: 62px;
    padding: 10px 14px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .standard-list a {
    min-width: 145px;
    min-height: 52px;
    padding: 0px 16px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .pressure-spec-panel {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc1"]) .pressure-spec-row {
    grid-template-columns: 1fr 1fr;
    min-height: 62px;
    padding: 0px 18px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scr"]) .standard-list a {
    min-width: 0px;
    min-height: 50px;
    padding: 0px 16px;
    font-size: 13px;
    flex: 1 1 calc(50% - 10px);
  }
}

@media (max-width: 768px) {
  :where([data-css~="scr"]) .pressure-title {
    font-size: 24px;
    margin: 35px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .pressure-spec-row {
    grid-template-columns: 1fr 1fr;
    min-height: 62px;
    padding: 0px 16px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .standard-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 20px 0px 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .standard-list a {
    width: 100%;
    min-width: 0px;
    min-height: 54px;
    padding: 12px 10px;
    font-size: 14px;
    text-align: center;
    line-height: 1.3;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .pressure-spec-panel {
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .pressure-spec-row {
    grid-template-columns: 1fr 1fr;
    min-height: 62px;
    padding: 12px 16px;
    font-size: 14px;
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .pressure-spec-row {
    grid-template-columns: 1fr 1fr;
    min-height: 62px;
    padding: 12px 16px;
    font-size: 14px;
    gap: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdo"]) .pressure-head {
    min-height: 65px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .technical-specs {
    padding: 65px 0px;
    background-position: center center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .technical-specs .section-number {
    font-size: 11px;
    letter-spacing: 1.5px;
    line-height: 1.5;
    margin-bottom: 14px;
    padding: 0px 10px;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .technical-specs h2 {
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0px 45px;
    padding: 0px 5px;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .spec-layout {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .spec-left {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .spec-left h3 {
    font-size: 24px;
    line-height: 1.3;
    margin: 30px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .standard-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
    margin: 20px 0px 38px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .standard-list a {
    width: 100%;
    min-width: 0px;
    min-height: 52px;
    padding: 0px 16px;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 9px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .pressure-title {
    font-size: 24px;
    line-height: 1.3;
    margin: 35px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .pressure-spec-panel {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .pressure-spec-row {
    grid-template-columns: 1fr 1fr;
    min-height: 62px;
    padding: 0px 15px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .pressure-head {
    min-height: 66px;
    border-radius: 12px 12px 0px 0px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdp"]) .pressure-spec-row span:first-child {
    text-align: left;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdq"]) .pressure-spec-row span:last-child,
  :where([data-css~="sdq"]) .pressure-spec-row strong {
    text-align: right;
    justify-self: end;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .spec-bottom {
    grid-template-columns: 1fr;
    gap: 20px;
    width: 100%;
    max-width: 100%;
    margin: 35px auto 0px;
    display: grid !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .spec-card {
    width: 100%;
    min-height: 170px;
    padding: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdr"]) .spec-card h3 {
    font-size: 23px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .spec-card p {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sds"]) .flange-options {
    gap: 6px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdr"]) .flange-options a {
    font-size: 17px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .dimension-btn {
    width: 100%;
    box-sizing: border-box;
    margin-top: 40px;
    padding: 17px 20px;
    font-size: 15px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .spec-card-link {
    font-size: 13px;
    padding: 9px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .dimension-btn {
    width: 100%;
    margin: 45px auto 0px;
    padding: 16px 20px;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .technical-specs {
    padding: 60px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .technical-specs h2 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 40px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .section-number {
    font-size: 10px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .spec-left h3 {
    font-size: 22px;
    margin: 25px 0px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .standard-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-bottom: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .standard-list a {
    width: 100%;
    min-height: 48px;
    padding: 0px 8px;
    font-size: 12px;
    text-align: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .pressure-spec-panel {
    border-radius: 10px;
    margin-top: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .pressure-spec-row {
    min-height: 55px;
    padding: 0px 12px;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .pressure-spec-row span {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .pressure-spec-row strong {
    font-size: 13px;
    text-align: right;
    white-space: nowrap;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .pressure-title {
    margin-top: 30px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .spec-bottom {
    gap: 16px;
    margin-top: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .spec-card {
    min-height: 155px;
    padding: 22px 18px;
    border-radius: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .spec-card h3 {
    font-size: 21px;
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .flange-options {
    gap: 5px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .flange-options a {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .flange-options span {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .spec-card-link {
    padding: 8px 14px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .dimension-btn {
    width: 100%;
    margin-top: 35px;
    padding: 14px 16px;
    font-size: 13px;
    gap: 8px;
  }
}

:where([data-css~="s5"]) .pressure-spec-row span {
  grid-column: 1;
  justify-self: start;
  text-align: left;
  font-size: 18px;
  color: rgb(15, 41, 66);
  font-weight: 700;
}

:where([data-css~="s5"]) .pressure-spec-row strong {
  grid-column: 2;
  justify-self: end;
  text-align: right;
  color: rgb(15, 41, 66);
  font-size: 18px;
  font-weight: 700;
  padding: 0px;
}

:where([data-css~="s5"]) .pressure-head span:first-child {
  grid-column: 1;
  justify-self: start;
  text-align: left;
  font-weight: 700;
  color: rgb(255, 255, 255) !important;
}

:where([data-css~="s5"]) .pressure-head span:last-child {
  grid-column: 2;
  justify-self: end;
  text-align: right;
  font-weight: 700;
  color: rgb(255, 255, 255) !important;
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .technical-specs {
    padding: 55px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .technical-specs h2 {
    font-size: 30px;
    margin: 14px 0px 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .section-number {
    font-size: 13px;
    letter-spacing: 3px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .spec-left h3 {
    font-size: 22px;
    margin: 25px 0px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .standard-list {
    gap: 10px;
    margin: 16px 0px 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .standard-list a {
    min-width: unset;
    min-height: 46px;
    padding: 0px 16px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .pressure-spec-panel {
    margin: 20px auto 0px;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .pressure-spec-row {
    min-height: 50px;
    padding: 0px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .standard-list a {
    min-width: 0px;
    min-height: 50px;
    padding: 0px 16px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .pressure-spec-panel {
    margin-top: 20px;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .pressure-spec-row {
    min-height: 56px;
    padding: 0px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .spec-left h3 {
    font-size: 26px;
    line-height: 1.3;
    margin: 30px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .standard-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 20px 0px 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .standard-list a {
    width: 100%;
    min-width: 0px;
    min-height: 52px;
    padding: 0px 18px;
    font-size: 14px;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .pressure-title {
    margin-top: 35px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .pressure-spec-panel {
    width: 100%;
    max-width: 100%;
    margin: 25px auto 0px;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .pressure-spec-row {
    grid-template-columns: 1fr 1fr;
    min-height: 58px;
    padding: 0px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdt"]) .pressure-spec-row span,
  :where([data-css~="sdt"]) .pressure-spec-row strong {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .spec-bottom {
    gap: 18px;
    margin: 30px auto 0px;
    max-width: 100%;
    flex-direction: column !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .spec-card {
    flex: 1 1 auto;
    width: 100%;
    min-height: unset;
    padding: 22px 20px;
    border-radius: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .spec-card h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .spec-card p {
    font-size: 15px;
    margin-bottom: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .flange-options a {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .spec-card-link {
    padding: 9px 15px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .dimension-btn {
    margin: 35px auto 0px;
    padding: 16px 24px;
    font-size: 14px;
    text-align: center;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .technical-specs {
    padding: 45px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .technical-specs h2 {
    font-size: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .spec-left h3 {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .standard-list a {
    min-height: 42px;
    padding: 0px 12px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .pressure-spec-row {
    min-height: 44px;
    padding: 0px 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .spec-bottom {
    gap: 18px;
    margin-top: 35px;
    width: 100%;
    max-width: 100%;
    flex-flow: column !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .spec-card {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0px;
    padding: 24px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .pressure-spec-row strong {
    padding-right: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .spec-bottom {
    flex-direction: column;
    gap: 18px;
    width: 100%;
    max-width: 100%;
    margin: 40px auto 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .spec-card {
    flex: 1 1 auto;
    width: 100%;
    min-height: 160px;
    padding: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1z"]) .spec-card h3 {
    font-size: 23px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .flange-options {
    gap: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .flange-options a {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .spec-card p {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .flange-options a {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdu"]) .spec-card-link {
    font-size: 13px;
    padding: 9px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .dimension-btn {
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
    padding: 17px 20px;
    font-size: 15px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .dimension-btn {
    width: 100%;
    box-sizing: border-box;
    margin: 45px auto 0px;
    padding: 17px 20px;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdv"]) .forming-section {
    width: 100%;
    max-width: 100%;
    margin: 55px auto 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .pressure-head {
    min-height: 66px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .forming-section {
    width: 100%;
    margin-top: 60px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .forming-section {
    margin-top: 55px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdw"]) .forming-title {
    font-size: 25px;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .spec-left h3 {
    font-size: 25px;
    line-height: 1.3;
    margin: 30px 0px 20px;
    padding: 0px 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .standard-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin: 20px 10px 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .standard-list a {
    min-width: 0px;
    min-height: 55px;
    padding: 0px 10px;
    font-size: 14px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .pressure-title {
    font-size: 25px;
    line-height: 1.3;
    margin: 35px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .pressure-spec-row {
    grid-template-columns: 1fr 1fr;
    min-height: 62px;
    padding: 0px 18px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .spec-left h3 {
    font-size: 25px;
    line-height: 1.3;
    margin: 32px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .standard-list {
    gap: 12px;
    margin: 22px 0px 38px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .standard-list a {
    min-width: 145px;
    min-height: 52px;
    padding: 0px 17px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .pressure-title {
    font-size: 25px;
    line-height: 1.3;
    margin: 38px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .pressure-spec-row {
    min-height: 62px;
    padding: 0px 18px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6d"]) .pressure-head {
    min-height: 68px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .pressure-spec-row span:last-child,
  :where([data-css~="s18"]) .pressure-spec-row strong {
    text-align: right;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .forming-section {
    width: 100%;
    max-width: 100%;
    margin: 60px auto 0px;
    padding: 0px 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .forming-title {
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .forming-section {
    width: 100%;
    max-width: 100%;
    margin: 55px auto 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .forming-section {
    width: 100%;
    max-width: 100%;
    margin: 60px auto 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdx"]) .forming-title {
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdy"]) .forming-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sn"]) .forming-grid .forming-card:last-child {
    grid-column: auto;
    width: 100%;
    justify-self: stretch;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sdz"]) .forming-card {
    padding: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .forming-section {
    margin: 60px auto 0px;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .pressure-spec-row {
    min-height: 58px;
    padding: 0px 16px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .pressure-head {
    min-height: 62px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .forming-section {
    margin: 55px auto 0px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scr"]) .forming-title {
    font-size: 24px;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .forming-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .forming-card {
    padding: 22px;
    border-radius: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s98"]) .forming-card h4 {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .forming-title {
    font-size: 24px;
    line-height: 1.3;
    margin: 0px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .forming-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .forming-card {
    width: 100%;
    padding: 21px 19px;
    box-sizing: border-box;
    border-radius: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .forming-card h4 {
    font-size: 18px;
    line-height: 1.35;
    margin-bottom: 9px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se0"]) .forming-card p {
    font-size: 14px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sd9"]) .forming-grid {
    flex-direction: column;
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sd9"]) .forming-card {
    width: 100%;
    flex: 1 1 auto;
    padding: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .forming-card {
    padding: 22px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se1"]) .forming-card h4 {
    font-size: 19px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .forming-card {
    padding: 22px;
    border-radius: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .forming-card h4 {
    font-size: 19px;
    line-height: 1.4;
    margin-bottom: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8g"]) .forming-card p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s68"]) .dimension-btn {
    width: 100%;
    margin: 45px auto 0px;
    padding: 17px 20px;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .dimension-btn {
    width: 100%;
    margin: 45px auto 0px;
    padding: 17px 20px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se2"]) .technical-specs {
    padding: 55px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .technical-specs h2 {
    font-size: 30px;
    margin-bottom: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .section-number {
    font-size: 11px;
    letter-spacing: 3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .technical-specs h2 {
    font-size: 31px;
    line-height: 1.2;
    margin-bottom: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .section-number {
    font-size: 10px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se3"]) .spec-left h3 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .standard-list a {
    width: 100%;
    min-height: 48px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .pressure-spec-row {
    min-height: 52px;
    padding: 0px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se4"]) .pressure-spec-row span,
  :where([data-css~="se4"]) .pressure-spec-row strong {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .spec-card {
    padding: 18px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .spec-card h3 {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .spec-card p {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .flange-options a {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .dimension-btn {
    padding: 14px 18px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .spec-card {
    padding: 20px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .technical-specs h2 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .section-number {
    font-size: 12px;
    letter-spacing: 3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .spec-left h3 {
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s68"]) .technical-specs h2 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .section-number {
    font-size: 11px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .spec-left h3,
  :where([data-css~="si"]) .pressure-title,
  :where([data-css~="si"]) .forming-title {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .standard-list {
    grid-template-columns: 1fr;
    gap: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="scp"]) .standard-list a {
    min-height: 48px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .pressure-spec-row {
    grid-template-columns: 1fr 1fr;
    min-height: 54px;
    padding: 0px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .pressure-spec-row span,
  :where([data-css~="s1i"]) .pressure-spec-row strong {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .spec-card {
    min-height: 145px;
    padding: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .dimension-btn {
    width: calc(100% - 30px);
    max-width: 420px;
    margin: 40px auto 0px;
    padding: 16px 20px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .dimension-btn i {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .forming-card {
    padding: 23px 22px;
    border-radius: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .forming-card {
    width: 100%;
    padding: 22px 20px;
    border-radius: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scl"]) .forming-card h4 {
    font-size: 19px;
    margin-bottom: 9px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se5"]) .forming-card p {
    font-size: 15px;
    line-height: 1.65;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .dimension-btn {
    width: calc(100% - 20px);
    margin: 45px auto 0px;
    padding: 17px 20px;
    gap: 10px;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .dimension-btn {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 45px auto 0px;
    padding: 17px 20px;
    gap: 10px;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .dimension-btn:hover {
    transform: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6d"]) .dimension-btn i {
    font-size: 16px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .qa-section {
    margin-top: 0px;
    padding: 50px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .qa-card {
    width: 100%;
    max-width: 100%;
    padding: 28px 24px;
    border-radius: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .qa-card h2 {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .qa-card p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .qa-card ul li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .qa-card a {
    margin-top: 18px;
    padding: 11px 17px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .dimension-btn {
    width: 100%;
    max-width: 100%;
    margin: 45px auto 0px;
    padding: 17px 18px;
    gap: 10px;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .dimension-btn i {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .dimension-btn {
    width: 100%;
    margin-top: 45px;
    padding: 17px 20px;
    font-size: 15px;
    text-align: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se6"]) .technical-specs {
    padding: 60px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .technical-specs h2 {
    font-size: 32px;
    margin-bottom: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .standard-list {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .standard-list a {
    min-height: 50px;
    font-size: 12px;
    padding: 8px 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .spec-left h3,
  :where([data-css~="s6f"]) .pressure-title {
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .pressure-spec-row {
    font-size: 12px;
    padding: 11px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .pressure-head {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .spec-card {
    padding: 22px;
    min-height: 160px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sdu"]) .spec-card h3 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .flange-options a {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .dimension-btn {
    font-size: 14px;
    line-height: 1.5;
    gap: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .spec-card p {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .flange-options a {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .spec-card-link {
    font-size: 12px;
    padding: 8px 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .dimension-btn {
    padding: 15px 16px;
    font-size: 13px;
    gap: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .spec-card p {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .flange-options a {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6f"]) .dimension-btn {
    width: calc(100% - 24px);
    padding: 15px 16px;
    font-size: 13px;
  }
}

:where([data-css~="s6f"]) .materials-section {
  padding: 120px 0px;
  background:
    linear-gradient(rgba(15, 41, 66, 0.82), rgba(15, 41, 66, 0.9)) center
      center / cover no-repeat,
    url("../images/weld-neck-flange/materials-bg.webp");
}

:where([data-css~="s6f"]) .materials-section h2 {
  max-width: none;
  width: 100%;
  white-space: nowrap;
}

:where([data-css~="s6f"]) .materials-section p {
  width: 100%;
  max-width: 1350px;
  font-size: 18px;
  line-height: 1.8;
  margin-top: 0px;
  margin-bottom: 0px;
}

:where([data-css~="s6f"]) .materials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 50px;
}

:where([data-css~="s6f"]) .material-card {
  display: block;
  text-decoration: none;
  border: 1px solid rgb(229, 229, 229);
  border-radius: 10px;
  overflow: hidden;
  transition: 0.35s;
  background: rgb(255, 255, 255);
}

:where([data-css~="s6f"]) .material-card:hover {
  transform: translateY(-8px);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 18px 35px;
}

:where([data-css~="s6f"]) .material-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}

:where([data-css~="s6f"]) .material-content {
  padding: 24px;
}

:where([data-css~="s6f"]) .material-content h3 {
  color: rgb(15, 41, 66);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
  line-height: 1.3;
}

:where([data-css~="s6f"]) .material-content .material-sub {
  font-size: 14px;
  color: rgb(75, 85, 99);
  font-weight: 600;
  margin-bottom: 14px;
  line-height: 1.3;
}

:where([data-css~="s6f"]) .material-content span {
  color: rgb(239, 127, 26);
  font-weight: 600;
  font-size: 16px;
}

:where([data-css~="s6f"]) .material-content i {
  margin-left: 8px;
  transition: 0.3s;
}

:where([data-css~="s6f"]) .material-card:hover i {
  margin-left: 14px;
}

@media (max-width: 1100px) {
  :where([data-css~="s6f"]) .materials-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .materials-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .materials-section h2 {
    font-size: 38px;
  }
}

:where([data-css~="s6f"]) .materials-section {
  padding: 70px 0px !important;
}

:where([data-css~="s6f"]) .materials-section h2 {
  margin-bottom: 15px !important;
}

:where([data-css~="s6f"]) .materials-subtitle {
  margin: 15px auto 35px !important;
  line-height: 1.7 !important;
}

:where([data-css~="s6f"]) .materials-grid {
  gap: 18px !important;
}

:where([data-css~="s6f"]) .material-card {
  gap: 18px !important;
  padding: 22px !important;
}

:where([data-css~="s6f"]) .material-info h3 {
  margin-bottom: 7px !important;
}

:where([data-css~="s6f"]) .material-info p {
  line-height: 1.6 !important;
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .materials-section {
    padding: 55px 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .materials-section h2 {
    font-size: 38px;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .materials-subtitle {
    margin: 12px auto 28px !important;
    line-height: 1.65 !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .materials-grid {
    gap: 15px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .material-card {
    gap: 15px !important;
    padding: 20px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .material-info h3 {
    margin-bottom: 6px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .material-info p {
    line-height: 1.6 !important;
  }
}

:where([data-css~="s6f"]) .material-content h3 {
  color: rgb(15, 41, 66) !important;
  opacity: 1 !important;
}

:where([data-css~="s6f"]) .material-content .material-sub {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: rgb(75, 85, 99) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

:where([data-css~="s6f"]) .material-content span {
  color: rgb(239, 127, 26) !important;
  opacity: 1 !important;
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .pressure-spec-row {
    grid-template-columns: 1fr;
    gap: 5px;
    min-height: auto;
    padding: 12px 14px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .technical-specs h2 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .section-number {
    font-size: 10px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .spec-left h3 {
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .standard-list a {
    flex: 1 1 100%;
    min-height: 50px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .pressure-title {
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .pressure-spec-row {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 14px 16px;
    font-size: 14px;
    text-align: left;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sdz"]) .pressure-spec-row span:last-child,
  :where([data-css~="sdz"]) .pressure-spec-row strong {
    justify-self: start;
    text-align: left;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .pressure-head {
    grid-template-columns: 1fr 1fr;
    min-height: 58px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .pressure-head span:last-child {
    justify-self: end;
    text-align: right;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .technical-specs .section-number {
    font-size: 10px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .spec-left h3 {
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .standard-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .standard-list a {
    width: 100%;
    min-height: 50px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .pressure-title {
    font-size: 22px;
    margin-top: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .pressure-spec-row {
    min-height: 58px;
    padding: 0px 14px;
    font-size: 12.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .standard-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .standard-list a {
    width: 100%;
    min-height: 48px;
    padding: 0px 8px;
    font-size: 12px;
    text-align: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .pressure-spec-row {
    grid-template-columns: 1.15fr 0.85fr;
    min-height: 58px;
    padding: 0px 11px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sce"]) .pressure-head {
    min-height: 60px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s68"]) .forming-section {
    margin-top: 45px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .forming-card {
    padding: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .technical-specs .section-number {
    font-size: 10px;
    letter-spacing: 2px;
    padding: 0px 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .technical-specs h2 {
    font-size: 31px;
    line-height: 1.2;
    margin: 12px 0px 35px;
    padding: 0px 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .spec-left h3 {
    font-size: 22px;
    margin: 25px 0px 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .standard-list {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin: 18px 8px 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .standard-list a {
    min-height: 50px;
    padding: 0px 6px;
    font-size: 12.5px;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .pressure-title {
    font-size: 22px;
    margin: 30px 0px 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .pressure-spec-row {
    min-height: 56px;
    padding: 0px 13px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .technical-specs {
    padding: 55px 0px;
    background-position: center center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .technical-specs .section-number {
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 1.5;
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .technical-specs h2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 12px 0px 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .spec-left h3 {
    font-size: 21px;
    line-height: 1.3;
    margin: 28px 0px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .standard-list {
    gap: 9px;
    margin: 20px 0px 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .standard-list a {
    min-width: 0px;
    width: 100%;
    min-height: 48px;
    padding: 0px 14px;
    font-size: 13px;
    box-sizing: border-box;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .pressure-title {
    font-size: 21px;
    line-height: 1.3;
    margin: 32px 0px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .pressure-spec-row {
    min-height: 56px;
    padding: 0px 13px;
    font-size: 13px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6d"]) .pressure-head {
    min-height: 60px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .pressure-spec-row span,
  :where([data-css~="s18"]) .pressure-spec-row strong {
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .forming-section {
    margin-top: 45px;
    padding: 0px 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .forming-title {
    font-size: 22px;
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .forming-card {
    padding: 20px 18px;
    border-radius: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .forming-title {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .forming-card {
    padding: 19px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se7"]) .forming-card h4 {
    font-size: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .forming-card p {
    font-size: 13.5px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .dimension-btn {
    font-size: 14px;
    padding: 15px 14px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .forming-card p {
    font-size: 13.5px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .dimension-btn {
    width: calc(100% - 16px);
    margin-top: 35px;
    padding: 15px 12px;
    gap: 8px;
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .forming-title {
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .forming-card {
    padding: 20px;
    border-radius: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .forming-card h4 {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .forming-section {
    margin: 42px auto 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .forming-title {
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .dimension-btn {
    width: 100%;
    max-width: 500px;
    margin: 45px auto 0px;
    padding: 17px 20px;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .technical-specs {
    padding: 55px 0px 65px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .technical-specs .section-number {
    font-size: 10px;
    letter-spacing: 2.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .technical-specs h2 {
    font-size: 30px;
    line-height: 1.3;
    margin: 13px 0px 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .spec-left h3,
  :where([data-css~="s26"]) .pressure-title {
    font-size: 22px;
    line-height: 1.35;
    margin-top: 28px;
    margin-bottom: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .standard-list {
    gap: 8px;
    margin: 18px 0px 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .standard-list a {
    min-width: 0px;
    width: 100%;
    min-height: 50px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .pressure-spec-row {
    grid-template-columns: 1fr 1fr;
    min-height: 58px;
    padding: 0px 12px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .pressure-head {
    min-height: 62px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .technical-specs .section-number {
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 1.5;
    padding: 0px 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .technical-specs h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 12px 0px 40px;
    padding: 0px 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .spec-layout {
    padding: 0px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .spec-left h3,
  :where([data-css~="s11"]) .pressure-title {
    font-size: 22px;
    line-height: 1.3;
    margin: 25px 0px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .standard-list {
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 18px 0px 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .standard-list a {
    min-height: 50px;
    padding: 11px 12px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .pressure-spec-panel {
    width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .pressure-spec-row {
    grid-template-columns: 1fr 1fr;
    min-height: 58px;
    padding: 11px 12px;
    font-size: 12.5px;
    gap: 8px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .pressure-head {
    min-height: 60px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .pressure-spec-row strong {
    max-width: 100%;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9e"]) .forming-section {
    margin-top: 50px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9e"]) .forming-title {
    font-size: 22px;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se8"]) .forming-grid {
    gap: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .forming-card {
    padding: 19px 18px;
    border-radius: 12px;
    border-top-width: 3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .forming-card h4 {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .forming-card {
    padding: 20px 17px;
    border-radius: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .pressure-head {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .forming-title {
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .forming-card {
    padding: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sde"]) .forming-card h4 {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="se9"]) .forming-card p {
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .dimension-btn {
    margin-top: 35px;
    padding: 15px 16px;
    font-size: 13px;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .dimension-btn {
    width: 100%;
    max-width: 100%;
    min-height: 56px;
    box-sizing: border-box;
    margin: 40px auto 0px;
    padding: 15px 18px;
    gap: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 1.45;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .dimension-btn i {
    font-size: 15px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .standard-list a:hover,
  :where([data-css~="s1j"]) .forming-card:hover,
  :where([data-css~="s1j"]) .dimension-btn:hover {
    transform: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .technical-specs {
    padding: 48px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .technical-specs .section-number {
    font-size: 9.5px;
    letter-spacing: 0.9px;
    line-height: 1.45;
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .technical-specs h2 {
    font-size: 29px;
    line-height: 1.18;
    margin: 12px 0px 32px;
    padding: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .spec-left h3,
  :where([data-css~="s1j"]) .pressure-title,
  :where([data-css~="s1j"]) .forming-title {
    font-size: 21px;
    line-height: 1.3;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .spec-left h3 {
    margin: 25px 0px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .standard-list {
    gap: 10px;
    margin: 17px 0px 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .standard-list a {
    min-height: 48px;
    padding: 0px 13px;
    font-size: 13px;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .pressure-title {
    margin: 28px 0px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .pressure-spec-panel {
    border-radius: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .pressure-spec-row {
    min-height: 54px;
    padding: 0px 11px;
    font-size: 12px;
    line-height: 1.35;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .pressure-head {
    min-height: 58px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .forming-section {
    margin-top: 42px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .forming-title {
    margin-bottom: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .forming-grid {
    gap: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .forming-card {
    padding: 17px 14px;
    border-radius: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .forming-card h4 {
    font-size: 16px;
    margin-bottom: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .forming-card p {
    font-size: 12.5px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .dimension-btn {
    min-height: 52px;
    margin-top: 30px;
    padding: 13px 12px;
    gap: 7px;
    font-size: 12.5px;
    line-height: 1.4;
    border-radius: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .dimension-btn i {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .dimension-btn {
    width: 100%;
    margin: 35px auto 0px;
    padding: 15px 14px;
    gap: 8px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .forming-card {
    padding: 20px 17px;
    border-top-width: 3px;
    border-radius: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .forming-card h4 {
    font-size: 18px;
    margin-bottom: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .forming-card p {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .dimension-btn {
    margin-top: 35px;
    padding: 15px 16px;
    font-size: 13px;
    gap: 9px;
    border-radius: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sea"]) .dimension-btn i {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .forming-card p {
    font-size: 13.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .dimension-btn {
    padding: 15px 14px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .forming-card p {
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .dimension-btn {
    width: 100%;
    margin-top: 40px;
    padding: 17px 20px;
    font-size: 14px;
    text-align: center;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .technical-specs {
    padding: 60px 0px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .technical-specs h2 {
    font-size: 31px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .section-number {
    font-size: 10px;
    letter-spacing: 2px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .standard-list a {
    flex: 1 1 100%;
    width: 100%;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .pressure-spec-row {
    grid-template-columns: 1fr;
    gap: 5px;
    min-height: auto;
    padding: 13px 15px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .pressure-spec-row span:first-child,
  :where([data-css~="sz"]) .pressure-spec-row span:last-child,
  :where([data-css~="sz"]) .pressure-spec-row strong {
    text-align: left;
    justify-self: start;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .pressure-head {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .forming-card {
    padding: 19px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .dimension-btn {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .dimension-btn {
    margin-top: 35px;
    padding: 15px 14px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .dimension-btn i {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .forming-card p {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sn"]) .forming-grid .forming-card:last-child {
    grid-column: auto;
    width: 100%;
    justify-self: stretch;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .dimension-btn {
    font-size: 14px;
    line-height: 1.5;
    padding: 16px 18px;
  }
}

:where([data-css~="s90"]) .qa-section {
  margin-top: 40px;
  padding: 60px 20px;
  background-color: rgb(250, 251, 252);
  background-image: radial-gradient(
    circle,
    rgb(148, 160, 172) 2px,
    transparent 2px
  );
  background-size: 20px 20px;
}

:where([data-css~="s90"]) .qa-card {
  background-color: rgb(10, 37, 64);
  color: rgb(255, 255, 255);
  padding: 30px;
  border-radius: 12px;
  max-width: 850px;
  margin: auto;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 20px;
}

:where([data-css~="sd3"]) .qa-card h2 {
  color: rgb(255, 255, 255);
  font-size: 28px;
  margin-bottom: 15px;
}

:where([data-css~="s1i"]) .qa-card h2 {
  color: rgb(255, 255, 255);
  font-size: 28px;
  margin-bottom: 15px;
  text-align: center;
}

:where([data-css~="s90"]) .qa-card p {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 20px;
}

:where([data-css~="s90"]) .qa-card ul {
  list-style: none;
  padding: 0px;
}

:where([data-css~="s90"]) .qa-card ul li {
  font-size: 17px;
  margin-bottom: 10px;
}

:where([data-css~="s90"]) .qa-card ul li::before {
  content: "✓ ";
  font-weight: bold;
}

:where([data-css~="sd3"]) .qa-card a {
  display: inline-block;
  margin-top: 20px;
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  padding: 12px 22px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
}

:where([data-css~="s1i"]) .qa-card a {
  display: block;
  width: fit-content;
  margin: 20px auto 0px;
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  padding: 12px 22px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
}

:where([data-css~="s90"]) .qa-card a:hover {
  background: rgb(255, 255, 255);
  color: rgb(10, 37, 64);
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .qa-section {
    margin-top: 30px;
    padding: 45px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .qa-card {
    width: 100%;
    max-width: 100%;
    padding: 25px 20px;
    border-radius: 10px;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .qa-card h2 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .qa-card p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .qa-card ul li {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .qa-card a {
    font-size: 15px;
    padding: 11px 16px;
    margin-top: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .standard-badges span {
    padding: 7px 10px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .catalogue-btn,
  :where([data-css~="s1v"]) .hero-buttons .quote-btn {
    padding: 15px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .product-hero-image img {
    max-width: 100%;
  }
}

:where([data-css~="s1v"]) .product-hero {
  padding: 60px 0px;
}

:where([data-css~="s1v"]) .product-hero-container {
  gap: 55px;
}

:where([data-css~="s1v"]) .product-hero h1 {
  margin: 15px 0px;
}

:where([data-css~="s1v"]) .product-hero p {
  line-height: 1.7;
  margin: 0px;
}

:where([data-css~="s1v"]) .hero-certifications {
  gap: 10px;
  margin: 22px 0px;
}

:where([data-css~="s1v"]) .standard-badges {
  gap: 10px;
  margin-bottom: 25px;
}

:where([data-css~="s1v"]) .hero-buttons {
  gap: 16px;
}

:where([data-css~="s1v"]) .product-hero-image img {
  transform: translateY(-35px);
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .product-hero {
    padding: 50px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .product-hero-container {
    gap: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .product-hero h1 {
    margin: 12px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .product-hero p {
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .hero-certifications {
    gap: 9px;
    margin: 20px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .standard-badges {
    gap: 8px;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .hero-buttons {
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .product-hero-image img {
    transform: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .product-hero {
    padding: 42px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .product-hero-container {
    gap: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .product-hero h1 {
    margin: 10px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .hero-certifications {
    margin: 17px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .standard-badges {
    margin-bottom: 20px;
  }
}

:where([data-css~="s1v"]) .flanges-section {
  padding: 55px 0px;
  background-color: rgb(250, 251, 252);
  background-image: radial-gradient(
    circle,
    rgb(200, 208, 216) 2px,
    transparent 2px
  );
  background-size: 22px 22px;
}

:where([data-css~="s1v"]) .flanges-section h2 {
  font-size: 60px;
  color: rgb(15, 41, 66);
  margin: 5px 0px 15px;
  max-width: none;
  white-space: nowrap;
}

:where([data-css~="s1v"]) .flanges-section .section-number {
  display: block;
  margin-bottom: 6px;
}

:where([data-css~="s1v"]) .flanges-section .section-description {
  max-width: 1000px;
  font-size: 18px;
  line-height: 1.6;
  color: rgb(47, 59, 70);
  font-weight: 500;
  margin: 0px 0px 30px;
}

:where([data-css~="s1v"]) .flanges-section .section-description strong {
  color: rgb(15, 41, 66);
  font-weight: 700;
}

:where([data-css~="s1v"]) .flange-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

:where([data-css~="s1v"]) .flange-card {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(236, 236, 236);
  border-radius: 10px;
  transition: 0.35s;
}

:where([data-css~="s1v"]) .flange-card:hover {
  transform: translateY(-8px);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 12px 35px;
}

:where([data-css~="s1v"]) .flange-card img {
  width: 100%;
  height: 320px;
  object-fit: contain;
  background: rgb(255, 255, 255);
  padding: 15px;
}

:where([data-css~="s1v"]) .card-content {
  padding: 22px;
}

:where([data-css~="s1v"]) .card-content h3 {
  font-size: 22px;
  color: rgb(15, 34, 53);
  margin-bottom: 12px;
}

:where([data-css~="s1v"]) .card-content a {
  color: rgb(255, 107, 0);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

:where([data-css~="s1v"]) .card-content a:hover {
  letter-spacing: 0.5px;
}

:where([data-css~="s1v"]) .flanges-section {
  padding: 45px 0px !important;
}

:where([data-css~="s1v"]) .flanges-section .section-number {
  width: 100%;
  display: block !important;
  text-align: center !important;
  color: rgb(255, 107, 0) !important;
  margin: 0px 0px 6px !important;
}

:where([data-css~="s1v"]) .flanges-section h2 {
  width: 100%;
  white-space: nowrap;
  max-width: none !important;
  text-align: center !important;
  margin: 0px 0px 15px !important;
}

:where([data-css~="s1v"]) .flanges-section .section-description {
  width: 100%;
  text-align: left;
  max-width: 1200px !important;
  margin: 0px auto 20px !important;
  line-height: 1.6 !important;
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .flanges-section {
    padding: 40px 0px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .flanges-section .section-number {
    text-align: center !important;
    margin-bottom: 5px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .flanges-section h2 {
    white-space: normal;
    text-align: center !important;
    margin-bottom: 14px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .flanges-section .section-description {
    max-width: 100% !important;
    line-height: 1.6 !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .flanges-section {
    padding: 45px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .flanges-section h2 {
    white-space: normal;
    font-size: 60px;
    margin: 5px 0px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .flanges-section .section-description {
    max-width: 100%;
    line-height: 1.6;
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .flanges-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .flange-card {
    padding: 32px 28px;
    border-radius: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .flange-card h3 {
    font-size: 24px;
    line-height: 1.35;
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .flange-card span {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .flanges-section {
    padding: 38px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .flanges-section h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 16px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .flanges-section .section-description {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .flanges-grid {
    gap: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .flange-card {
    padding: 28px 22px;
    border-top-width: 4px;
    border-radius: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .flange-card h3 {
    font-size: 21px;
    line-height: 1.4;
    margin-bottom: 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .flange-card span {
    font-size: 15px;
  }
}

:where([data-css~="s1v"]) .flange-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 16px;
}

:where([data-css~="s1v"]) .flange-card {
  box-sizing: border-box;
  background: rgb(255, 255, 255);
  border: 1.5px solid rgb(255, 107, 0);
  border-radius: 8px;
  overflow: hidden;
  padding: 12px;
  transition:
    border-color 0.3s,
    box-shadow 0.3s,
    transform 0.3s;
}

:where([data-css~="s1v"]) .flange-card img {
  display: block;
  width: 100%;
  height: 200px;
  padding: 8px;
  object-fit: contain;
  background: rgb(255, 255, 255);
}

:where([data-css~="s1v"]) .flange-card .card-content {
  padding: 12px 6px 8px;
}

:where([data-css~="s1v"]) .flange-card .card-content h3 {
  font-size: 18px;
  line-height: 1.3;
  margin: 0px 0px 10px;
  color: rgb(15, 41, 66);
}

:where([data-css~="s1v"]) .flange-card .card-content a {
  color: rgb(255, 107, 0);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

:where([data-css~="s1v"]) .flange-card:hover {
  border-color: rgb(239, 127, 26);
  box-shadow: rgba(255, 107, 0, 0.12) 0px 8px 22px;
  transform: translateY(-4px);
}

@media (max-width: 1000px) {
  :where([data-css~="s1v"]) .flange-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}

@media (max-width: 600px) {
  :where([data-css~="s1v"]) .flange-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s1v"]) .flange-card img {
    height: 190px;
  }
}

:where([data-css~="s1v"]) .flange-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 380px));
  justify-content: center;
  gap: 20px;
}

:where([data-css~="s1v"]) .flange-card {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1100px) {
  :where([data-css~="s1v"]) .flange-grid {
    grid-template-columns: repeat(2, minmax(0px, 380px));
    justify-content: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .flange-grid {
    grid-template-columns: minmax(0px, 380px);
    justify-content: center;
  }
}

:where([data-css~="s1v"]) .flange-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 340px));
  justify-content: center;
  gap: 22px;
  width: 100%;
  margin: 30px auto 0px;
}

:where([data-css~="s1v"]) .flange-card {
  display: block;
  width: 100%;
  min-width: 0px;
  box-sizing: border-box;
  overflow: hidden;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(255, 107, 0);
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  transition:
    transform 0.3s,
    box-shadow 0.3s;
}

:where([data-css~="s1v"]) .flange-card:hover {
  transform: translateY(-5px);
  box-shadow: rgba(15, 41, 66, 0.12) 0px 10px 25px;
}

:where([data-css~="s1v"]) .flange-card img {
  display: block;
  width: 100%;
  height: 220px;
  padding: 12px;
  box-sizing: border-box;
  object-fit: contain;
  background: rgb(255, 255, 255);
}

:where([data-css~="s1v"]) .flange-card .card-content {
  padding: 16px 18px 20px;
}

:where([data-css~="s1v"]) .flange-card .card-content h3 {
  margin: 0px 0px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: rgb(15, 41, 66);
}

:where([data-css~="s1v"]) .flange-card .card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgb(255, 107, 0);
  font-size: 15px;
  font-weight: 600;
}

:where([data-css~="s1v"]) .flange-card .card-link i {
  transition: transform 0.3s;
}

:where([data-css~="s1v"]) .flange-card:hover .card-link i {
  transform: translateX(5px);
}

:where([data-css~="s1v"]) .flange-card:focus-visible {
  outline: rgb(15, 41, 66) solid 3px;
  outline-offset: 3px;
}

@media (max-width: 1100px) {
  :where([data-css~="s1v"]) .flange-grid {
    grid-template-columns: repeat(2, minmax(0px, 340px));
  }
}

@media (max-width: 600px) {
  :where([data-css~="s1v"]) .flange-grid {
    grid-template-columns: minmax(0px, 340px);
    gap: 18px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s1v"]) .flange-card img {
    height: 200px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb2"]) .qa-section {
    margin-top: 30px;
    padding: 55px 15px;
    background-size: 18px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb2"]) .qa-card {
    padding: 28px 22px;
    border-radius: 10px;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb2"]) .qa-card h2 {
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb2"]) .qa-card p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .qa-section {
    margin-top: 30px;
    padding: 55px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .qa-card {
    padding: 25px 22px;
    border-radius: 10px;
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .qa-card h2 {
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .qa-card p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="seb"]) .qa-card ul {
    margin: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb2"]) .qa-card ul li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 13px;
    padding-left: 2px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb2"]) .qa-card a {
    margin-top: 18px;
    padding: 11px 17px;
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb2"]) .qa-section {
    padding: 45px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb2"]) .qa-card {
    padding: 24px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb2"]) .qa-card h2 {
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb2"]) .qa-card p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb2"]) .qa-card ul li {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb2"]) .qa-card a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .qa-card ul li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .qa-card a {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .qa-section {
    margin-top: 25px;
    padding: 45px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .qa-card {
    padding: 22px 18px;
    border-radius: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .qa-card h2 {
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .qa-card p {
    font-size: 14px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .qa-card ul li {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .qa-card a {
    font-size: 13px;
    padding: 11px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .hero-buttons .quote-btn,
  :where([data-css~="sx"]) .catalogue-btn {
    padding: 14px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .product-hero-image img {
    width: 100%;
  }
}

:where([data-css~="sec"]) .flange-range {
  padding: 120px 0px;
  background: rgb(245, 247, 250);
}

:where([data-css~="sec"]) .flange-range .container {
  max-width: 1200px;
  margin: 0px auto;
}

:where([data-css~="sec"]) .flange-range-header {
  text-align: center;
  margin-bottom: 70px;
}

:where([data-css~="sec"]) .flange-range-header h2 {
  text-align: center;
  color: rgb(15, 41, 66);
  font-size: 52px;
  line-height: 1.15;
  margin: 0px 0px 20px;
}

:where([data-css~="sec"]) .flange-range-header p {
  max-width: 780px;
  margin: 0px auto;
  text-align: center;
  color: rgb(91, 102, 115);
  font-size: 18px;
  line-height: 1.8;
}

:where([data-css~="sec"]) .flange-range-header strong {
  color: rgb(15, 41, 66);
}

:where([data-css~="sec"]) .flange-type-card {
  display: grid;
  grid-template-columns: minmax(0px, 42fr) minmax(0px, 58fr);
  align-items: center;
  gap: 55px;
  padding: 45px;
  margin-bottom: 45px;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  border: 1px solid rgba(15, 41, 66, 0.08);
  box-shadow: rgba(15, 41, 66, 0.08) 0px 15px 40px;
  transition: 0.35s;
}

:where([data-css~="sec"]) .flange-type-card:hover {
  box-shadow: rgba(15, 41, 66, 0.13) 0px 20px 50px;
}

:where([data-css~="sec"]) .flange-type-card.reverse {
  grid-template-columns: minmax(0px, 58fr) minmax(0px, 42fr);
}

:where([data-css~="sec"]) .flange-type-image {
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 14px;
  background: rgb(245, 247, 250);
}

:where([data-css~="sec"]) .flange-type-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.4s;
}

:where([data-css~="sec"]) .flange-type-card:hover .flange-type-image img {
  transform: scale(1.04);
}

:where([data-css~="sec"]) .flange-type-content {
  min-width: 0px;
}

:where([data-css~="sec"]) .flange-type-content h3 {
  color: rgb(15, 41, 66);
  font-size: 32px;
  line-height: 1.2;
  margin: 0px 0px 22px;
}

:where([data-css~="sec"]) .flange-type-content p {
  color: rgb(91, 102, 115);
  font-size: 17px;
  line-height: 1.8;
  margin: 0px 0px 28px;
}

:where([data-css~="sec"]) .flange-type-content strong {
  color: rgb(15, 41, 66);
}

:where([data-css~="sec"]) .flange-type-content a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  background: rgb(255, 107, 0);
  color: rgb(255, 255, 255);
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.35s;
}

:where([data-css~="sec"]) .flange-type-content a i {
  transition: 0.35s;
}

:where([data-css~="sec"]) .flange-type-content a:hover {
  background: rgb(15, 41, 66);
  color: rgb(255, 255, 255);
}

:where([data-css~="sec"]) .flange-type-content a:hover i {
  transform: translateX(6px);
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-range {
    padding: 80px 20px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-range .container {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-range-header {
    margin-bottom: 45px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-range-header h2 {
    font-size: 40px !important;
    line-height: 1.2 !important;
    margin-bottom: 18px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-range-header p {
    font-size: 16px !important;
    line-height: 1.75 !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-type-card,
  :where([data-css~="sx"]) .flange-type-card.reverse {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    padding: 28px !important;
    margin-bottom: 35px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-type-image {
    width: 100% !important;
    height: 270px !important;
    border-radius: 13px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-type-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-type-card.reverse .flange-type-image {
    order: 1 !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-type-card.reverse .flange-type-content {
    order: 2 !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-type-content {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-type-content h3 {
    font-size: 29px !important;
    line-height: 1.25 !important;
    margin-bottom: 18px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-type-content p {
    font-size: 16px !important;
    line-height: 1.75 !important;
    margin-bottom: 24px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .flange-type-content a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 13px 20px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .flange-range {
    padding: 60px 16px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .flange-range-header {
    margin-bottom: 35px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .flange-range-header h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    margin-bottom: 15px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .flange-range-header p {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .flange-type-card,
  :where([data-css~="sx"]) .flange-type-card.reverse {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    border-radius: 15px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .flange-type-image {
    height: 220px !important;
    border-radius: 11px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .flange-type-content h3 {
    font-size: 25px !important;
    line-height: 1.25 !important;
    margin-bottom: 15px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .flange-type-content p {
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin-bottom: 20px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .flange-type-content a {
    padding: 11px 16px !important;
    font-size: 13px !important;
    gap: 8px !important;
  }
}

:where([data-css~="s1k"]) .rf-flange-types {
  padding: 120px 0px;
  background: rgb(245, 247, 250);
}

:where([data-css~="s1k"]) .rf-flange-types .container {
  max-width: 1200px;
  margin: 0px auto;
}

:where([data-css~="s1k"]) .rf-flange-types .section-number {
  display: block;
  text-align: center;
  color: rgb(255, 107, 0);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 18px;
  text-transform: uppercase;
}

:where([data-css~="s1k"]) .rf-flange-types h2 {
  text-align: center;
  color: rgb(15, 41, 66);
  font-size: 52px;
  line-height: 1.15;
  margin: 0px 0px 20px;
}

:where([data-css~="s1k"]) .rf-types-intro {
  max-width: 780px;
  margin: 0px auto 70px;
  text-align: center;
  color: rgb(91, 102, 115);
  font-size: 18px;
  line-height: 1.8;
}

:where([data-css~="s1k"]) .rf-types-intro strong {
  color: rgb(15, 41, 66);
}

:where([data-css~="s1k"]) .rf-showcase {
  display: grid;
  grid-template-columns: minmax(0px, 42fr) minmax(0px, 58fr);
  align-items: center;
  gap: 55px;
  padding: 45px;
  margin-bottom: 45px;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  border: 1px solid rgba(15, 41, 66, 0.08);
  box-shadow: rgba(15, 41, 66, 0.08) 0px 15px 40px;
  transition: 0.35s;
}

:where([data-css~="s1k"]) .rf-showcase:hover {
  box-shadow: rgba(15, 41, 66, 0.13) 0px 20px 50px;
}

:where([data-css~="s1k"]) .rf-showcase-reverse {
  grid-template-columns: minmax(0px, 58fr) minmax(0px, 42fr);
}

:where([data-css~="s1k"]) .rf-showcase-reverse .rf-showcase-image {
  order: 2;
}

:where([data-css~="s1k"]) .rf-showcase-reverse .rf-showcase-content {
  order: 1;
}

:where([data-css~="s1k"]) .rf-showcase-image {
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 14px;
  background: rgb(245, 247, 250);
}

:where([data-css~="s1k"]) .rf-showcase-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.4s;
}

:where([data-css~="s1k"]) .rf-showcase:hover .rf-showcase-image img {
  transform: scale(1.04);
}

:where([data-css~="s1k"]) .rf-showcase-content {
  min-width: 0px;
}

:where([data-css~="s1k"]) .rf-showcase-content h3 {
  color: rgb(15, 41, 66);
  font-size: 32px;
  line-height: 1.2;
  margin: 0px 0px 22px;
}

:where([data-css~="s1k"]) .rf-showcase-content p {
  color: rgb(91, 102, 115);
  font-size: 17px;
  line-height: 1.8;
  margin: 0px 0px 28px;
}

:where([data-css~="s1k"]) .rf-showcase-content strong {
  color: rgb(15, 41, 66);
}

:where([data-css~="s1k"]) .rf-showcase-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  background: rgb(255, 107, 0);
  color: rgb(255, 255, 255);
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  transition: 0.35s;
}

:where([data-css~="s1k"]) .rf-showcase-btn i {
  transition: 0.35s;
}

:where([data-css~="s1k"]) .rf-showcase-btn:hover {
  background: rgb(15, 41, 66);
  color: rgb(255, 255, 255);
}

:where([data-css~="s1k"]) .rf-showcase-btn:hover i {
  transform: translateX(6px);
}

@media (max-width: 991px) {
  :where([data-css~="s1k"]) .rf-flange-types {
    padding: 90px 0px;
  }
}

@media (max-width: 991px) {
  :where([data-css~="s1k"]) .rf-flange-types h2 {
    font-size: 46px;
  }
}

@media (max-width: 991px) {
  :where([data-css~="s1k"]) .rf-showcase {
    grid-template-columns: 1fr 1fr;
    gap: 35px;
    padding: 32px;
  }
}

@media (max-width: 991px) {
  :where([data-css~="s1k"]) .rf-showcase-reverse {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 991px) {
  :where([data-css~="s1k"]) .rf-showcase-image {
    height: 260px;
  }
}

@media (max-width: 991px) {
  :where([data-css~="s1k"]) .rf-showcase-content h3 {
    font-size: 27px;
  }
}

@media (max-width: 991px) {
  :where([data-css~="s1k"]) .rf-showcase-content p {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .rf-flange-types {
    padding: 70px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .rf-flange-types h2 {
    font-size: 40px;
    line-height: 1.2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .rf-flange-types .section-number {
    font-size: 12px;
    letter-spacing: 2.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .rf-types-intro {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .rf-showcase,
  :where([data-css~="s1k"]) .rf-showcase-reverse {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 25px;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .rf-showcase-image {
    width: 100%;
    height: 240px;
    order: 1 !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .rf-showcase-content {
    width: 100%;
    order: 2 !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .rf-showcase-content h3 {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .rf-showcase-content p {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .rf-showcase-btn {
    width: 100%;
    justify-content: center;
    padding: 14px 18px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .rf-flange-types {
    padding: 55px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .rf-flange-types h2 {
    font-size: 34px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .rf-flange-types .section-number {
    font-size: 11px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .rf-types-intro {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .rf-showcase,
  :where([data-css~="s1k"]) .rf-showcase-reverse {
    padding: 20px;
    border-radius: 15px;
    gap: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .rf-showcase-image {
    height: 210px;
    border-radius: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .rf-showcase-content h3 {
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .rf-showcase-content p {
    font-size: 14px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .rf-showcase-btn {
    font-size: 13px;
    padding: 13px 16px;
  }
}

:where([data-css~="s1k"]) .rf-showcase-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 22px;
  background: rgb(255, 107, 0);
  color: rgb(255, 255, 255);
  border-radius: 7px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  transition: 0.3s;
}

:where([data-css~="s1k"]) .rf-showcase-btn:hover {
  background: rgb(232, 95, 0);
  transform: translateY(-3px);
  box-shadow: rgba(255, 107, 0, 0.25) 0px 10px 25px;
}

:where([data-css~="s1k"]) .rf-showcase-btn i {
  transition: transform 0.3s;
}

:where([data-css~="s1k"]) .rf-showcase-btn:hover i {
  transform: translateX(6px);
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .qa-section {
    margin-top: 30px;
    padding: 50px 16px;
    background-size: 18px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .qa-card {
    width: 100%;
    padding: 26px 22px;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .qa-card h2 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .qa-card p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .qa-card ul li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sz"]) .qa-card a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 13px 18px;
    font-size: 14px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .qa-section {
    padding: 40px 12px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .qa-card {
    padding: 22px 18px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .qa-card h2 {
    font-size: 21px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .qa-card p {
    font-size: 14px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .qa-card ul li {
    font-size: 14px;
  }
}

@media (max-width: 400px) {
  :where([data-css~="sz"]) .qa-card a {
    font-size: 13px;
    padding: 12px 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-range {
    padding: 70px 0px 60px;
    background: rgb(245, 247, 250);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-range .container {
    width: 92%;
    max-width: 100%;
    margin: 0px auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-range-header {
    text-align: center;
    margin-bottom: 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-range-header h2 {
    font-size: 40px;
    line-height: 1.2;
    margin: 0px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-range-header p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.75;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-type-card,
  :where([data-css~="s19"]) .flange-type-card.reverse {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 28px;
    margin-bottom: 30px;
    border-radius: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-type-card:not(.reverse) .flange-type-image {
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"])
    .flange-type-card:not(.reverse)
    .flange-type-content {
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-type-card.reverse .flange-type-image {
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-type-card.reverse .flange-type-content {
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-type-image {
    width: 100%;
    height: 270px;
    border-radius: 12px;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-type-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-type-content {
    width: 100%;
    min-width: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-type-content h3 {
    font-size: 29px;
    line-height: 1.25;
    margin: 0px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-type-content p {
    font-size: 16px;
    line-height: 1.75;
    margin: 0px 0px 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-type-content a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 20px;
    font-size: 14px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s19"]) .flange-type-content a i {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .flange-range {
    padding: 55px 0px 45px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .flange-range .container {
    width: 92%;
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .flange-range-header {
    margin-bottom: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .flange-range-header h2 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .flange-range-header p {
    font-size: 14px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .flange-type-card,
  :where([data-css~="s19"]) .flange-type-card.reverse {
    grid-template-columns: 1fr;
    gap: 23px;
    padding: 20px;
    margin-bottom: 24px;
    border-radius: 14px;
    box-shadow: rgba(15, 41, 66, 0.07) 0px 10px 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .flange-type-image {
    width: 100%;
    height: 210px;
    border-radius: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .flange-type-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .flange-type-content h3 {
    font-size: 25px;
    line-height: 1.25;
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .flange-type-content p {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .flange-type-content a {
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    font-size: 13px;
    text-align: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s19"]) .flange-type-content a i {
    font-size: 13px;
  }
}

/* PAGE SECTION: /weights/index.html | scopes: sed */
:where([data-css~="sed"]) .weights-hero {
  width: 100%;
  background: rgb(15, 29, 46);
  padding: 38px 0px 55px;
  overflow: hidden;
  box-sizing: border-box;
}

:where([data-css~="sed"]) .weights-hero-container {
  width: 100%;
  max-width: 760px;
  margin: 0px auto;
  padding: 0px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  box-sizing: border-box;
}

:where([data-css~="sed"]) .weights-hero-content {
  width: 72%;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

:where([data-css~="sed"]) .weights-hero-badge {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0px 0px 14px;
  color: rgb(247, 148, 29);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.35px;
  text-transform: uppercase;
}

:where([data-css~="sed"]) .weights-hero-badge .badge-dot {
  color: rgb(247, 148, 29);
  font-size: 12px;
  line-height: 1;
}

:where([data-css~="sed"]) .weights-hero-content h1 {
  margin: 0px 0px 12px;
  color: rgb(255, 255, 255);
  font-size: 34px;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.7px;
}

:where([data-css~="sed"]) .weights-hero-description {
  width: 100%;
  max-width: 390px;
  margin: 0px 0px 22px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.65;
}

:where([data-css~="sed"]) .weights-hero-stats {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0px 0px 22px;
}

:where([data-css~="sed"]) .weights-stat {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

:where([data-css~="sed"]) .weights-stat strong {
  display: block;
  color: rgb(247, 148, 29);
  font-size: 23px;
  font-weight: 700;
  line-height: 1;
}

:where([data-css~="sed"]) .weights-stat span {
  display: block;
  color: rgb(255, 255, 255);
  font-size: 9px;
  font-weight: 400;
  line-height: 1.35;
}

:where([data-css~="sed"]) .weights-stat-divider {
  width: 1px;
  height: 31px;
  background: rgba(255, 255, 255, 0.28);
  flex-shrink: 0;
}

:where([data-css~="sed"]) .weights-hero-buttons {
  display: flex;
  align-items: center;
  gap: 11px;
}

:where([data-css~="sed"]) .weights-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0px 17px;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="sed"]) .weights-btn-primary {
  background: rgb(247, 148, 29);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(247, 148, 29);
}

:where([data-css~="sed"]) .weights-btn-primary:hover {
  background: rgb(255, 255, 255);
  color: rgb(15, 29, 46);
  border-color: rgb(255, 255, 255);
}

:where([data-css~="sed"]) .weights-btn-secondary {
  background: transparent;
  color: rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.35);
}

:where([data-css~="sed"]) .weights-btn-secondary:hover {
  background: rgb(255, 255, 255);
  color: rgb(15, 29, 46);
  border-color: rgb(255, 255, 255);
}

:where([data-css~="sed"]) .weights-hero-visual {
  width: 28%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

:where([data-css~="sed"]) .weights-hero-drawing {
  display: block;
  width: 100%;
  max-width: 150px;
  height: auto;
  object-fit: contain;
}

:where([data-css~="sed"]) .weights-hero-image-label {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 8px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
}

:where([data-css~="sed"]) .weights-standards {
  width: 100%;
  background: rgb(238, 241, 245);
  padding: 45px 24px 20px;
  box-sizing: border-box;
}

:where([data-css~="sed"]) .weights-standards-header {
  max-width: 560px;
  margin: 0px auto 27px;
  text-align: center;
}

:where([data-css~="sed"]) .weights-standards-header h2 {
  margin: 0px 0px 7px;
  color: rgb(17, 24, 39);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="sed"]) .weights-standards-header p {
  margin: 0px;
  color: rgb(104, 117, 138);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
}

:where([data-css~="sed"]) .weights-standards-grid {
  width: 100%;
  max-width: 754px;
  margin: 0px auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  gap: 14px;
}

:where([data-css~="sed"]) .weight-standard-card {
  min-width: 0px;
  min-height: 131px;
  padding: 18px 14px 16px;
  background: rgb(255, 255, 255);
  border-width: 3px 1px 1px;
  border-style: solid;
  border-color: rgb(232, 114, 43) rgb(225, 229, 234) rgb(225, 229, 234);
  border-image: none;
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  text-decoration: none;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 5px;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}

:where([data-css~="sed"]) .weight-standard-card--us {
  border-top-color: rgb(232, 114, 43);
}

:where([data-css~="sed"]) .weight-standard-card--eu {
  border-top-color: rgb(41, 73, 154);
}

:where([data-css~="sed"]) .weight-standard-card:hover {
  transform: translateY(-2px);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px;
}

:where([data-css~="sed"]) .weight-standard-region {
  display: block;
  margin-bottom: 5px;
  color: rgb(232, 114, 43);
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

:where([data-css~="sed"]) .weight-standard-card--eu .weight-standard-region {
  color: rgb(41, 73, 154);
}

:where([data-css~="sed"]) .weight-standard-name {
  display: block;
  margin-bottom: 5px;
  color: rgb(17, 24, 39);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

:where([data-css~="sed"]) .weight-standard-desc {
  display: block;
  margin-bottom: auto;
  color: rgb(115, 128, 150);
  font-size: 9px;
  font-weight: 400;
  line-height: 1.4;
}

:where([data-css~="sed"]) .weight-standard-cta {
  display: block;
  margin-top: 10px;
  color: rgb(232, 114, 43);
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
}

:where([data-css~="sed"]) .weights-disclaimer {
  width: 100%;
  max-width: 754px;
  margin: 25px auto 0px;
  padding: 11px 14px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(220, 225, 231);
  border-radius: 4px;
  box-sizing: border-box;
  color: rgb(104, 117, 138);
  font-size: 9px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 900px) {
  :where([data-css~="sed"]) .weights-hero-container {
    max-width: 760px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-hero {
    padding: 45px 0px 48px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-hero-container {
    width: 100%;
    max-width: 600px;
    padding: 0px 24px;
    flex-direction: column;
    align-items: stretch;
    gap: 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-hero-content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-hero-badge {
    margin-bottom: 14px;
    font-size: 10px;
    letter-spacing: 1.1px;
    gap: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-hero-content h1 {
    font-size: 40px;
    line-height: 1.06;
    letter-spacing: -0.8px;
    margin-bottom: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-hero-description {
    max-width: 500px;
    font-size: 14px;
    line-height: 1.65;
    margin-bottom: 23px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-hero-stats {
    gap: 20px;
    margin-bottom: 23px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-stat strong {
    font-size: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-stat span {
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-stat-divider {
    height: 34px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-hero-buttons {
    gap: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-btn {
    min-height: 40px;
    padding: 0px 18px;
    font-size: 11px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-hero-visual {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-hero-drawing {
    max-width: 220px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-hero-image-label {
    font-size: 9px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-standards {
    padding: 45px 20px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-standards-header {
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-standards-header h2 {
    font-size: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-standards-header p {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-standards-grid {
    max-width: 600px;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weight-standard-card {
    min-height: 125px;
    padding: 17px 13px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weight-standard-name {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weight-standard-desc {
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weight-standard-cta {
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sed"]) .weights-disclaimer {
    max-width: 600px;
    margin-top: 22px;
    font-size: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-hero {
    padding: 38px 0px 42px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-hero-container {
    padding: 0px 18px;
    gap: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-hero-badge {
    gap: 5px;
    font-size: 8.5px;
    letter-spacing: 0.9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-hero-badge .badge-dot {
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-hero-content h1 {
    font-size: 34px;
    line-height: 1.08;
    letter-spacing: -0.6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-hero-description {
    font-size: 13px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-hero-stats {
    gap: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-stat strong {
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-stat span {
    font-size: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-hero-buttons {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-btn {
    width: 100%;
    min-height: 42px;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-hero-visual {
    width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-hero-drawing {
    max-width: 190px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-standards {
    padding: 38px 15px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-standards-header {
    margin-bottom: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-standards-header h2 {
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-standards-header p {
    font-size: 12px;
    line-height: 1.55;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-standards-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weight-standard-card {
    min-height: 120px;
    padding: 15px 11px 13px;
    border-radius: 5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weight-standard-region {
    font-size: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weight-standard-name {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weight-standard-desc {
    font-size: 8.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weight-standard-cta {
    font-size: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sed"]) .weights-disclaimer {
    margin-top: 18px;
    padding: 10px 11px;
    font-size: 8.5px;
  }
}

:where([data-css~="see"]) .cta-section {
  background-color: rgb(212, 130, 47);
  padding: 70px 20px;
  text-align: center;
}

:where([data-css~="sef"]) .cta-section h2 {
  color: rgb(255, 255, 255);
  font-size: 42px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 15px;
}

:where([data-css~="sef"]) .cta-section p {
  color: rgb(255, 255, 255);
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 30px;
  opacity: 0.95;
}

:where([data-css~="sef"]) .cta-btn-group {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

:where([data-css~="s4r"]) .cta-section h2 {
  color: rgb(255, 255, 255);
  font-size: 38px;
  font-weight: 800;
  margin-bottom: 15px;
  white-space: nowrap;
}

:where([data-css~="s4r"]) .cta-section p {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
  opacity: 0.95;
}

:where([data-css~="seg"]) .cta-section h2 {
  color: rgb(255, 255, 255);
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 15px;
}

:where([data-css~="seg"]) .cta-section p {
  color: rgb(255, 255, 255);
  font-size: 20px;
  margin-bottom: 30px;
  opacity: 0.95;
}

:where([data-css~="seh"]) .cta-btn-group {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

:where([data-css~="sei"]) .cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
  transition: 0.3s;
}

:where([data-css~="sef"]) .cta-btn-primary {
  background-color: rgb(10, 37, 64);
  color: rgb(255, 255, 255);
  border: 2px solid rgb(10, 37, 64);
}

:where([data-css~="sef"]) .cta-btn-primary:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(212, 130, 47);
  border-color: rgb(255, 255, 255);
}

:where([data-css~="sej"]) .cta-btn-primary {
  background-color: rgb(10, 37, 64);
  color: rgb(255, 255, 255);
}

:where([data-css~="sek"]) .cta-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: rgb(10, 37, 64);
  color: rgb(255, 255, 255);
  padding: 14px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
}

:where([data-css~="seh"]) .cta-btn-primary:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(212, 130, 47);
}

:where([data-css~="sel"]) .cta-btn-secondary {
  background-color: rgb(10, 37, 64);
  color: rgb(255, 255, 255);
  border: 2px solid rgb(10, 37, 64);
}

:where([data-css~="sek"]) .cta-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: rgb(10, 37, 64);
  color: rgb(255, 255, 255);
  padding: 14px 28px;
  border-radius: 8px;
  border: 2px solid rgb(10, 37, 64);
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
}

:where([data-css~="sem"]) .cta-btn-secondary:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(212, 130, 47);
}

:where([data-css~="s45"]) .enh-crumb {
  text-align: center;
  margin-bottom: 18px;
}

:where([data-css~="s45"]) .cta-section {
  margin-top: 30px;
}

@media (max-width: 768px) {
  :where([data-css~="s64"]) .cta-section {
    padding: 55px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s64"]) .cta-section h2 {
    font-size: 30px;
    white-space: normal;
    line-height: 1.25;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s64"]) .cta-section p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 26px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s64"]) .cta-btn-group {
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s64"]) .cta-btn {
    padding: 13px 24px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s64"]) .cta-section {
    padding: 45px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s64"]) .cta-section h2 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s64"]) .cta-section p {
    font-size: 14px;
    line-height: 1.55;
    margin-bottom: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s64"]) .cta-btn-group {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s64"]) .cta-btn {
    width: 100%;
    max-width: 280px;
    padding: 12px 20px;
    font-size: 15px;
  }
}

:where([data-css~="s4z"]) .enh-crumb {
  text-align: center;
  margin-bottom: 18px;
}

:where([data-css~="s4z"]) .cta-section {
  margin-top: 30px;
}

:where([data-css~="s64"]) .footer {
  background: rgb(23, 35, 47);
  padding: 55px 0px 25px;
  color: rgb(255, 255, 255);
}

/* PAGE SECTION: /contact/enquiry-challenge.php | scopes: sen, sfk, sfs, sft, sfv, sfy, sg9, sga, sgn, sgv, sgx, sh2, shb, shh, shi, shm, shn, sho, shv, shw, si8, sic, sj0 */
:where([data-css~="sen"]) .contact-title-section {
  width: 100%;
  background: rgb(15, 31, 51);
  padding: 28px 32px;
  box-sizing: border-box;
}

:where([data-css~="sen"]) .contact-title-inner {
  max-width: 1400px;
  margin: 0px auto;
  text-align: center;
}

:where([data-css~="sen"]) .contact-breadcrumb {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  font-size: 17px;
  line-height: 1.4;
  margin-bottom: 8px;
  padding-left: 0px;
}

:where([data-css~="sen"]) .contact-breadcrumb a {
  color: rgb(184, 199, 217);
  text-decoration: none;
}

:where([data-css~="sen"]) .contact-breadcrumb span {
  color: rgb(184, 199, 217);
}

:where([data-css~="sen"]) .contact-title-inner h1 {
  margin: 0px;
  color: rgb(255, 255, 255);
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-title-section {
    padding: 24px 22px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-breadcrumb {
    font-size: 16px;
    margin-bottom: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-title-inner h1 {
    font-size: 29px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-title-section {
    padding: 22px 16px 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-breadcrumb {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-title-inner h1 {
    font-size: 26px;
  }
}

:where([data-css~="sen"]) .contact-info-section {
  width: 100%;
  padding: 30px 32px 40px;
  box-sizing: border-box;
  background: rgb(238, 241, 245);
}

:where([data-css~="sen"]) .contact-info-grid {
  max-width: 1400px;
  margin: 0px auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

:where([data-css~="sen"]) .contact-info-card {
  position: relative;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(244, 123, 32);
  border-radius: 14px;
  padding: 28px 24px;
  min-height: 360px;
  box-sizing: border-box;
  box-shadow:
    rgba(15, 31, 51, 0.16) 0px 8px 22px,
    rgba(15, 31, 51, 0.08) 0px 2px 6px;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="sen"]) .contact-info-card:hover {
  transform: translateY(-3px);
  box-shadow:
    rgba(15, 31, 51, 0.2) 0px 12px 28px,
    rgba(15, 31, 51, 0.1) 0px 3px 8px;
}

:where([data-css~="sen"]) .contact-card-title {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 18px;
  color: rgb(244, 123, 32);
  font-size: 21px;
  font-weight: 700;
  text-transform: uppercase;
}

:where([data-css~="sen"]) .contact-card-title i {
  font-size: 20px;
}

:where([data-css~="sen"]) .contact-card-content p {
  margin: 0px 0px 20px;
  color: rgb(23, 37, 56);
  font-size: 17px;
  line-height: 1.65;
}

:where([data-css~="sen"]) .contact-detail {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin-top: 13px;
  color: rgb(83, 98, 116);
  font-size: 16px;
  line-height: 1.4;
  text-decoration: none;
}

:where([data-css~="sen"]) .contact-detail i {
  width: 18px;
  color: rgb(15, 31, 51);
  margin-top: 2px;
  flex-shrink: 0;
}

:where([data-css~="sen"]) a.contact-detail:hover {
  color: rgb(244, 123, 32);
}

:where([data-css~="sen"]) .whatsapp-card {
  text-align: center;
}

:where([data-css~="sen"]) .whatsapp-card .contact-card-title {
  justify-content: center;
}

:where([data-css~="sen"]) .whatsapp-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 285px;
}

:where([data-css~="sen"]) .whatsapp-qr-link {
  display: inline-flex;
  padding: 8px;
  background: rgb(255, 255, 255);
  border-radius: 8px;
  transition: transform 0.2s;
}

:where([data-css~="sen"]) .whatsapp-qr-link:hover {
  transform: scale(1.03);
}

:where([data-css~="sen"]) .whatsapp-qr {
  display: block;
  width: 210px;
  height: 210px;
  object-fit: contain;
}

:where([data-css~="sen"]) .whatsapp-chat-link {
  margin-top: 13px;
  color: rgb(105, 117, 134);
  font-size: 16px;
  text-decoration: none;
}

:where([data-css~="sen"]) .whatsapp-chat-link:hover {
  color: rgb(244, 123, 32);
}

:where([data-css~="sen"]) .map-card {
  overflow: hidden;
}

:where([data-css~="sen"]) .map-wrapper {
  width: 100%;
  height: 250px;
  overflow: hidden;
  border-radius: 9px;
  border: 1px solid rgb(216, 222, 230);
  background: rgb(238, 241, 245);
}

:where([data-css~="sen"]) .map-wrapper iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0px;
}

:where([data-css~="sen"]) .map-open-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  color: rgb(40, 120, 208);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

:where([data-css~="sen"]) .map-open-link:hover {
  color: rgb(244, 123, 32);
}

@media (max-width: 900px) {
  :where([data-css~="sen"]) .contact-info-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sen"]) .contact-info-card {
    min-height: auto;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sen"]) .whatsapp-content {
    height: auto;
    padding-bottom: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-info-section {
    padding: 24px 20px 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-info-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-info-card {
    width: 100%;
    min-height: auto;
    padding: 24px 22px;
    border-radius: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-card-title {
    font-size: 20px;
    gap: 10px;
    margin-bottom: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-card-title i {
    font-size: 19px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-card-content p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-detail {
    font-size: 15px;
    gap: 10px;
    margin-top: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .whatsapp-card {
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .whatsapp-card .contact-card-title {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .whatsapp-content {
    height: auto;
    padding: 8px 0px 4px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .whatsapp-qr {
    width: 200px;
    height: 200px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .whatsapp-chat-link {
    font-size: 15px;
    margin-top: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .map-card {
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .map-wrapper {
    width: 100%;
    height: 260px;
    border-radius: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .map-open-link {
    font-size: 15px;
    margin-top: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-info-section {
    padding: 20px 14px 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-info-grid {
    gap: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-info-card {
    padding: 20px 17px;
    border-width: 2px;
    border-radius: 11px;
    box-shadow:
      rgba(15, 31, 51, 0.14) 0px 6px 18px,
      rgba(15, 31, 51, 0.07) 0px 2px 5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-card-title {
    font-size: 18px;
    gap: 8px;
    margin-bottom: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-card-title i {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-card-content p {
    font-size: 15px;
    line-height: 1.55;
    margin-bottom: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-detail {
    font-size: 14px;
    gap: 9px;
    margin-top: 10px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-detail i {
    width: 17px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .whatsapp-content {
    padding: 4px 0px 2px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .whatsapp-qr {
    width: 180px;
    height: 180px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .whatsapp-chat-link {
    font-size: 14px;
    margin-top: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .map-wrapper {
    height: 220px;
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .map-open-link {
    font-size: 14px;
    margin-top: 10px;
  }
}

:where([data-css~="sen"]) .contact-info-section {
  width: 100%;
  padding: 30px 32px 40px;
  box-sizing: border-box;
  background: rgb(238, 241, 245);
}

:where([data-css~="sen"]) .contact-info-grid {
  max-width: 1400px;
  margin: 0px auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

:where([data-css~="sen"]) .contact-info-card {
  position: relative;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(244, 123, 32);
  border-radius: 14px;
  padding: 26px 24px;
  min-height: 360px;
  box-sizing: border-box;
  box-shadow:
    rgba(15, 31, 51, 0.18) 0px 8px 24px,
    rgba(15, 31, 51, 0.1) 0px 2px 7px;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="sen"]) .contact-info-card:hover {
  transform: translateY(-3px);
  box-shadow:
    rgba(15, 31, 51, 0.22) 0px 12px 30px,
    rgba(15, 31, 51, 0.1) 0px 4px 10px;
}

:where([data-css~="sen"]) .contact-card-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: rgb(244, 123, 32);
  font-size: 21px;
  font-weight: 700;
}

:where([data-css~="sen"]) .contact-card-title i {
  font-size: 20px;
}

:where([data-css~="sen"]) .contact-card-content p {
  margin: 0px 0px 20px;
  color: rgb(23, 37, 56);
  font-size: 17px;
  line-height: 1.6;
}

:where([data-css~="sen"]) .contact-detail {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 12px;
  color: rgb(83, 98, 116);
  font-size: 16px;
  line-height: 1.4;
  text-decoration: none;
}

:where([data-css~="sen"]) .contact-detail i {
  width: 18px;
  flex-shrink: 0;
  margin-top: 2px;
  color: rgb(15, 31, 51);
}

:where([data-css~="sen"]) a.contact-detail:hover {
  color: rgb(244, 123, 32);
}

:where([data-css~="sen"]) .whatsapp-card {
  text-align: center;
}

:where([data-css~="sen"]) .whatsapp-card .contact-card-title {
  justify-content: center;
}

:where([data-css~="sen"]) .whatsapp-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 285px;
}

:where([data-css~="sen"]) .whatsapp-qr-link {
  display: inline-flex;
  padding: 5px;
  background: rgb(255, 255, 255);
  border-radius: 7px;
  transition: transform 0.2s;
}

:where([data-css~="sen"]) .whatsapp-qr-link:hover {
  transform: scale(1.025);
}

:where([data-css~="sen"]) .whatsapp-qr {
  display: block;
  width: 220px;
  height: 220px;
  object-fit: contain;
}

:where([data-css~="sen"]) .whatsapp-chat-link {
  margin-top: 11px;
  color: rgb(105, 117, 134);
  font-size: 16px;
  text-decoration: none;
}

:where([data-css~="sen"]) .whatsapp-chat-link:hover {
  color: rgb(244, 123, 32);
}

:where([data-css~="sen"]) .map-card {
  overflow: hidden;
}

:where([data-css~="sen"]) .map-wrapper {
  width: 100%;
  height: 250px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgb(216, 222, 230);
  background: rgb(238, 241, 245);
}

:where([data-css~="sen"]) .map-wrapper iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0px;
}

:where([data-css~="sen"]) .map-open-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 13px;
  color: rgb(40, 120, 208);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

:where([data-css~="sen"]) .map-open-link:hover {
  color: rgb(244, 123, 32);
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-info-section {
    padding: 24px 20px 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-info-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-info-card {
    width: 100%;
    min-height: auto;
    padding: 24px 22px;
    border-radius: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-card-title {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-card-content p {
    font-size: 16px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .contact-detail {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .whatsapp-content {
    height: auto;
    padding: 8px 0px 4px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .whatsapp-qr {
    width: 200px;
    height: 200px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .map-wrapper {
    height: 260px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-info-section {
    padding: 20px 14px 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-info-grid {
    gap: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-info-card {
    padding: 20px 17px;
    border-radius: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-card-title {
    font-size: 18px;
    gap: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-card-title i {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-card-content p {
    font-size: 15px;
    line-height: 1.55;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .contact-detail {
    font-size: 14px;
    gap: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .whatsapp-qr {
    width: 180px;
    height: 180px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .whatsapp-chat-link {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .map-wrapper {
    height: 220px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .map-open-link {
    font-size: 14px;
  }
}

:where([data-css~="sen"]) .enquiry-section {
  width: 100%;
  padding: 40px 32px 50px;
  background: rgb(238, 241, 245);
  box-sizing: border-box;
}

:where([data-css~="sen"]) .enquiry-container {
  width: 100%;
  max-width: 1400px;
  margin: 0px auto;
}

:where([data-css~="sen"]) .enquiry-box {
  width: 100%;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(244, 123, 32);
  border-radius: 14px;
  padding: 34px 38px 38px;
  box-sizing: border-box;
  box-shadow:
    rgba(15, 31, 51, 0.18) 0px 10px 28px,
    rgba(15, 31, 51, 0.1) 0px 3px 8px;
}

:where([data-css~="sen"]) .enquiry-heading {
  text-align: center;
  margin-bottom: 30px;
}

:where([data-css~="sen"]) .enquiry-heading h2 {
  margin: 0px 0px 8px;
  color: rgb(15, 31, 51);
  font-size: 30px;
  font-weight: 700;
}

:where([data-css~="sen"]) .enquiry-heading p {
  margin: 0px;
  color: rgb(94, 104, 117);
  font-size: 16px;
  line-height: 1.6;
}

:where([data-css~="sen"]) .enquiry-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 26px;
}

:where([data-css~="sen"]) .form-group {
  width: 100%;
}

:where([data-css~="sen"]) .form-group.full-width {
  grid-column: 1 / -1;
}

:where([data-css~="sen"]) .form-group label {
  display: block;
  margin-bottom: 8px;
  color: rgb(15, 31, 51);
  font-size: 15px;
  font-weight: 600;
}

:where([data-css~="sen"]) .form-group label span {
  color: rgb(244, 123, 32);
}

:where([data-css~="sen"]) .form-group input,
:where([data-css~="sen"]) .form-group textarea,
:where([data-css~="sen"]) .select-wrapper select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgb(203, 210, 218);
  border-radius: 7px;
  background: rgb(255, 255, 255);
  color: rgb(39, 52, 68);
  font-family: inherit;
  font-size: 15px;
  padding: 13px 14px;
  outline: none;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

:where([data-css~="sen"]) .form-group input {
  height: 48px;
}

:where([data-css~="sen"]) .form-group textarea {
  min-height: 145px;
  resize: vertical;
  line-height: 1.6;
}

:where([data-css~="sen"]) .form-group input::placeholder,
:where([data-css~="sen"]) .form-group textarea::placeholder {
  color: rgb(146, 154, 165);
}

:where([data-css~="sen"]) .form-group input:focus,
:where([data-css~="sen"]) .form-group textarea:focus,
:where([data-css~="sen"]) .select-wrapper select:focus {
  border-color: rgb(244, 123, 32);
  box-shadow: rgba(244, 123, 32, 0.12) 0px 0px 0px 3px;
}

:where([data-css~="sen"]) .select-wrapper {
  position: relative;
  width: 100%;
}

:where([data-css~="sen"]) .select-wrapper select {
  height: 48px;
  padding-right: 42px;
  appearance: none;
  cursor: pointer;
}

:where([data-css~="sen"]) .select-wrapper i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: rgb(15, 31, 51);
  font-size: 13px;
  pointer-events: none;
}

:where([data-css~="sen"]) .captcha-area {
  grid-column: 1 / -1;
  margin-top: 2px;
}

:where([data-css~="sen"]) .captcha-placeholder {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0px 16px;
  border: 1px solid rgb(203, 210, 218);
  border-radius: 7px;
  background: rgb(248, 249, 250);
  color: rgb(39, 52, 68);
  font-size: 14px;
}

:where([data-css~="sen"]) .captcha-placeholder input {
  width: 19px;
  height: 19px;
  margin: 0px;
  cursor: pointer;
}

:where([data-css~="sen"]) .captcha-placeholder label {
  margin: 0px;
  cursor: pointer;
}

:where([data-css~="sen"]) .form-buttons {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-top: 8px;
}

:where([data-css~="sen"]) .enquiry-submit,
:where([data-css~="sen"]) .enquiry-reset {
  min-width: 160px;
  height: 48px;
  padding: 0px 24px;
  border-radius: 7px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition:
    transform 0.2s,
    box-shadow 0.2s,
    background 0.2s;
}

:where([data-css~="sen"]) .enquiry-submit {
  border: 2px solid rgb(244, 123, 32);
  background: rgb(244, 123, 32);
  color: rgb(255, 255, 255);
}

:where([data-css~="sen"]) .enquiry-submit:hover {
  background: rgb(217, 102, 18);
  border-color: rgb(217, 102, 18);
  transform: translateY(-2px);
  box-shadow: rgba(15, 31, 51, 0.18) 0px 6px 14px;
}

:where([data-css~="sen"]) .enquiry-reset {
  border: 2px solid rgb(15, 31, 51);
  background: rgb(255, 255, 255);
  color: rgb(15, 31, 51);
}

:where([data-css~="sen"]) .enquiry-reset:hover {
  background: rgb(15, 31, 51);
  color: rgb(255, 255, 255);
  transform: translateY(-2px);
  box-shadow: rgba(15, 31, 51, 0.18) 0px 6px 14px;
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .enquiry-section {
    padding: 28px 20px 36px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .enquiry-box {
    padding: 28px 24px 30px;
    border-radius: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .enquiry-heading {
    margin-bottom: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .enquiry-heading h2 {
    font-size: 26px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .enquiry-heading p {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .enquiry-form {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .form-group.full-width,
  :where([data-css~="sen"]) .captcha-area,
  :where([data-css~="sen"]) .form-buttons {
    grid-column: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .form-group input,
  :where([data-css~="sen"]) .select-wrapper select {
    height: 47px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .form-buttons {
    flex-direction: column;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sen"]) .enquiry-submit,
  :where([data-css~="sen"]) .enquiry-reset {
    width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .enquiry-section {
    padding: 22px 14px 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .enquiry-box {
    padding: 23px 17px 25px;
    border-radius: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .enquiry-heading {
    margin-bottom: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .enquiry-heading h2 {
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .enquiry-heading p {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .form-group label {
    font-size: 14px;
    margin-bottom: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .form-group input,
  :where([data-css~="sen"]) .select-wrapper select,
  :where([data-css~="sen"]) .form-group textarea {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .form-group input,
  :where([data-css~="sen"]) .select-wrapper select {
    height: 46px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .form-group textarea {
    min-height: 125px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .captcha-placeholder {
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sen"]) .enquiry-submit,
  :where([data-css~="sen"]) .enquiry-reset {
    font-size: 14px;
    height: 46px;
  }
}

:where([data-css~="sef"]) .cta-btn-secondary:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(212, 130, 47);
  border-color: rgb(255, 255, 255);
}

:where([data-css~="s75"]) .cta-section {
  background-color: rgb(212, 130, 47);
  padding: 70px 20px;
  text-align: center;
}

:where([data-css~="s75"]) .cta-section h2 {
  color: rgb(255, 255, 255);
  font-size: 42px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 15px;
}

:where([data-css~="s75"]) .cta-section p {
  color: rgb(255, 255, 255);
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 30px;
  opacity: 0.95;
}

:where([data-css~="s75"]) .cta-btn-group {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

:where([data-css~="s75"]) .cta-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: rgb(10, 37, 64);
  color: rgb(255, 255, 255);
  padding: 14px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
  transition: 0.3s;
}

:where([data-css~="s75"]) .cta-btn-primary:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(212, 130, 47);
}

:where([data-css~="s75"]) .cta-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: rgb(10, 37, 64);
  color: rgb(255, 255, 255);
  padding: 14px 28px;
  border-radius: 8px;
  border: 2px solid rgb(10, 37, 64);
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
  transition: 0.3s;
}

:where([data-css~="s75"]) .cta-btn-secondary:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(212, 130, 47);
}

@media (max-width: 768px) {
  :where([data-css~="seo"]) .cta-section {
    padding: 55px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .qa-section {
    margin-top: 30px;
    padding: 50px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .qa-card {
    padding: 28px 22px;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .qa-section {
    margin-top: 30px;
    padding: 50px 20px;
    background-size: 18px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .qa-card {
    width: 100%;
    padding: 28px 24px;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sep"]) .qa-section {
    margin-top: 30px;
    padding: 45px 16px;
    background-size: 18px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .qa-card {
    width: 100%;
    max-width: 100%;
    padding: 28px 22px;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .qa-section {
    margin-top: 30px;
    padding: 50px 15px;
    background-size: 18px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .qa-card {
    width: 100%;
    max-width: 100%;
    padding: 28px 24px;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .qa-section {
    margin-top: 25px;
    padding: 45px 15px;
    background-size: 18px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .qa-card {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 26px 22px;
    border-radius: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .qa-section {
    margin-top: 30px;
    padding: 55px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .qa-card {
    width: 100%;
    max-width: 850px;
    box-sizing: border-box;
    padding: 28px;
    border-radius: 11px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="seq"]) .qa-card h2 {
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="ser"]) .qa-card p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .qa-card ul li {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .qa-card a {
    margin-top: 18px;
    padding: 11px 18px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .cta-section {
    padding: 55px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .qa-card {
    width: 100%;
    padding: 25px 22px;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .qa-card h2 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="ses"]) .qa-card p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .qa-card ul {
    margin: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="set"]) .qa-card ul li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 9px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .qa-card a {
    margin-top: 16px;
    padding: 11px 17px;
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .qa-section {
    margin-top: 30px;
    padding: 50px 18px;
    background-size: 16px 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .qa-card {
    padding: 28px 24px;
    border-radius: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .qa-card h2 {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="seu"]) .qa-card p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="seu"]) .qa-card ul li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .qa-card a {
    margin-top: 18px;
    padding: 11px 18px;
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s68"]) .cta-section {
    padding: 55px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sev"]) .cta-section h2 {
    font-size: 32px;
    line-height: 1.25;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .cta-section {
    padding: 50px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .cta-section h2 {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sew"]) .cta-section p {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sex"]) .cta-btn-group {
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sex"]) .cta-btn {
    width: 100%;
    max-width: 380px;
    padding: 14px 20px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sey"]) .cta-section {
    padding: 60px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sey"]) .cta-section h2 {
    font-size: 34px;
    line-height: 1.25;
    margin-bottom: 15px;
  }
}

:where([data-css~="s1v"]) .cta-section {
  padding: 38px 20px !important;
}

:where([data-css~="s1v"]) .cta-section h2 {
  margin-bottom: 7px !important;
}

:where([data-css~="s1v"]) .cta-section p {
  margin-bottom: 14px !important;
}

:where([data-css~="s1v"]) .cta-btn-group {
  gap: 10px !important;
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .cta-section {
    padding: 35px 20px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .cta-section h2 {
    margin-bottom: 7px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .cta-section p {
    margin-bottom: 14px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .cta-btn-group {
    gap: 8px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .cta-section {
    padding: 32px 16px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .cta-section h2 {
    margin-bottom: 6px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .cta-section p {
    margin-bottom: 12px !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .cta-btn-group {
    gap: 7px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .qa-section {
    margin-top: 30px;
    padding: 50px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .qa-card {
    width: 100%;
    max-width: 100%;
    padding: 28px 24px;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .qa-section {
    margin-top: 30px;
    padding: 45px 18px;
    background-size: 18px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .qa-card {
    width: 100%;
    max-width: 100%;
    padding: 28px 24px;
    border-radius: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sez"]) .qa-card h2 {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .qa-card p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .qa-card ul li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="saz"]) .qa-card a {
    margin-top: 16px;
    padding: 11px 18px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .qa-section {
    margin-top: 30px;
    padding: 55px 20px;
    background-size: 18px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .qa-card {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 35px 28px;
    border-radius: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .qa-card h2 {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .qa-card p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .qa-card ul {
    margin: 0px;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .qa-card ul li {
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .qa-card a {
    display: inline-block;
    margin-top: 18px;
    padding: 12px 20px;
    font-size: 15px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .qa-card a {
    margin-top: 18px;
    padding: 12px 18px;
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf0"]) .cta-section {
    padding: 60px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8f"]) .cta-section h2 {
    font-size: 34px;
    line-height: 1.25;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .cta-section {
    padding: 55px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf1"]) .cta-section h2 {
    font-size: 34px;
    line-height: 1.25;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scl"]) .qa-card p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s24"]) .qa-card ul {
    margin: 0px;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="scl"]) .qa-card ul li {
    font-size: 15.5px;
    line-height: 1.6;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .qa-card a {
    margin-top: 15px;
    padding: 11px 18px;
    font-size: 15px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .cta-section {
    padding: 55px 18px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .cta-section h2 {
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .qa-card ul li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 10px;
    padding-left: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .qa-card a {
    display: inline-block;
    margin-top: 15px;
    padding: 11px 17px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 6px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .cta-section {
    padding: 55px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .cta-section h2 {
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .qa-card a {
    margin-top: 18px;
    padding: 12px 18px;
    font-size: 15px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .cta-section {
    padding: 55px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .cta-section h2 {
    font-size: 34px;
    line-height: 1.25;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .cta-section h2 {
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf2"]) .cta-section p {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .cta-section {
    padding: 55px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .cta-section h2 {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .cta-section p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf3"]) .cta-btn-group {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sey"]) .cta-btn {
    width: 100%;
    max-width: 360px;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
    padding: 14px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sey"]) .cta-section {
    padding: 50px 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .cta-btn-group {
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-width: 420px;
    margin: 0px auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1v"]) .cta-btn-primary,
  :where([data-css~="s1v"]) .cta-btn-secondary {
    width: 100%;
    justify-content: center;
    padding: 15px 22px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .cta-section {
    padding: 50px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf4"]) .cta-section h2 {
    font-size: 29px;
    line-height: 1.25;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .cta-section {
    padding: 50px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .cta-section h2 {
    font-size: 28px;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .cta-section p {
    font-size: 16px;
    margin-bottom: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .cta-btn-group {
    flex-direction: column;
    gap: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .cta-btn-primary,
  :where([data-css~="s5"]) .cta-btn-secondary {
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    padding: 13px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .cta-section {
    padding: 40px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .cta-section h2 {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf5"]) .cta-section p {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sey"]) .cta-btn {
    max-width: 100%;
    padding: 13px 18px;
    font-size: 14px;
  }
}

/* PAGE SECTION: /downloads/index.html | scopes: sf6, sf8, sg5, sg6, sig */
:where([data-css~="sf6"]) .downloads-title-section {
  width: 100%;
  background: rgb(15, 31, 51);
  padding: 28px 32px;
  box-sizing: border-box;
}

:where([data-css~="sf6"]) .downloads-title-inner {
  max-width: 1400px;
  margin: 0px auto;
  text-align: center;
}

:where([data-css~="sf6"]) .downloads-breadcrumb {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  font-size: 17px;
  line-height: 1.4;
  margin-bottom: 8px;
  padding-left: 0px;
}

:where([data-css~="sf6"]) .downloads-breadcrumb a {
  color: rgb(184, 199, 217);
  text-decoration: none;
}

:where([data-css~="sf6"]) .downloads-breadcrumb span {
  color: rgb(184, 199, 217);
}

:where([data-css~="sf6"]) .downloads-title-inner h1 {
  margin: 0px;
  color: rgb(255, 255, 255);
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 768px) {
  :where([data-css~="sf6"]) .downloads-title-section {
    padding: 24px 22px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf6"]) .downloads-breadcrumb {
    font-size: 16px;
    margin-bottom: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf6"]) .downloads-title-inner h1 {
    font-size: 29px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf6"]) .downloads-title-section {
    padding: 22px 16px 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf6"]) .downloads-breadcrumb {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf6"]) .downloads-title-inner h1 {
    font-size: 26px;
  }
}

:where([data-css~="sf6"]) .downloads-categories-section {
  width: 100%;
  background: rgb(242, 244, 247);
  padding: 40px 32px 60px;
  box-sizing: border-box;
}

:where([data-css~="sf6"]) .downloads-categories-inner {
  max-width: 1000px;
  margin: 0px auto;
  text-align: center;
}

:where([data-css~="sf6"]) .downloads-categories-inner h2 {
  margin: 0px 0px 8px;
  color: rgb(15, 31, 51);
  font-size: 30px;
  font-weight: 700;
}

:where([data-css~="sf6"]) .downloads-categories-subtitle {
  margin: 0px 0px 32px;
  color: rgb(107, 114, 128);
  font-size: 16px;
}

:where([data-css~="sf6"]) .download-card {
  display: flex;
  align-items: center;
  gap: 20px;
  background: rgb(255, 255, 255);
  border-radius: 10px;
  border-left: 4px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 4px;
  padding: 24px 28px;
  margin-bottom: 20px;
  text-align: left;
}

:where([data-css~="sf6"]) .download-card.accent-orange {
  border-left-color: rgb(232, 114, 12);
}

:where([data-css~="sf6"]) .download-card.accent-blue {
  border-left-color: rgb(37, 99, 235);
}

:where([data-css~="sf6"]) .download-card.accent-green {
  border-left-color: rgb(22, 163, 74);
}

:where([data-css~="sf6"]) .download-card-icon {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

:where([data-css~="sf6"]) .icon-orange {
  background: rgb(253, 236, 224);
  color: rgb(232, 114, 12);
}

:where([data-css~="sf6"]) .icon-blue {
  background: rgb(227, 236, 253);
  color: rgb(37, 99, 235);
}

:where([data-css~="sf6"]) .icon-green {
  background: rgb(226, 245, 232);
  color: rgb(22, 163, 74);
}

:where([data-css~="sf6"]) .download-card-body {
  flex: 1 1 auto;
}

:where([data-css~="sf6"]) .download-card-title-row h3 {
  margin: 0px 0px 6px;
  font-size: 20px;
  font-weight: 700;
  color: rgb(15, 31, 51);
}

:where([data-css~="sf6"]) .download-card-desc {
  margin: 0px 0px 4px;
  font-size: 15px;
  color: rgb(55, 65, 81);
}

:where([data-css~="sf6"]) .download-card-subtext {
  margin: 0px;
  font-size: 13px;
  color: rgb(156, 163, 175);
}

:where([data-css~="sf6"]) .download-card-link {
  flex: 0 0 auto;
  color: rgb(232, 114, 12);
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  white-space: nowrap;
}

:where([data-css~="sf6"]) .download-card-link:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  :where([data-css~="sf6"]) .download-card {
    flex-wrap: wrap;
    padding: 20px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf6"]) .download-card-link {
    margin-left: 76px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf6"]) .download-card {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf6"]) .download-card-link {
    margin-left: 0px;
    margin-top: 12px;
  }
}

:where([data-css~="sf6"]) .download-card-icon svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  stroke: currentcolor;
  fill: none;
  display: block !important;
}

/* PAGE SECTION: /search-button/index.html | scopes: sf7, sg0 */
:where([data-css~="sf7"]) .website-search-section {
  width: 100%;
  min-height: 620px;
  background: rgb(15, 31, 51);
  padding: 75px 32px 100px;
  box-sizing: border-box;
}

:where([data-css~="sf7"]) .website-search-inner {
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
}

:where([data-css~="sf7"]) .website-search-intro {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 35px;
}

:where([data-css~="sf7"]) .website-search-label-wrap {
  text-align: center;
  margin-bottom: 8px;
}

:where([data-css~="sf7"]) .website-search-label {
  display: inline-block;
  margin-bottom: 0px;
  color: rgb(255, 154, 69);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.8px;
}

:where([data-css~="sf7"]) .website-search-intro h1 {
  margin: 0px 0px 12px;
  color: rgb(255, 255, 255);
  font-size: 38px;
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="sf7"]) .website-search-intro p {
  max-width: 700px;
  margin: 0px auto;
  color: rgb(184, 199, 217);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="sf7"]) .website-search-box {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
}

:where([data-css~="sf7"]) .website-search-input-wrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0px;
}

:where([data-css~="sf7"]) .website-search-input-wrap i {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: rgb(124, 135, 150);
  font-size: 18px;
  pointer-events: none;
  z-index: 2;
}

:where([data-css~="sf7"]) .website-search-input {
  display: block;
  width: 100%;
  height: 58px;
  padding: 0px 20px 0px 55px;
  box-sizing: border-box;
  border: 2px solid rgb(255, 255, 255);
  border-radius: 7px;
  background: rgb(255, 255, 255);
  color: rgb(15, 31, 51);
  font-family: Poppins, sans-serif;
  font-size: 15px;
  outline: none;
}

:where([data-css~="sf7"]) .website-search-input::placeholder {
  color: rgb(146, 154, 165);
}

:where([data-css~="sf7"]) .website-search-input:focus {
  border-color: rgb(255, 138, 42);
}

:where([data-css~="sf7"]) .website-search-button {
  flex: 0 0 130px;
  width: 130px;
  height: 58px;
  padding: 0px;
  border: 2px solid rgb(232, 114, 12);
  border-radius: 7px;
  background: rgb(232, 114, 12);
  color: rgb(255, 255, 255);
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

:where([data-css~="sf7"]) .website-search-button:hover {
  background: rgb(217, 101, 8);
  border-color: rgb(217, 101, 8);
}

:where([data-css~="sf7"]) .website-search-status {
  min-height: 22px;
  margin: 22px 0px 15px;
  color: rgb(184, 199, 217);
  font-size: 13px;
  text-align: center;
}

:where([data-css~="sf7"]) .website-search-results {
  width: 100%;
}

:where([data-css~="sf7"]) .website-search-result {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 18px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.06);
  text-decoration: none;
  transition:
    background 0.25s,
    border-color 0.25s;
}

:where([data-css~="sf7"]) .website-search-result:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgb(232, 114, 12);
}

:where([data-css~="sf7"]) .website-search-result h3 {
  margin: 0px 0px 5px;
  color: rgb(255, 255, 255);
  font-size: 17px;
  font-weight: 600;
}

:where([data-css~="sf7"]) .website-search-result p {
  display: none;
}

:where([data-css~="sf7"]) .website-search-no-result {
  padding: 30px 20px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.05);
  color: rgb(184, 199, 217);
  text-align: center;
  font-size: 14px;
}

@media (max-width: 768px) {
  :where([data-css~="sf7"]) .website-search-section {
    padding: 55px 22px 70px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf7"]) .website-search-intro h1 {
    font-size: 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf7"]) .website-search-intro p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf7"]) .website-search-box {
    flex-direction: column;
    gap: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf7"]) .website-search-button {
    width: 100%;
    flex: 0 0 auto;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .website-search-section {
    padding: 45px 16px 60px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .website-search-label {
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .website-search-intro h1 {
    font-size: 27px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .website-search-intro p {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .website-search-input {
    height: 54px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .website-search-button {
    height: 54px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf7"]) .website-search-box {
    flex-direction: column;
    gap: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf7"]) .website-search-button {
    width: 100%;
    flex: 0 0 auto;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .website-search-input {
    height: 54px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .website-search-button {
    height: 54px;
  }
}

:where([data-css~="sf7"]) .website-search-categories {
  margin-top: 45px;
}

:where([data-css~="sf7"]) .website-search-category-heading {
  margin-bottom: 18px;
  text-align: center;
}

:where([data-css~="sf7"]) .website-search-category-heading span {
  color: rgb(255, 154, 69);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.8px;
}

:where([data-css~="sf7"]) .website-search-category-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  width: 100%;
}

:where([data-css~="sf7"]) .website-search-category {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 62px;
  padding: 0px 15px;
  box-sizing: border-box;
  border: 1px solid rgb(232, 114, 12);
  border-radius: 7px;
  background: rgb(255, 255, 255);
  color: rgb(15, 31, 51);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  transition:
    background 0.25s,
    border-color 0.25s,
    color 0.25s,
    transform 0.2s;
}

:where([data-css~="sf7"]) .website-search-category i {
  color: rgb(232, 114, 12);
  font-size: 18px;
}

:where([data-css~="sf7"]) .website-search-category:hover {
  background: rgb(255, 247, 240);
  border-color: rgb(232, 114, 12);
  color: rgb(15, 31, 51);
  transform: translateY(-2px);
}

:where([data-css~="sf7"]) .website-search-suggestions {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1000px;
  margin-top: 8px;
  display: none;
  border-radius: 7px;
  overflow: hidden;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(232, 114, 12);
  z-index: 50;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 25px;
}

:where([data-css~="sf7"]) .website-search-suggestion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 13px 18px;
  box-sizing: border-box;
  background: rgb(255, 255, 255);
  border-width: 0px 0px 1px;
  border-style: none none solid;
  border-color: currentcolor currentcolor rgb(229, 229, 229);
  border-image: none;
  color: rgb(15, 31, 51);
  text-decoration: none;
  text-align: left;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  cursor: pointer;
}

:where([data-css~="sf7"]) .website-search-suggestion-title {
  font-weight: 500;
  color: rgb(15, 31, 51);
}

:where([data-css~="sf7"]) .website-search-suggestion-category {
  display: none;
}

:where([data-css~="sf7"]) .website-search-suggestion:last-child {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

:where([data-css~="sf7"]) .website-search-suggestion:hover {
  background: rgb(255, 247, 240);
  color: rgb(232, 114, 12);
}

:where([data-css~="sf7"]) .website-search-suggestion.active {
  background-color: rgb(234, 242, 251);
  border-left: 3px solid rgb(232, 114, 12);
  padding-left: 9px;
}

:where([data-css~="sf7"]) .website-search-result.active {
  background-color: rgb(28, 51, 80);
  border-left: 3px solid rgb(232, 114, 12);
  padding-left: 9px;
}

@media (max-width: 768px) {
  :where([data-css~="sf7"]) .website-search-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .website-search-category-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .website-search-category {
    min-height: 58px;
    font-size: 15px;
  }
}

:where([data-css~="sf8"]) .cta-section {
  background: rgb(200, 124, 44);
  padding: 90px 0px;
  text-align: center;
}

:where([data-css~="sf8"]) .cta-section h2 {
  color: rgb(255, 255, 255);
  font-size: 54px;
  font-weight: 700;
  margin-bottom: 22px;
}

:where([data-css~="sf8"]) .cta-section p {
  color: rgb(255, 255, 255);
  font-size: 22px;
  line-height: 1.8;
  margin-bottom: 40px;
  opacity: 0.95;
}

:where([data-css~="sf8"]) .cta-btn {
  display: inline-block;
  background: rgb(21, 32, 43);
  color: rgb(255, 255, 255);
  padding: 18px 42px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s;
}

:where([data-css~="sf8"]) .cta-btn i {
  margin-right: 10px;
}

:where([data-css~="sf8"]) .cta-btn:hover {
  background: rgb(15, 23, 32);
  transform: translateY(-3px);
}

@media (max-width: 768px) {
  :where([data-css~="sf9"]) .cta-btn-group {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .cta-btn-primary,
  :where([data-css~="s75"]) .cta-btn-secondary {
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .cta-btn-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .cta-btn-primary,
  :where([data-css~="s11"]) .cta-btn-secondary {
    width: 100%;
    max-width: 360px;
    justify-content: center;
    padding: 14px 20px;
    font-size: 16px;
    min-height: 52px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .qa-section {
    margin-top: 25px;
    padding: 35px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .qa-card {
    padding: 24px 18px;
    border-radius: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .qa-card h2 {
    font-size: 23px;
    line-height: 1.3;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .qa-card p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .qa-card ul li {
    font-size: 14.5px;
    line-height: 1.6;
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .qa-card a {
    width: 100%;
    text-align: center;
    padding: 11px 14px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sfa"]) .cta-section {
    padding: 45px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .cta-section h2 {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .cta-btn-primary,
  :where([data-css~="s1i"]) .cta-btn-secondary {
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    padding: 14px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .cta-section {
    padding: 45px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .cta-section h2 {
    font-size: 29px;
    line-height: 1.25;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sfb"]) .cta-section p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 24px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .cta-btn-primary,
  :where([data-css~="sv"]) .cta-btn-secondary {
    width: 100%;
    justify-content: center;
    padding: 14px 20px;
    font-size: 15px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .cta-btn-group {
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .cta-btn {
    width: 100%;
    max-width: 360px;
    padding: 14px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sad"]) .qa-section {
    margin-top: 25px;
    padding: 40px 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .cta-btn-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .cta-btn-primary,
  :where([data-css~="s18"]) .cta-btn-secondary {
    width: 100%;
    justify-content: center;
    padding: 14px 20px;
    font-size: 16px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .qa-section {
    margin-top: 25px;
    padding: 35px 12px;
    background-size: 16px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sfc"]) .qa-card {
    padding: 24px 18px;
    border-radius: 9px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .cta-btn-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    max-width: 420px;
    margin: 0px auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .cta-btn-primary,
  :where([data-css~="s1j"]) .cta-btn-secondary {
    width: 100%;
    min-height: 52px;
    box-sizing: border-box;
    justify-content: center;
    padding: 13px 18px;
    font-size: 15px;
    border-radius: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .cta-btn-primary {
    border: 2px solid rgb(10, 37, 64);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .cta-btn-secondary {
    border: 2px solid rgb(10, 37, 64);
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .qa-section {
    margin-top: 20px;
    padding: 35px 12px;
    background-size: 16px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .qa-card {
    padding: 22px 17px;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .qa-card a {
    margin-top: 18px;
    padding: 11px 18px;
    font-size: 14px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .cta-section {
    padding: 60px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .cta-section h2 {
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .cta-section p {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 26px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .cta-btn-group {
    gap: 12px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .cta-btn-primary,
  :where([data-css~="sl"]) .cta-btn-secondary {
    box-sizing: border-box;
    width: 100%;
    justify-content: center;
    padding: 14px 20px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .qa-section {
    margin-top: 25px;
    padding: 45px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .qa-card {
    padding: 22px 19px;
    border-radius: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sfd"]) .qa-card h2 {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .qa-card p {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .qa-card ul li {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .qa-card a {
    width: 100%;
    margin-top: 14px;
    padding: 11px 14px;
    font-size: 13px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .cta-btn-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s9a"]) .cta-btn-primary,
  :where([data-css~="s9a"]) .cta-btn-secondary {
    width: 100%;
    max-width: 360px;
    box-sizing: border-box;
    justify-content: center;
    padding: 14px 22px;
    font-size: 16px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .qa-section {
    margin-top: 25px;
    padding: 45px 15px;
    background-size: 16px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .qa-card {
    padding: 28px 20px;
    border-radius: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .qa-card h2 {
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .qa-card p {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .qa-card ul li {
    font-size: 14px;
    line-height: 1.65;
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .qa-card a {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-top: 15px;
    padding: 12px 15px;
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sfe"]) .cta-section {
    padding: 50px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .cta-section h2 {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .cta-section p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sff"]) .cta-btn-group {
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .cta-btn-primary,
  :where([data-css~="s75"]) .cta-btn-secondary {
    width: 100%;
    padding: 14px 16px;
    font-size: 14px;
    border-radius: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .cta-btn-primary,
  :where([data-css~="su"]) .cta-btn-secondary {
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    padding: 14px 20px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .cta-btn-primary,
  :where([data-css~="sv"]) .cta-btn-secondary {
    width: 100%;
    padding: 13px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .cta-btn-primary i,
  :where([data-css~="sv"]) .cta-btn-secondary i {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .cta-btn-primary,
  :where([data-css~="s5"]) .cta-btn-secondary {
    padding: 12px 16px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .cta-btn-primary,
  :where([data-css~="sa"]) .cta-btn-secondary {
    width: 100%;
    justify-content: center;
    padding: 14px 20px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .qa-section {
    padding: 40px 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .cta-btn-primary,
  :where([data-css~="si"]) .cta-btn-secondary {
    width: 100%;
    justify-content: center;
    padding: 14px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .qa-section {
    padding: 40px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sfg"]) .qa-card {
    padding: 24px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .cta-btn-primary,
  :where([data-css~="sc5"]) .cta-btn-secondary {
    width: 100%;
    justify-content: center;
    padding: 15px 20px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .qa-section {
    padding: 40px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .qa-card {
    padding: 24px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sfh"]) .qa-card h2 {
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sfh"]) .qa-card p {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .qa-card ul li {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .qa-card a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding: 11px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .qa-card h2 {
    font-size: 22px;
    line-height: 1.35;
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .qa-card p {
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .qa-card ul li {
    font-size: 14.5px;
    line-height: 1.55;
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .qa-card a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 11px 14px;
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sbi"]) .cta-section {
    padding: 45px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .cta-section h2 {
    font-size: 27px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .cta-section p {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .cta-btn-primary,
  :where([data-css~="sa"]) .cta-btn-secondary {
    font-size: 15px;
    padding: 13px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .cta-btn-primary,
  :where([data-css~="s1i"]) .cta-btn-secondary {
    padding: 13px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s68"]) .qa-card h2 {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .cta-btn-primary,
  :where([data-css~="s26"]) .cta-btn-secondary {
    width: 100%;
    max-width: 340px;
    justify-content: center;
    padding: 13px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .qa-section {
    margin-top: 25px;
    padding: 38px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .qa-card {
    padding: 22px 17px;
    border-radius: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .qa-card h2 {
    font-size: 21px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sfi"]) .qa-card p {
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .qa-card ul li {
    font-size: 14px;
    line-height: 1.55;
    padding-left: 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .qa-card a {
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding: 11px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .qa-card p {
    font-size: 14px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .qa-card ul li {
    font-size: 14px;
    line-height: 1.55;
    margin-bottom: 11px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .qa-card a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 11px 14px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s68"]) .cta-section {
    padding: 45px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s68"]) .cta-section h2 {
    font-size: 27px;
    line-height: 1.25;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .cta-section p {
    font-size: 15px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .cta-btn-primary,
  :where([data-css~="si"]) .cta-btn-secondary {
    font-size: 14px;
    padding: 13px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .cta-section h2 {
    font-size: 26px;
    line-height: 1.35;
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8a"]) .cta-section p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .qa-card p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .qa-card ul li {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .qa-card a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 17px;
    padding: 11px 14px;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .cta-section {
    padding: 50px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .cta-section h2 {
    font-size: 29px;
    line-height: 1.2;
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .cta-section p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .cta-section h2 {
    font-size: 27px;
    line-height: 1.3;
    margin-bottom: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .cta-section p {
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sfj"]) .cta-btn-group {
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .cta-btn-primary,
  :where([data-css~="s18"]) .cta-btn-secondary {
    width: 100%;
    padding: 13px 16px;
    font-size: 15px;
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .cta-btn {
    max-width: 100%;
    padding: 13px 15px;
    font-size: 14px;
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .qa-card p {
    font-size: 13.5px;
    line-height: 1.65;
    margin-bottom: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .qa-card ul li {
    font-size: 13.5px;
    line-height: 1.55;
    margin-bottom: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .qa-card a {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 12px;
    margin-top: 12px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .cta-section {
    padding: 45px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .cta-section h2 {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .cta-section p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .cta-btn-group {
    gap: 10px;
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .cta-btn-primary,
  :where([data-css~="s1j"]) .cta-btn-secondary {
    min-height: 48px;
    padding: 11px 13px;
    font-size: 13px;
    gap: 8px;
    border-radius: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .cta-btn-primary i,
  :where([data-css~="s1j"]) .cta-btn-secondary i {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .cta-btn-primary,
  :where([data-css~="sl"]) .cta-btn-secondary {
    width: 100%;
    justify-content: center;
    padding: 13px 16px;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s9a"]) .cta-btn-primary,
  :where([data-css~="s9a"]) .cta-btn-secondary {
    width: 100%;
    max-width: none;
    justify-content: center;
    padding: 13px 16px;
    font-size: 15px;
    line-height: 1.4;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .qa-card ul li {
    font-size: 14px;
    line-height: 1.55;
    margin-bottom: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .qa-card a {
    width: 100%;
    text-align: center;
    padding: 11px 14px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .cta-section {
    padding: 45px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .cta-section h2 {
    font-size: 25px;
    line-height: 1.3;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .cta-section p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .cta-btn-primary,
  :where([data-css~="s26"]) .cta-btn-secondary {
    max-width: 100%;
    padding: 12px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .cta-section h2 {
    font-size: 28px;
    line-height: 1.3;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .cta-section p {
    font-size: 15.5px;
    line-height: 1.6;
    margin-bottom: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .cta-btn-primary,
  :where([data-css~="s11"]) .cta-btn-secondary {
    width: 100%;
    max-width: none;
    min-height: 50px;
    padding: 13px 16px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .qa-card ul li {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .qa-card a {
    display: block;
    text-align: center;
    font-size: 13px;
    padding: 11px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .cta-section {
    padding: 50px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .cta-section h2 {
    font-size: 29px;
    line-height: 1.25;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .cta-section p {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .cta-btn-primary,
  :where([data-css~="sc5"]) .cta-btn-secondary {
    font-size: 15px;
    padding: 14px 16px;
  }
}

:where([data-css~="sfk"]) .footer {
  background: rgb(23, 35, 47);
  padding: 80px 0px 25px;
  color: rgb(255, 255, 255);
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .cta-btn-group {
    gap: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .cta-btn-primary,
  :where([data-css~="s1v"]) .cta-btn-secondary {
    padding: 14px 18px;
    font-size: 14px;
    border-radius: 7px;
  }
}

:where([data-css~="sfl"]) .footer {
  background: rgb(23, 35, 47);
  padding: 55px 0px 25px;
  color: rgb(255, 255, 255);
}

:where([data-css~="sfm"]) .footer-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 45px;
}

:where([data-css~="sfm"]) .footer-column h4 {
  color: rgb(239, 127, 26);
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 25px;
}

:where([data-css~="sfm"]) .footer-column ul li {
  margin-bottom: 14px;
}

:where([data-css~="sfm"]) .footer-column ul li a {
  color: rgb(207, 207, 207);
  font-size: 15px;
  transition: 0.3s;
}

:where([data-css~="sfm"]) .footer-column ul li a:hover {
  color: rgb(239, 127, 26);
}

:where([data-css~="sfm"]) .footer-contact p {
  display: flex;
  gap: 12px;
  margin-bottom: 18px;
  color: rgb(217, 217, 217);
  line-height: 1.7;
}

:where([data-css~="sfn"]) .footer-contact i {
  color: rgb(239, 127, 26);
  margin-top: 4px;
  flex-shrink: 0;
}

:where([data-css~="sfo"]) .footer-contact a {
  color: rgb(217, 217, 217);
  transition: 0.3s;
}

:where([data-css~="sfo"]) .footer-contact a:hover {
  color: rgb(239, 127, 26);
}

:where([data-css~="sfp"]) .footer-meta-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 0px;
}

:where([data-css~="sfq"]) .footer-hours {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgb(217, 217, 217);
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
}

:where([data-css~="sfr"]) .footer-hours {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgb(217, 217, 217);
  font-size: 16px;
  line-height: 1.5;
  white-space: nowrap;
}

:where([data-css~="sfp"]) .footer-hours i {
  color: rgb(239, 127, 26);
  margin-top: 3px;
}

:where([data-css~="sfp"]) .footer-social {
  display: flex;
  gap: 10px;
  margin: 0px;
  flex-wrap: wrap;
}

:where([data-css~="sfq"]) .footer-social a {
  width: 38px;
  height: 38px;
  border: 2px solid rgb(239, 127, 26);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  color: rgb(239, 127, 26);
  font-size: 14px;
  transition: 0.35s;
}

:where([data-css~="sfq"]) #liveDateTime {
  font-size: 15px;
  margin-top: 0px;
  color: rgb(255, 255, 255);
  white-space: nowrap;
}

:where([data-css~="sfr"]) .footer-social a {
  width: 38px;
  height: 38px;
  border: 2px solid rgb(239, 127, 26);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  color: rgb(239, 127, 26);
  font-size: 16px;
  transition: 0.35s;
}

:where([data-css~="sfr"]) #liveDateTime {
  font-size: 16px;
  margin-top: 0px;
  color: rgb(255, 255, 255);
  white-space: nowrap;
}

:where([data-css~="sfp"]) .footer-bottom {
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

:where([data-css~="sfs"]) .footer-contact i {
  color: rgb(239, 127, 26);
  margin-top: 4px;
}

:where([data-css~="sft"]) .footer-contact a {
  color: rgb(217, 217, 217);
}

:where([data-css~="sfs"]) .footer-social {
  display: flex;
  gap: 14px;
  margin: 25px 0px;
}

:where([data-css~="sfu"]) .footer-social {
  display: flex;
  gap: 14px;
  margin: 25px 0px;
  flex-wrap: wrap;
}

:where([data-css~="sfk"]) .footer-social a {
  width: 50px;
  height: 50px;
  border: 2px solid rgb(239, 127, 26);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: rgb(239, 127, 26);
  transition: 0.35s;
}

:where([data-css~="sfk"]) .footer-social a:hover {
  background: rgb(239, 127, 26);
  color: rgb(255, 255, 255);
  transform: translateY(-4px);
}

:where([data-css~="sfk"]) #liveDateTime {
  font-size: 17px;
  margin-top: 18px;
  color: rgb(255, 255, 255);
  line-height: 1.4;
}

:where([data-css~="sfv"]) .footer-bottom {
  margin-top: 60px;
  padding-top: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

:where([data-css~="s75"]) .footer-bottom {
  margin-top: 60px;
  padding-top: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

:where([data-css~="sfm"]) .footer-bottom p {
  color: rgb(207, 207, 207);
}

:where([data-css~="sfw"]) .footer-bottom div {
  display: flex;
  gap: 25px;
}

:where([data-css~="sfo"]) .footer-bottom a {
  color: rgb(207, 207, 207);
  transition: 0.3s;
}

:where([data-css~="s75"]) .footer-bottom div {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}

:where([data-css~="sft"]) .footer-bottom a {
  color: rgb(207, 207, 207);
}

:where([data-css~="sfm"]) .footer-bottom a:hover {
  color: rgb(239, 127, 26);
}

:where([data-css~="sfx"]) .cta-section,
:where([data-css~="sfx"]) .footer {
  box-sizing: border-box;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

:where([data-css~="sfx"]) .cta-section > .container {
  width: 92% !important;
  max-width: 1380px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

:where([data-css~="sfx"]) .footer > .container {
  width: 92% !important;
  max-width: 1380px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

:where([data-css~="sfy"]) .whatsapp-float {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: rgb(37, 211, 102);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: rgba(37, 211, 102, 0.35) 0px 12px 30px;
  z-index: 9999;
  transition: 0.35s;
}

:where([data-css~="sfy"]) .whatsapp-float i {
  color: rgb(255, 255, 255);
  font-size: 34px;
}

:where([data-css~="sfy"]) .whatsapp-float:hover {
  transform: translateY(-6px) scale(1.08);
  box-shadow: rgba(37, 211, 102, 0.45) 0px 18px 38px;
}

@media (max-width: 768px) {
  :where([data-css~="sf7"]) .cta-section {
    padding: 60px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf7"]) .cta-section h2 {
    font-size: 34px;
    line-height: 1.25;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf7"]) .cta-section p {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf7"]) .cta-btn-group {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sf7"]) .cta-btn {
    width: 100%;
    max-width: 360px;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
    padding: 14px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .cta-section {
    padding: 50px 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .cta-section h2 {
    font-size: 29px;
    line-height: 1.25;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .cta-section p {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sf7"]) .cta-btn {
    max-width: 100%;
    padding: 13px 18px;
    font-size: 14px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sfz"]) .footer {
    padding: 65px 20px 25px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sfz"]) .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 45px 30px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sfz"]) .footer-contact {
    grid-column: 1 / -1;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sfz"]) .footer {
    padding: 55px 18px 22px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sfz"]) .footer-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sfz"]) .footer-column h4 {
    font-size: 13px;
    letter-spacing: 1.8px;
    margin-bottom: 20px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sfz"]) .footer-column ul li {
    margin-bottom: 11px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sfz"]) .footer-column ul li a {
    font-size: 14px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s6f"]) .footer-meta-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    margin-top: 25px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s6f"]) .footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s6f"]) .footer-social a {
    width: 42px;
    height: 42px;
    border-width: 2px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="s6f"]) #liveDateTime {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 0px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sfz"]) .footer-contact {
    grid-column: auto;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sfz"]) .footer-contact p {
    font-size: 14px;
    line-height: 1.6;
    gap: 10px;
    margin-bottom: 16px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sfz"]) .footer-contact i {
    flex-shrink: 0;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sg0"]) .footer-social {
    gap: 10px;
    margin: 22px 0px;
    flex-wrap: wrap;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sg0"]) .footer-social a {
    width: 44px;
    height: 44px;
    border-width: 1.5px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sg0"]) #liveDateTime {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 15px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sfz"]) .footer-bottom {
    margin-top: 40px;
    padding-top: 22px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sfz"]) .footer-bottom p {
    font-size: 13px;
    line-height: 1.6;
    margin: 0px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sfz"]) .footer-bottom div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sfz"]) .footer-bottom a {
    font-size: 13px;
  }
}

:where([data-css~="s6f"]) .material-card {
  display: block !important;
}

:where([data-css~="s6f"]) .material-content {
  display: block !important;
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2 !important;
  padding: 24px !important;
}

:where([data-css~="s6f"]) .material-content h3 {
  display: block !important;
  color: rgb(15, 41, 66) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 16px !important;
}

:where([data-css~="s6f"]) .material-content span {
  align-items: center;
  display: inline-flex !important;
  color: rgb(239, 127, 26) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

:where([data-css~="s6f"]) .material-content i {
  color: rgb(239, 127, 26) !important;
}

:where([data-css~="sg1"]) .whatsapp-float {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: rgb(37, 211, 102);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: rgba(37, 211, 102, 0.35) 0px 12px 30px;
  z-index: 9999;
  transition: 0.35s;
}

:where([data-css~="sg1"]) .whatsapp-float i {
  color: rgb(255, 255, 255);
  font-size: 34px;
}

:where([data-css~="sg1"]) .whatsapp-float:hover {
  transform: translateY(-6px) scale(1.08);
  box-shadow: rgba(37, 211, 102, 0.45) 0px 18px 38px;
}

@media (max-width: 991px) {
  :where([data-css~="s1k"]) .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 45px 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg2"]) .cta-section {
    padding: 60px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg3"]) .cta-section h2 {
    font-size: 34px;
    line-height: 1.25;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg3"]) .cta-section p {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg3"]) .cta-btn-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg3"]) .cta-btn {
    width: 100%;
    max-width: 340px;
    padding: 14px 20px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .cta-section {
    padding: 55px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .cta-section h2 {
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .cta-section p {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .cta-btn-group {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    max-width: 420px;
    margin: 0px auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .cta-btn {
    width: 100%;
    padding: 14px 20px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg4"]) .footer {
    padding: 60px 20px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .top-bar {
    height: auto;
    padding: 8px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .top-bar-container {
    height: auto;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .top-left,
  :where([data-css~="s6f"]) .top-right {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .top-left a,
  :where([data-css~="s6f"]) .top-right a {
    font-size: 11px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .top-right i {
    margin-right: 4px;
  }
}

:where([data-css~="s6f"]) .menu-toggle {
  display: none;
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .logo {
    flex: 0 0 auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .logo img {
    width: 145px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .navbar {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .header-right {
    display: none;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: auto;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 6px;
    background: rgb(255, 255, 255);
    color: rgb(17, 17, 17);
    font-size: 20px;
    cursor: pointer;
    transition: 0.25s;
  }
}

@media (max-width: 768px) {
  @media (hover: hover) and (pointer: fine) {
    :where([data-css~="s6f"]) .menu-toggle:hover {
      border-color: rgb(255, 107, 0);
      color: rgb(255, 107, 0);
    }
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero {
    padding: 60px 0px 50px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero-container {
    flex-direction: column;
    gap: 45px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero-content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero-top-text {
    justify-content: center;
    font-size: 12px;
    letter-spacing: 1.5px;
    margin-bottom: 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero-top-text i {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero-content h1 {
    font-size: 42px;
    line-height: 1.15;
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero-content p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0px auto 35px;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero-buttons {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero-buttons .quote-btn,
  :where([data-css~="s6f"]) .hero-buttons .catalogue-btn {
    width: 100%;
    max-width: 320px;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero-image {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .hero-image img {
    width: 100%;
    max-width: 420px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .trust-bar {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .trust-box {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .trust-box:nth-child(2) {
    border-right-width: medium;
    border-right-style: none;
    border-right-color: currentcolor;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .trust-box:nth-child(3) {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .trust-box:nth-child(4) {
    border-right-width: medium;
    border-right-style: none;
    border-right-color: currentcolor;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .trust-box a {
    padding: 28px 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .trust-box i {
    font-size: 32px;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .trust-box h4 {
    font-size: 18px;
    margin-bottom: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .trust-box p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .flange-range {
    padding: 60px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .flange-range .container {
    width: 92%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .flange-range h2 {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .section-number {
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .section-description {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .standard-links {
    gap: 10px;
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .standard-links a {
    padding: 10px 16px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .flange-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .flange-card img {
    height: 260px;
    padding: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .card-content {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .card-content h3 {
    font-size: 21px;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .materials-section {
    padding: 70px 0px;
    background-position: center center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .materials-section .container {
    width: 92%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .materials-section h2 {
    font-size: 38px;
    line-height: 1.2;
    max-width: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .materials-section p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .materials-grid {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-top: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .material-card {
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .material-card img {
    height: 240px;
    object-fit: cover;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .material-content {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .material-content h3 {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .material-content span {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industries-section {
    padding: 60px 0px 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industries-section .container {
    width: 92%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industries-section h2 {
    font-size: 38px;
    line-height: 1.2;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industries-section .section-description {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industries-grid {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industry-box {
    gap: 14px;
    padding: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industry-box i {
    font-size: 24px;
    width: 34px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .industry-box span {
    font-size: 16px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .export-section {
    padding: 60px 0px 70px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .export-container {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .export-map {
    order: 1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .export-content {
    order: 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .export-map img {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .export-content h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 16px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .export-content .section-description {
    font-size: 16px;
    line-height: 1.7;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .export-regions {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .export-regions div {
    gap: 12px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .export-regions i {
    font-size: 23px;
    width: 28px;
    text-align: center;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .export-counter {
    margin-top: 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .export-counter h3 {
    font-size: 46px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .export-counter p {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .why-section {
    padding: 65px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .why-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .why-left h2 {
    font-size: 36px;
    line-height: 1.2;
    margin: 16px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .why-left .section-description {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .why-btn {
    margin-top: 28px;
    padding: 14px 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .why-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .why-card {
    padding: 24px;
    min-height: auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .why-card i {
    font-size: 32px;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .why-card h3 {
    font-size: 19px;
    line-height: 1.35;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s6f"]) .why-card p {
    font-size: 15px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg5"]) .cta-section {
    padding: 65px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg5"]) .cta-section h2 {
    font-size: 34px;
    line-height: 1.25;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg5"]) .cta-section p {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg5"]) .cta-btn {
    padding: 15px 28px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .cta-section h2 {
    font-size: 34px;
    line-height: 1.25;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .cta-section p {
    font-size: 18px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .cta-btn-group {
    flex-direction: column;
    align-items: stretch;
    max-width: 420px;
    margin: 0px auto;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .cta-btn {
    width: 100%;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg6"]) .footer {
    padding: 60px 0px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1d"]) .footer {
    padding: 60px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg7"]) .footer-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg8"]) .footer-column h4 {
    font-size: 14px;
    margin-bottom: 18px;
    letter-spacing: 2px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg9"]) .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 45px 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sga"]) .footer-column h4 {
    font-size: 13px;
    letter-spacing: 1.8px;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .footer {
    padding: 60px 20px 22px;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .footer-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 40px 30px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .footer-column {
    min-width: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .footer-column h4 {
    font-size: 13px;
    letter-spacing: 1.7px;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg5"]) .footer-column h4 {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgb"]) .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgc"]) .footer-column h4 {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgd"]) .footer-column ul li {
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .footer {
    padding: 55px 20px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .footer-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .footer-column h4 {
    font-size: 14px;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .footer {
    padding: 50px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 35px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="se4"]) .footer-column h4 {
    font-size: 13px;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sep"]) .footer-column h4 {
    font-size: 13px;
    letter-spacing: 1.8px;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8g"]) .footer {
    padding: 60px 0px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sge"]) .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgf"]) .footer-column h4 {
    font-size: 13px;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .footer {
    padding: 55px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .footer-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .footer-column {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .footer-column h4 {
    font-size: 13px;
    letter-spacing: 1.8px;
    margin-bottom: 17px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .footer-column ul {
    margin: 0px;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .footer-column h4 {
    font-size: 13px;
    letter-spacing: 1.7px;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .footer-column h4 {
    font-size: 13px;
    letter-spacing: 1.5px;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgg"]) .footer-column ul li {
    margin-bottom: 11px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgh"]) .footer-column ul li a {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgi"]) .footer-contact p {
    gap: 10px;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgi"]) .footer-contact i {
    margin-top: 4px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgj"]) .footer-meta-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    margin-top: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgj"]) .footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgj"]) .footer-social a {
    width: 42px;
    height: 42px;
    border-width: 2px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgj"]) #liveDateTime {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgk"]) .footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 22px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgk"]) .footer-social a {
    width: 46px;
    height: 46px;
    border-width: 2px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgk"]) #liveDateTime {
    font-size: 15px;
    line-height: 1.5;
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgi"]) .footer-bottom {
    margin-top: 45px;
    padding-top: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgi"]) .footer-bottom p {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgi"]) .footer-bottom div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg5"]) .footer-contact p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg5"]) .footer-social {
    flex-wrap: wrap;
    gap: 10px;
    margin: 25px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg5"]) .footer-social a {
    width: 44px;
    height: 44px;
    border-width: 1px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg5"]) #liveDateTime {
    font-size: 15px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg5"]) .footer-bottom {
    margin-top: 45px;
    padding-top: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg5"]) .footer-bottom p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sg5"]) .footer-bottom div {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgl"]) .footer-bottom a {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .footer-column h4 {
    font-size: 13px;
    margin-bottom: 20px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgm"]) .footer-column ul li {
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgn"]) .footer-column ul li a {
    font-size: 14px;
    line-height: 1.5;
  }
}

:where([data-css~="sgo"]) .a6h-content .flange-breadcrumb {
  display: block;
  width: 100%;
  margin: 0px 0px 18px;
  padding: 0px;
}

:where([data-css~="sgo"]) .a6h-content .flange-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

:where([data-css~="sgo"]) .a6h-content .flange-breadcrumb li {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 20px;
  line-height: 1.5;
}

:where([data-css~="sgo"]) .a6h-content .flange-breadcrumb a {
  color: rgb(203, 213, 225);
  text-decoration: none;
  transition: color 0.2s;
}

:where([data-css~="sgo"]) .a6h-content .flange-breadcrumb a:hover {
  color: rgb(255, 121, 0);
}

:where([data-css~="sgo"])
  .a6h-content
  .flange-breadcrumb
  .breadcrumb-separator {
  color: rgb(137, 152, 168);
}

:where([data-css~="sgo"]) .a6h-content .flange-breadcrumb .breadcrumb-current {
  color: rgb(255, 255, 255);
  font-weight: 600;
}

@media (max-width: 600px) {
  :where([data-css~="sgo"]) .a6h-content .flange-breadcrumb {
    margin-bottom: 14px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sgo"]) .a6h-content .flange-breadcrumb li {
    font-size: 11px;
    gap: 6px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sgo"]) .a6h-content .flange-breadcrumb ol {
    gap: 6px;
  }
}

:where([data-css~="sgo"]) .a6h-hero {
  display: grid;
  grid-template-columns: minmax(0px, 0.95fr) minmax(0px, 1.05fr);
  align-items: center;
  gap: 32px;
  width: 100%;
  min-height: 420px;
  padding: 40px clamp(24px, 4vw, 60px);
  background: rgb(23, 38, 51);
  color: rgb(255, 255, 255);
  box-sizing: border-box;
}

:where([data-css~="sgo"]) .a6h-hero,
:where([data-css~="sgo"]) .a6h-hero * {
  box-sizing: border-box;
}

:where([data-css~="sgo"]) .a6h-content {
  min-width: 0px;
  width: 100%;
}

:where([data-css~="sgo"]) .a6h-content h1 {
  font-size: clamp(32px, 3vw, 48px);
  line-height: 1.12;
}

:where([data-css~="sgo"]) .a6h-description {
  max-width: 540px;
  font-size: 14px;
  line-height: 1.8;
}

:where([data-css~="sgo"]) .a6h-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0px;
  transform: translateX(-25px);
}

:where([data-css~="sgo"]) .a6h-visual__image {
  display: block;
  width: 100%;
  max-width: 760px;
  height: auto;
  object-fit: contain;
  object-position: center center;
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-hero {
    grid-template-columns: minmax(0px, 1fr);
    gap: 24px;
    padding: 28px 20px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-visual {
    min-height: 0px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-visual img {
    max-height: 300px;
  }
}

:where([data-css~="sgo"]) .a6h-hero {
  display: grid;
  grid-template-columns: minmax(0px, 0.95fr) minmax(0px, 1.05fr);
  align-items: center;
  gap: 28px;
  width: 100%;
  min-height: 420px;
  padding: 35px clamp(22px, 3.5vw, 50px);
  overflow: hidden;
  border-radius: 5px;
  background: rgb(23, 38, 51);
  color: rgb(255, 255, 255);
  font-family: Poppins, Arial, sans-serif;
  box-sizing: border-box;
}

:where([data-css~="sgo"]) .a6h-hero,
:where([data-css~="sgo"]) .a6h-hero * {
  box-sizing: border-box;
}

:where([data-css~="sgo"]) .a6h-content {
  min-width: 0px;
  width: 100%;
}

:where([data-css~="sgo"]) .a6h-eyebrow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 22px;
  color: rgb(255, 121, 0);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1.7;
}

:where([data-css~="sgo"]) .a6h-star {
  font-size: 16px;
}

:where([data-css~="sgo"]) .a6h-content h1 {
  margin: 0px 0px 20px;
  color: rgb(255, 255, 255);
  font-size: clamp(32px, 3.2vw, 48px);
  font-weight: 750;
  line-height: 1.08;
  letter-spacing: -1.2px;
}

:where([data-css~="sgo"]) .a6h-content h1 span {
  display: block;
  margin-top: 5px;
}

:where([data-css~="sgo"]) .a6h-content h1 strong {
  color: rgb(255, 121, 0);
  font-weight: 750;
}

:where([data-css~="sgo"]) .a6h-description {
  max-width: 540px;
  margin: 0px 0px 26px;
  color: rgb(211, 222, 231);
  font-size: 13.5px;
  line-height: 1.8;
}

:where([data-css~="sgo"]) .a6h-stats {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0px;
  margin-bottom: 30px;
}

:where([data-css~="sgo"]) .a6h-stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  min-width: 0px;
  padding: 0px 17px;
  border-left: 1px solid rgb(83, 99, 113);
}

:where([data-css~="sgo"]) .a6h-stat:first-child {
  padding-left: 0px;
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
}

:where([data-css~="sgo"]) .a6h-stat strong {
  color: rgb(255, 121, 0);
  font-size: clamp(16px, 1.65vw, 23px);
  font-weight: 750;
  line-height: 1.25;
  white-space: nowrap;
}

:where([data-css~="sgo"]) .a6h-stat span {
  color: rgb(211, 222, 231);
  font-size: 10px;
  line-height: 1.5;
}

:where([data-css~="sgo"]) .a6h-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

:where([data-css~="sgo"]) .a6h-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  padding: 12px 18px;
  border: 1px solid transparent;
  border-radius: 5px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s;
}

:where([data-css~="sgo"]) .a6h-btn--primary {
  background: rgb(255, 121, 0);
  border-color: rgb(255, 121, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="sgo"]) .a6h-btn--primary:hover {
  background: rgb(233, 109, 0);
  border-color: rgb(233, 109, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="sgo"]) .a6h-btn--primary span {
  font-size: 20px;
  line-height: 1;
}

:where([data-css~="sgo"]) .a6h-btn--outline {
  background: transparent;
  border-color: rgb(130, 149, 165);
  color: rgb(255, 255, 255);
}

:where([data-css~="sgo"]) .a6h-btn--outline:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

:where([data-css~="sgo"]) .a6h-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0px;
  min-height: 300px;
}

:where([data-css~="sgo"]) .a6h-visual img {
  display: block;
  width: 100%;
  max-width: 760px;
  max-height: 380px;
  height: auto;
  object-fit: contain;
  object-position: center center;
}

@media (max-width: 1000px) {
  :where([data-css~="sgo"]) .a6h-hero {
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
    gap: 20px;
    padding: 30px 24px;
  }
}

@media (max-width: 1000px) {
  :where([data-css~="sgo"]) .a6h-content h1 {
    font-size: clamp(29px, 3.5vw, 38px);
    letter-spacing: -0.6px;
  }
}

@media (max-width: 1000px) {
  :where([data-css~="sgo"]) .a6h-description {
    font-size: 12.5px;
  }
}

@media (max-width: 1000px) {
  :where([data-css~="sgo"]) .a6h-stat {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 1000px) {
  :where([data-css~="sgo"]) .a6h-stat strong {
    font-size: 15px;
  }
}

@media (max-width: 1000px) {
  :where([data-css~="sgo"]) .a6h-stat span {
    font-size: 9px;
  }
}

@media (max-width: 1000px) {
  :where([data-css~="sgo"]) .a6h-visual {
    min-height: 250px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-hero {
    grid-template-columns: minmax(0px, 1fr);
    gap: 24px;
    padding: 28px 20px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-eyebrow {
    margin-bottom: 18px;
    font-size: 9px;
    letter-spacing: 0.6px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-content h1 {
    font-size: clamp(31px, 8vw, 42px);
    line-height: 1.12;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-description {
    font-size: 13px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 16px;
    margin-bottom: 26px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-stat,
  :where([data-css~="sgo"]) .a6h-stat:first-child {
    padding-left: 12px;
    border-left: 2px solid rgb(255, 121, 0);
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-stat strong {
    font-size: 17px;
    white-space: normal;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-stat span {
    font-size: 10px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-btn {
    width: 100%;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-visual {
    min-height: 0px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6h-visual img {
    max-width: 100%;
    max-height: 300px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="sgo"]) .a6h-btn {
    transition: none;
  }
}

:where([data-css~="sgo"]) .api6a-page {
  --a6-bg: #eef2f6;
  --a6-grid: rgba(30, 60, 90, 0.07);
  --a6-text: #1c2833;
  --a6-muted: #5d6d7c;
  --a6-line: #c3ced8;
  --a6-orange: #f26b21;
  --a6-orange-soft: #fff1e8;
  --a6-orange-dark: #a8430a;
  --a6-steel: #4a6a85;
  --a6-steel-hover: #5a7d9b;
  --a6-steel-dark: #34506a;
  --a6-x: #e8672a;
  --a6-x-hover: #f07a3d;
  font-family: Poppins, sans-serif;
  color: var(--a6-text);
  line-height: 1.5;
  background-color: var(--a6-bg);
  background-image:
    linear-gradient(var(--a6-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--a6-grid) 1px, transparent 1px);
  background-size: 28px 28px;
  padding: 24px 0px 60px;
}

:where([data-css~="sgo"]) .api6a-container {
  max-width: 1000px;
  margin: 0px auto;
  padding: 0px 20px;
}

@media (max-width: 768px) {
  :where([data-css~="sgo"]) .api6a-page {
    padding: 16px 0px 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgo"]) .api6a-container {
    max-width: 100%;
    padding: 0px 16px;
  }
}

:where([data-css~="sgo"]) .a6r-section {
  margin-top: 26px;
}

:where([data-css~="sgo"]) .a6r-header {
  text-align: center;
  max-width: 560px;
  margin: 0px auto 24px;
}

:where([data-css~="sgo"]) .a6r-header h2 {
  margin: 0px 0px 6px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--a6-text);
}

:where([data-css~="sgo"]) .a6r-header p {
  margin: 0px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--a6-muted);
}

:where([data-css~="sgo"]) .a6r-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

:where([data-css~="sgo"]) .a6r-row {
  display: flex;
  align-items: center;
  gap: 22px;
  box-sizing: border-box;
  padding: 16px 24px 16px 16px;
  text-decoration: none;
  background: rgb(255, 255, 255);
  border-left: 4px solid var(--r-a);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px;
  transition:
    transform 0.15s,
    box-shadow 0.15s;
}

:where([data-css~="sgo"]) .a6r-row:hover,
:where([data-css~="sgo"]) .a6r-row:focus-within {
  transform: translateY(-3px);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 20px;
}

:where([data-css~="sgo"]) .a6r-row--6b {
  --r-a: var(--a6-steel);
  --r-d: var(--a6-steel-dark);
  --r-t: #e6edf3;
}

:where([data-css~="sgo"]) .a6r-row--6bx {
  --r-a: var(--a6-x);
  --r-d: var(--a6-orange-dark);
  --r-t: var(--a6-orange-soft);
}

:where([data-css~="sgo"]) .a6r-icon {
  position: relative;
  overflow: hidden;
  flex: 0 0 160px;
  width: 160px;
  height: 118px;
  border-radius: 10px;
  background: var(--r-t);
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-css~="sgo"]) .a6r-icon::before {
  content: attr(data-n);
  position: absolute;
  top: 2px;
  left: 10px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
  color: var(--r-a);
  opacity: 0.15;
}

:where([data-css~="sgo"]) .a6r-icon svg {
  position: relative;
  width: 146px;
  height: auto;
}

:where([data-css~="sgo"]) .a6r-a {
  fill: var(--r-a);
}

:where([data-css~="sgo"]) .a6r-d {
  fill: var(--r-d);
}

:where([data-css~="sgo"]) .a6r-t {
  fill: var(--r-t);
}

:where([data-css~="sgo"]) .a6r-w {
  fill: rgb(255, 255, 255);
}

:where([data-css~="sgo"]) .a6r-base {
  stroke: var(--r-a);
  stroke-width: 1.5;
}

:where([data-css~="sgo"]) .a6r-text {
  fill: var(--r-d);
  font-family: Poppins, sans-serif;
}

:where([data-css~="sgo"]) .a6r-pulse {
  fill: none;
  stroke: rgb(255, 255, 255);
  stroke-width: 2.5;
  animation: 2.4s ease-in-out 0s infinite normal none running a6r-pulse;
}

:where([data-css~="sgo"]) .a6r-spin {
  animation: 16s linear 0s infinite normal none running a6r-spin;
}

:where([data-css~="sgo"]) .a6r-bar {
  fill: var(--r-a);
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: 2.4s ease-in-out 0s infinite normal none running a6r-grow;
}

:where([data-css~="sgo"]) .a6r-row:hover .a6r-spin {
  animation-duration: 4s;
}

:where([data-css~="sgo"]) .a6r-body {
  flex: 1 1 0%;
  min-width: 0px;
}

:where([data-css~="sgo"]) .a6r-title-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 6px;
}

:where([data-css~="sgo"]) .a6r-title {
  margin: 0px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--a6-text);
}

:where([data-css~="sgo"]) .a6r-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
}

:where([data-css~="sgo"]) .a6r-title a:hover,
:where([data-css~="sgo"]) .a6r-title a:focus-visible {
  color: var(--r-d);
  text-decoration: underline;
}

:where([data-css~="sgo"]) .a6r-title a:focus-visible {
  outline: 2px solid var(--r-a);
  outline-offset: 3px;
  border-radius: 2px;
}

:where([data-css~="sgo"]) .a6r-badge {
  padding: 3px 9px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--r-d);
  background: var(--r-t);
  border-radius: 20px;
}

:where([data-css~="sgo"]) .a6r-desc {
  margin: 0px 0px 4px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--a6-muted);
}

:where([data-css~="sgo"]) .a6r-sub {
  margin: 0px;
  font-size: 12px;
  color: rgb(125, 138, 156);
}

:where([data-css~="sgo"]) .a6r-tag {
  padding: 4px 11px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--a6-text);
  text-decoration: none;
  background: rgb(255, 255, 255);
  border: 1px solid var(--a6-line);
  border-radius: 4px;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s;
}

:where([data-css~="sgo"]) .a6r-tag:hover,
:where([data-css~="sgo"]) .a6r-tag:focus-visible {
  color: rgb(255, 255, 255);
  background: var(--r-a);
  border-color: var(--r-a);
}

:where([data-css~="sgo"]) .a6r-tag:focus-visible {
  outline: 2px solid var(--r-d);
  outline-offset: 3px;
}

:where([data-css~="sgo"]) .a6r-cta {
  flex: 0 0 auto;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  color: var(--a6-orange-dark);
  background: rgb(255, 255, 255);
  border: 1px solid var(--a6-x);
  border-radius: 4px;
  transition:
    background-color 0.2s,
    color 0.2s;
}

:where([data-css~="sgo"]) .a6r-cta:hover,
:where([data-css~="sgo"]) .a6r-cta:focus-visible {
  background: var(--a6-x);
  color: rgb(255, 255, 255);
}

:where([data-css~="sgo"]) .a6r-cta:focus-visible {
  outline: 2px solid var(--a6-text);
  outline-offset: 3px;
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6r-header h2 {
    font-size: 20px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6r-row {
    flex-wrap: wrap;
    padding: 14px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6r-icon {
    flex: 0 0 100%;
    width: 100%;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6r-body {
    flex: 1 1 100%;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgo"]) .a6r-cta {
    flex: 1 1 100%;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="sgo"]) .a6r-spin,
  :where([data-css~="sgo"]) .a6r-bar,
  :where([data-css~="sgo"]) .a6r-pulse {
    animation: auto ease 0s 1 normal none running none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="sgo"]) .a6r-row {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="sgo"]) .a6r-row:hover,
  :where([data-css~="sgo"]) .a6r-row:focus-within {
    transform: none;
  }
}

:where([data-css~="sgo"]) .a6r-list .a6r-icon {
  background: rgb(14, 42, 74);
}

:where([data-css~="sgo"]) .a6r-list .a6r-icon::before {
  content: none;
}

:where([data-css~="sgo"]) .a6r-list .a6r-icon img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  object-fit: contain;
  color: rgb(255, 255, 255);
  font-size: 11px;
}

:where([data-css~="sgo"]) .a6r-list .a6r-row {
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

:where([data-css~="sgo"]) .a6r-list .a6r-title a {
  position: static;
}

:where([data-css~="sgo"]) .a6r-list .a6r-title a::after {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: 1;
  border-radius: inherit;
  cursor: pointer;
}

:where([data-css~="sgo"]) .a6r-list .a6r-tags {
  position: relative;
  z-index: 3;
}

:where([data-css~="sgo"]) .a6r-list .a6r-tag {
  position: relative;
  z-index: 4;
}

:where([data-css~="sgo"]) .a6r-list .a6r-cta {
  position: relative;
  z-index: 4;
}

:where([data-css~="sgo"]) .a6r-list .a6r-row:hover {
  transform: translateY(-3px);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px;
}

:where([data-css~="sgo"]) .a6r-list .a6r-title a:focus-visible::after {
  outline: 2px solid var(--r-a);
  outline-offset: 3px;
}

:where([data-css~="sgo"]) .a6r-list .a6r-tag:hover,
:where([data-css~="sgo"]) .a6r-list .a6r-tag:focus-visible {
  color: rgb(255, 255, 255);
  background: var(--r-a);
  border-color: var(--r-a);
}

:where([data-css~="sgo"]) .a6r-list .a6r-row,
:where([data-css~="sgo"]) .a6r-list .a6r-tag,
:where([data-css~="sgo"]) .a6r-list .a6r-cta {
  transition:
    transform 0.2s,
    box-shadow 0.2s,
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s;
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="sgo"]) .a6r-list .a6r-row,
  :where([data-css~="sgo"]) .a6r-list .a6r-tag,
  :where([data-css~="sgo"]) .a6r-list .a6r-cta {
    transition: none;
  }
}

/* PAGE SECTION: /dimensions/api-6a/type-6b/index.html | scopes: sgp */
:where([data-css~="sgp"]) .api6b-hero__content .flange-breadcrumb {
  display: block;
  width: 100%;
  margin: 0px 0px 18px;
}

:where([data-css~="sgp"]) .api6b-hero__content .flange-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

:where([data-css~="sgp"]) .api6b-hero__content .flange-breadcrumb li {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 20px;
  line-height: 1.5;
}

:where([data-css~="sgp"]) .api6b-hero__content .flange-breadcrumb a {
  color: rgb(203, 213, 225);
  text-decoration: none;
  transition: color 0.2s;
}

:where([data-css~="sgp"]) .api6b-hero__content .flange-breadcrumb a:hover {
  color: rgb(255, 121, 0);
}

:where([data-css~="sgp"])
  .api6b-hero__content
  .flange-breadcrumb
  .breadcrumb-separator {
  color: rgb(137, 152, 168);
}

:where([data-css~="sgp"])
  .api6b-hero__content
  .flange-breadcrumb
  .breadcrumb-current {
  color: rgb(255, 255, 255);
  font-weight: 600;
}

@media (max-width: 600px) {
  :where([data-css~="sgp"]) .api6b-hero__content .flange-breadcrumb {
    margin-bottom: 14px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sgp"]) .api6b-hero__content .flange-breadcrumb li {
    font-size: 11px;
    gap: 6px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="sgp"]) .api6b-hero__content .flange-breadcrumb ol {
    gap: 6px;
  }
}

/* PAGE SECTION: /dimensions/api-6a/type-6b/2000-psi/index.html | scopes: sgq */
:where([data-css~="sgq"]) .api6b-hero {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 55px 3.4%;
  background:
    radial-gradient(at 78% 48%, rgba(24, 63, 87, 0.35), transparent 55%),
    linear-gradient(115deg, rgb(7, 27, 43) 0%, rgb(16, 40, 58) 100%);
  color: rgb(255, 255, 255);
  font-family: Poppins, Arial, sans-serif;
}

:where([data-css~="sgq"]) .api6b-hero,
:where([data-css~="sgq"]) .api6b-hero * {
  box-sizing: border-box;
}

:where([data-css~="sgq"]) .api6b-hero__container {
  width: 100%;
  max-width: 1600px;
  margin: 0px auto;
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  align-items: center;
  gap: 30px;
}

:where([data-css~="sgq"]) .api6b-hero__content {
  position: relative;
  z-index: 2;
  min-width: 0px;
}

:where([data-css~="sgq"]) .api6b-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0px 0px 30px;
  color: rgb(255, 121, 0);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.8px;
}

:where([data-css~="sgq"]) .api6b-hero__spark {
  font-size: 25px;
  line-height: 1;
}

:where([data-css~="sgq"]) .api6b-hero__heading {
  margin: 0px 0px 24px;
  color: rgb(255, 255, 255);
  font-size: clamp(42px, 5.1vw, 76px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -2.5px;
}

:where([data-css~="sgq"]) .api6b-hero__heading > span {
  display: block;
}

:where([data-css~="sgq"]) .api6b-hero__heading em {
  color: rgb(255, 121, 0);
  font-style: normal;
}

:where([data-css~="sgq"]) .api6b-hero__description {
  max-width: 650px;
  margin: 0px 0px 30px;
  color: rgb(224, 231, 237);
  font-size: clamp(16px, 1.45vw, 22px);
  font-weight: 400;
  line-height: 1.65;
}

:where([data-css~="sgq"]) .api6b-hero__ratings {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 0px;
  margin: 0px 0px 32px;
}

:where([data-css~="sgq"]) .api6b-hero__rating {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 0px 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}

:where([data-css~="sgq"]) .api6b-hero__rating:first-child {
  padding-left: 0px;
}

:where([data-css~="sgq"]) .api6b-hero__rating:last-child {
  border-right: 0px;
}

:where([data-css~="sgq"]) .api6b-hero__rating strong {
  color: rgb(255, 121, 0);
  font-size: clamp(20px, 2.3vw, 35px);
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

:where([data-css~="sgq"]) .api6b-hero__rating span {
  color: rgb(224, 231, 237);
  font-size: clamp(12px, 1.15vw, 18px);
  line-height: 1.5;
}

:where([data-css~="sgq"]) .api6b-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 15px;
}

:where([data-css~="sgq"]) .api6b-hero__btn {
  min-height: 65px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: 17px 28px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition:
    background 0.25s,
    border-color 0.25s;
}

:where([data-css~="sgq"]) .api6b-hero__btn--primary {
  background: rgb(255, 121, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="sgq"]) .api6b-hero__btn--primary:hover {
  background: rgb(232, 109, 0);
  color: rgb(255, 255, 255);
}

:where([data-css~="sgq"]) .api6b-hero__btn--primary span {
  font-size: 26px;
  line-height: 1;
}

:where([data-css~="sgq"]) .api6b-hero__btn--outline {
  border-color: rgba(255, 255, 255, 0.7);
  background: transparent;
  color: rgb(255, 255, 255);
}

:where([data-css~="sgq"]) .api6b-hero__btn--outline:hover {
  border-color: rgb(255, 121, 0);
  color: rgb(255, 121, 0);
}

:where([data-css~="sgq"]) .api6b-hero__visual {
  min-width: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

:where([data-css~="sgq"]) .api6b-hero__visual img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 760px;
  object-fit: contain;
  object-position: center center;
}

@media (max-width: 1050px) {
  :where([data-css~="sgq"]) .api6b-hero {
    padding: 45px 4%;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="sgq"]) .api6b-hero__container {
    grid-template-columns: 1fr 1fr;
    gap: 22px;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="sgq"]) .api6b-hero__eyebrow {
    margin-bottom: 22px;
    font-size: 12px;
    letter-spacing: 1.2px;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="sgq"]) .api6b-hero__heading {
    font-size: clamp(38px, 5vw, 55px);
    letter-spacing: -1.5px;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="sgq"]) .api6b-hero__rating {
    padding: 0px 10px;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="sgq"]) .api6b-hero__rating strong {
    font-size: 21px;
  }
}

@media (max-width: 1050px) {
  :where([data-css~="sgq"]) .api6b-hero__btn {
    min-height: 54px;
    padding: 14px 18px;
    font-size: 14px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero {
    padding: 38px 20px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__container {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__eyebrow {
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 22px;
    font-size: 11px;
    letter-spacing: 1px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__spark {
    font-size: 20px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__heading {
    margin-bottom: 20px;
    font-size: clamp(38px, 10vw, 56px);
    line-height: 1.08;
    letter-spacing: -1.5px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__description {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__ratings {
    margin-bottom: 27px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__rating {
    padding: 0px 10px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__rating:first-child {
    padding-left: 0px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__rating strong {
    font-size: clamp(16px, 4.3vw, 23px);
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__rating span {
    font-size: 11px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__actions {
    flex-direction: column;
    gap: 12px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__btn {
    width: 100%;
    min-height: 54px;
    padding: 14px 18px;
    font-size: 15px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__visual {
    width: 100%;
    margin-top: 4px;
  }
}

@media (max-width: 700px) {
  :where([data-css~="sgq"]) .api6b-hero__visual img {
    max-height: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="sgq"]) .api6b-hero__btn {
    transition: none;
  }
}

:where([data-css~="sgq"]) .a6r-page {
  padding: 26px 0px 80px;
  background-color: rgb(238, 242, 246);
  background-image: url("/images/asme-b16.5.jpg/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

:where([data-css~="sgq"]) .a6r-page,
:where([data-css~="sgq"]) .a6r-page * {
  box-sizing: border-box;
}

:where([data-css~="sgq"]) .a6r-container {
  width: min(1010px, 100% - 40px);
  margin: 0px auto;
}

:where([data-css~="sgq"]) .a6r-crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 26px;
  font-size: 14px;
  color: rgb(148, 163, 184);
}

:where([data-css~="sgq"]) .a6r-crumb a {
  color: rgb(100, 116, 139);
  text-decoration: none;
}

:where([data-css~="sgq"]) .a6r-crumb a:hover {
  color: rgb(15, 41, 66);
}

:where([data-css~="sgq"]) .a6r-crumb span:last-child {
  color: rgb(15, 41, 66);
  font-weight: 600;
}

:where([data-css~="sgq"]) .a6r-heading {
  max-width: 700px;
  margin: 0px auto 44px;
  text-align: center;
}

:where([data-css~="sgq"]) .a6r-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 14px;
  background: rgba(245, 130, 32, 0.12);
  color: rgb(245, 130, 32);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 30px;
}

:where([data-css~="sgq"]) .a6r-heading h2 {
  margin: 0px 0px 14px;
  color: rgb(14, 53, 88);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="sgq"]) .a6r-heading h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 14px auto 0px;
  background: rgb(245, 130, 32);
  border-radius: 2px;
}

:where([data-css~="sgq"]) .a6r-heading p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.7;
}

:where([data-css~="sgq"]) .a6r-group {
  margin-bottom: 44px;
}

:where([data-css~="sgq"]) .a6r-group-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0px 0px 18px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

:where([data-css~="sgq"]) .a6r-group-title small {
  color: rgb(120, 139, 154);
  font-size: 14px;
  font-weight: 500;
}

:where([data-css~="sgq"]) .a6r-group-title::after {
  content: "";
  flex: 1 1 0%;
  height: 1px;
  background: rgba(245, 130, 32, 0.45);
  align-self: center;
}

:where([data-css~="sgq"]) .a6r-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

:where([data-css~="sgq"]) .a6r-card {
  display: grid;
  grid-template-columns: 170px minmax(0px, 1fr) auto;
  align-items: center;
  gap: 26px;
  min-height: 130px;
  padding: 16px 26px 16px 16px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  box-shadow: rgba(14, 53, 88, 0.08) 0px 8px 24px;
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

:where([data-css~="sgq"]) .a6r-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(14, 53, 88, 0.13) 0px 14px 32px;
}

:where([data-css~="sgq"]) .a6r-card:focus-visible {
  outline: rgb(14, 53, 88) solid 3px;
  outline-offset: 3px;
}

:where([data-css~="sgq"]) .a6r-art {
  width: 170px;
  height: 104px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(13, 41, 71);
  border-radius: 10px;
}

:where([data-css~="sgq"]) .a6r-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:where([data-css~="sgq"]) .a6r-info {
  min-width: 0px;
}

:where([data-css~="sgq"]) .a6r-info h4 {
  margin: 0px 0px 4px;
  color: rgb(14, 53, 88);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

:where([data-css~="sgq"]) .a6r-info p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.5;
}

:where([data-css~="sgq"]) .a6r-description {
  margin-top: 6px;
  color: rgb(100, 119, 137);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 400;
}

:where([data-css~="sgq"]) .a6r-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 155px;
  padding: 11px 15px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(245, 130, 32);
  border-radius: 4px;
  color: rgb(14, 53, 88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  transition: 0.25s;
}

:where([data-css~="sgq"]) .a6r-arrow {
  color: rgb(245, 130, 32);
  font-size: 18px;
  transition: transform 0.25s;
}

:where([data-css~="sgq"]) .a6r-card:hover .a6r-btn {
  background: rgb(245, 130, 32);
}

:where([data-css~="sgq"]) .a6r-card:hover .a6r-btn,
:where([data-css~="sgq"]) .a6r-card:hover .a6r-arrow {
  color: rgb(255, 255, 255);
}

:where([data-css~="sgq"]) .a6r-card:hover .a6r-arrow {
  transform: translateX(4px);
}

:where([data-css~="sgq"]) .cta-section h2 {
  white-space: normal;
}

@media (max-width: 900px) {
  :where([data-css~="sgq"]) .a6r-card {
    grid-template-columns: 140px minmax(0px, 1fr) auto;
    gap: 18px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sgq"]) .a6r-art {
    width: 140px;
    height: 90px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sgq"]) .a6r-btn {
    min-width: 130px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sgq"]) .a6r-description {
    font-size: 11px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="sgq"]) .a6r-page {
    padding-bottom: 56px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="sgq"]) .a6r-heading {
    margin-bottom: 32px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="sgq"]) .a6r-group {
    margin-bottom: 34px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="sgq"]) .a6r-group-title {
    flex-wrap: wrap;
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="sgq"]) .a6r-group-title::after {
    display: none;
  }
}

@media (max-width: 640px) {
  :where([data-css~="sgq"]) .a6r-list {
    gap: 18px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="sgq"]) .a6r-card {
    grid-template-columns: 1fr;
    gap: 14px;
    min-height: 0px;
    padding: 14px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="sgq"]) .a6r-art {
    width: 100%;
    height: 110px;
  }
}

@media (max-width: 640px) {
  :where([data-css~="sgq"]) .a6r-btn {
    width: 100%;
  }
}

@media (max-width: 640px) {
  :where([data-css~="sgq"]) .a6r-description {
    font-size: 12px;
    line-height: 1.6;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="sgq"]) .a6r-card,
  :where([data-css~="sgq"]) .a6r-btn,
  :where([data-css~="sgq"]) .a6r-arrow {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="sgq"]) .a6r-card:hover {
    transform: none;
  }
}

:where([data-css~="s43"]) .dimensions-page {
  padding-top: 30px !important;
}

:where([data-css~="s43"]) .series-heading {
  text-align: center;
  max-width: 700px;
  margin: 0px auto 38px;
  padding-top: 10px;
}

:where([data-css~="s43"]) .series-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 14px;
  background: rgba(245, 130, 32, 0.12);
  color: rgb(245, 130, 32);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-radius: 30px;
}

:where([data-css~="s43"]) .series-heading h2 {
  margin: 0px 0px 14px;
  color: rgb(14, 53, 88);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="s43"]) .series-heading h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 14px auto 0px;
  background: rgb(245, 130, 32);
  border-radius: 2px;
}

:where([data-css~="s43"]) .series-heading p {
  margin: 0px;
  color: rgb(74, 95, 114);
  font-size: 15px;
  line-height: 1.7;
}

@media (max-width: 768px) {
  :where([data-css~="s43"]) .series-heading {
    margin-bottom: 28px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s43"]) .series-heading p {
    font-size: 14px;
  }
}

:where([data-css~="s43"]) .dimension-cards .dimension-card {
  margin-bottom: 34px !important;
}

:where([data-css~="s43"]) .dimension-cards .dimension-card:last-child {
  margin-bottom: 0px !important;
}

:where([data-css~="s43"]) .dimensions-page {
  padding-bottom: 80px !important;
}

@media (max-width: 768px) {
  :where([data-css~="s43"]) .dimension-cards .dimension-card {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s43"]) .dimensions-page {
    padding-bottom: 50px !important;
  }
}

:where([data-css~="s43"]) .dimensions-container .dimension-cards {
  padding-bottom: 75px !important;
}

:where([data-css~="s43"]) section.dimensions-page {
  padding-bottom: 0px !important;
}

@media (max-width: 768px) {
  :where([data-css~="s43"]) .dimensions-container .dimension-cards {
    padding-bottom: 50px !important;
  }
}

:where([data-css~="sgr"]) .cta-section {
  background: rgb(212, 130, 47);
  padding: 72px 20px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="s4b"]) .b1647-card,
  :where([data-css~="s4b"]) .b1647-btn,
  :where([data-css~="s4b"]) .b1647-arrow {
    transition: none;
  }
}

:where([data-css~="s4b"]) .cta-section {
  background: rgb(212, 130, 47);
  padding: 72px 20px;
  margin-top: 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

:where([data-css~="sgs"]) .cta-section::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  left: -180px;
  top: -180px;
}

:where([data-css~="sgs"]) .cta-section::after {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  right: -240px;
  bottom: -300px;
}

:where([data-css~="sgs"]) .cta-section .container {
  position: relative;
  z-index: 2;
}

:where([data-css~="sgs"]) .cta-section h2 {
  color: rgb(255, 255, 255);
  font-size: clamp(34px, 4vw, 50px);
  font-weight: 800;
  line-height: 1.12;
  margin: 0px auto 15px;
  max-width: 850px;
  letter-spacing: -0.5px;
}

:where([data-css~="sgs"]) .cta-section p {
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
  line-height: 1.6;
  margin: 0px auto 32px;
}

:where([data-css~="sgs"]) .cta-btn-group {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

:where([data-css~="sgs"]) .cta-btn {
  min-height: 52px;
  padding: 0px 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2px;
  transition: 0.3s;
  box-sizing: border-box;
}

:where([data-css~="sgs"]) .cta-btn i {
  font-size: 14px;
}

:where([data-css~="sgs"]) .cta-btn-primary {
  background: rgb(10, 37, 64);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(10, 37, 64);
}

:where([data-css~="sgs"]) .cta-btn-primary:hover {
  background: rgb(255, 255, 255);
  color: rgb(10, 37, 64);
  border-color: rgb(255, 255, 255);
  transform: translateY(-2px);
}

:where([data-css~="sgs"]) .cta-btn-secondary {
  background: rgb(10, 37, 64);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(10, 37, 64);
}

:where([data-css~="sgs"]) .cta-btn-secondary:hover {
  background: rgb(255, 255, 255);
  color: rgb(10, 37, 64);
  border-color: rgb(255, 255, 255);
  transform: translateY(-2px);
}

:where([data-css~="sgt"]) .footer {
  background: rgb(23, 35, 47);
  padding: 72px 0px 0px;
  color: rgb(255, 255, 255);
}

:where([data-css~="s4m"]) .footer {
  background: rgb(23, 35, 47);
  padding: 72px 0px 0px;
  color: rgb(255, 255, 255);
  width: 100%;
  display: block;
  margin: 0px;
}

:where([data-css~="sgs"]) .footer-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr 1fr 1.45fr;
  gap: 38px;
}

:where([data-css~="sgs"]) .footer-column h4 {
  color: rgb(239, 127, 26);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  margin: 0px 0px 22px;
}

:where([data-css~="sgs"]) .footer-column ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

:where([data-css~="sgs"]) .footer-column ul li {
  margin-bottom: 12px;
}

:where([data-css~="sgs"]) .footer-column ul li a {
  color: rgb(191, 199, 206);
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
  transition: 0.25s;
}

:where([data-css~="sgs"]) .footer-column ul li a:hover {
  color: rgb(255, 255, 255);
  padding-left: 3px;
}

:where([data-css~="sgs"]) .footer-contact p {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 0px 0px 16px;
  color: rgb(200, 206, 211);
  font-size: 14px;
  line-height: 1.65;
}

:where([data-css~="sgs"]) .footer-contact i {
  color: rgb(239, 127, 26);
  width: 16px;
  flex-shrink: 0;
  margin-top: 4px;
}

:where([data-css~="sgs"]) .footer-contact a {
  color: rgb(200, 206, 211);
  text-decoration: none;
  transition: 0.25s;
}

:where([data-css~="sgs"]) .footer-contact a:hover {
  color: rgb(255, 255, 255);
}

:where([data-css~="sgs"]) .footer-social {
  display: flex;
  gap: 9px;
  margin: 24px 0px 20px;
}

:where([data-css~="sgs"]) .footer-social a {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(239, 127, 26, 0.65);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  color: rgb(239, 127, 26);
  text-decoration: none;
  transition: 0.3s;
}

:where([data-css~="sgs"]) .footer-social a:hover {
  background: rgb(239, 127, 26);
  color: rgb(255, 255, 255);
  border-color: rgb(239, 127, 26);
  transform: translateY(-3px);
}

:where([data-css~="sgs"]) #liveDateTime {
  font-size: 12px;
  color: rgb(127, 139, 148);
  line-height: 1.5;
  margin-top: 8px;
}

:where([data-css~="sgs"]) .footer-bottom {
  margin-top: 58px;
  padding: 22px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

:where([data-css~="sgs"]) .footer-bottom p {
  color: rgb(127, 139, 148);
  font-size: 12px;
  margin: 0px;
}

:where([data-css~="sgs"]) .footer-bottom div {
  display: flex;
  gap: 24px;
}

:where([data-css~="sgs"]) .footer-bottom a {
  color: rgb(127, 139, 148);
  font-size: 12px;
  text-decoration: none;
  transition: 0.25s;
}

:where([data-css~="sgs"]) .footer-bottom a:hover {
  color: rgb(255, 255, 255);
}

:where([data-css~="sgs"]) .whatsapp-float {
  position: fixed;
  right: 28px;
  bottom: 28px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgb(37, 211, 102);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: rgba(37, 211, 102, 0.3) 0px 10px 28px;
  z-index: 9999;
  transition: 0.3s;
}

:where([data-css~="sgs"]) .whatsapp-float i {
  color: rgb(255, 255, 255);
  font-size: 30px;
}

:where([data-css~="sgs"]) .whatsapp-float:hover {
  transform: translateY(-4px) scale(1.05);
}

:where([data-css~="sgs"]) .dimensions-page {
  background-color: transparent !important;
  min-height: auto !important;
  padding-bottom: 0px !important;
}

:where([data-css~="sgs"]) .cta-section {
  width: 100% !important;
  display: block !important;
  margin: 0px !important;
}

:where([data-css~="sgs"]) .footer {
  width: 100% !important;
  display: block !important;
  margin: 0px !important;
}

@media (max-width: 1000px) {
  :where([data-css~="s4m"]) .cta-section {
    padding: 60px 20px;
  }
}

@media (max-width: 1000px) {
  :where([data-css~="sgs"]) .footer-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
  }
}

@media (max-width: 1000px) {
  :where([data-css~="sgs"]) .footer-contact {
    grid-column: 1 / -1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgs"]) .cta-section {
    padding: 55px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgs"]) .cta-section h2 {
    font-size: 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgs"]) .cta-section p {
    font-size: 16px;
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgs"]) .cta-btn-group {
    flex-direction: column;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgs"]) .cta-btn {
    width: 100%;
    max-width: 360px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgs"]) .footer {
    padding-top: 52px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgs"]) .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 35px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgu"]) .footer-column ul li a {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgv"]) .footer-contact {
    grid-column: 1 / -1;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sga"]) .footer-contact p {
    gap: 12px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgw"]) .footer-contact p {
    gap: 10px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgx"]) .footer-contact i {
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sga"]) .footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgy"]) .footer-contact p {
    gap: 10px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgz"]) .footer-contact i {
    margin-top: 3px;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .footer-contact p {
    gap: 10px;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .footer-contact i {
    min-width: 17px;
    margin-top: 4px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh0"]) .footer-contact a {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .footer-contact p {
    font-size: 15px;
    gap: 10px;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh1"]) .footer-social {
    gap: 10px;
    margin: 20px 0px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh2"]) .footer-social a {
    width: 44px;
    height: 44px;
    border-width: 1.5px;
    border-radius: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sga"]) #liveDateTime {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sga"]) .footer-bottom {
    margin-top: 45px;
    padding-top: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sga"]) .footer-bottom p {
    font-size: 13px;
    line-height: 1.6;
    margin: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sga"]) .footer-bottom div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) #liveDateTime {
    font-size: 15px;
    margin-top: 15px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .footer-bottom {
    margin-top: 45px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .footer-bottom p {
    margin: 0px;
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s66"]) .footer-bottom div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .footer-contact p {
    font-size: 14px;
    line-height: 1.7;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .footer-contact p {
    font-size: 14px;
    gap: 10px;
    margin-bottom: 16px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh3"]) .footer-social {
    gap: 10px;
    margin: 22px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .footer-social a {
    width: 46px;
    height: 46px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) #liveDateTime {
    font-size: 15px;
    margin-top: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .footer-bottom {
    margin-top: 45px;
    padding-top: 22px;
    flex-direction: column;
    text-align: center;
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s75"]) .footer-bottom div {
    justify-content: center;
    gap: 15px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .footer-contact p {
    font-size: 14px;
    gap: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .footer-social {
    flex-wrap: wrap;
    gap: 10px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .footer-contact {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sas"]) .footer-contact p {
    font-size: 14px;
    gap: 10px;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sep"]) .footer-contact i {
    flex-shrink: 0;
    margin-top: 4px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .footer-contact p {
    font-size: 14px;
    gap: 10px;
    margin-bottom: 15px;
    line-height: 1.6;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh4"]) .footer-social {
    gap: 10px;
    margin: 22px 0px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) #liveDateTime {
    font-size: 15px;
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .footer-social {
    gap: 12px;
    margin: 22px 0px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh5"]) .footer-social a {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) #liveDateTime {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sv"]) .footer-bottom {
    flex-direction: column;
    gap: 20px;
    text-align: center;
    margin-top: 45px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .footer-column h4 {
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1k"]) .footer-bottom {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh6"]) .footer-bottom div {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) #liveDateTime {
    font-size: 14px;
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    flex-direction: column;
    gap: 18px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s7v"]) .footer-bottom p {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .footer-bottom div {
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh7"]) .footer-social a {
    width: 44px;
    height: 44px;
    border-width: 1.5px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) #liveDateTime {
    font-size: 14px;
    margin-top: 15px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8a"]) #liveDateTime {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 15px;
    word-break: break-word;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s18"]) .footer-bottom {
    margin-top: 45px;
    padding-top: 22px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sb"]) .footer-bottom {
    margin-top: 45px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .footer-social {
    gap: 11px;
    margin: 22px 0px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .footer-social a {
    width: 44px;
    height: 44px;
    border-width: 2px;
    border-radius: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh8"]) #liveDateTime {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .footer-bottom {
    margin-top: 45px;
    padding-top: 22px;
    flex-direction: column;
    gap: 18px;
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .footer-bottom {
    margin-top: 45px;
    padding-top: 20px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) #liveDateTime {
    font-size: 14px;
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sh9"]) .footer-bottom p {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="si"]) .footer-bottom div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s8a"]) .footer-bottom div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .footer-social a {
    width: 42px;
    height: 42px;
    border-width: 1.5px;
    border-radius: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .footer-social a i {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) #liveDateTime {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 15px;
    word-break: normal;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) #liveDateTime {
    font-size: 14px;
    margin-top: 15px;
    line-height: 1.5;
    word-break: break-word;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s26"]) .footer-bottom {
    margin-top: 45px;
    padding-top: 22px;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sha"]) .footer-bottom p {
    font-size: 13px;
    line-height: 1.5;
    margin: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sha"]) .footer-bottom div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sl"]) .footer-bottom div {
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .footer-bottom div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sc5"]) .footer-bottom div {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="shb"]) .footer-bottom a {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="shc"]) .whatsapp-float {
    right: 20px;
    bottom: 20px;
    width: 58px;
    height: 58px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sx"]) .whatsapp-float {
    width: 58px;
    height: 58px;
    right: 20px;
    bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="shd"]) .whatsapp-float i {
    font-size: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sg3"]) .cta-section {
    padding: 50px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sg3"]) .cta-section h2 {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sg3"]) .cta-section p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sg3"]) .cta-btn-group {
    gap: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sg3"]) .cta-btn {
    width: 100%;
    max-width: 100%;
    padding: 13px 16px;
    font-size: 15px;
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .cta-section {
    padding: 45px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .cta-section h2 {
    font-size: 27px;
    line-height: 1.3;
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .cta-section p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .cta-btn-group {
    max-width: 100%;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .cta-btn {
    width: 100%;
    padding: 13px 16px;
    font-size: 15px;
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="she"]) .footer {
    padding: 50px 18px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sgi"]) .footer-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sgi"]) .footer-column h4 {
    font-size: 13px;
    letter-spacing: 1.8px;
    margin-bottom: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .footer {
    padding: 48px 18px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .footer-column h4 {
    font-size: 13px;
    letter-spacing: 1.5px;
    margin-bottom: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shf"]) .footer-column ul li {
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sga"]) .footer {
    padding: 50px 15px 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shg"]) .footer {
    padding: 50px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s6d"]) .footer {
    padding: 50px 0px 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .footer-bottom {
    margin-top: 45px;
    padding-top: 22px;
    flex-direction: column;
    gap: 18px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .footer-bottom p {
    font-size: 14px;
    margin: 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .footer-bottom div {
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .footer-bottom a {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .whatsapp-float {
    width: 55px;
    height: 55px;
    right: 20px;
    bottom: 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s11"]) .whatsapp-float i {
    font-size: 29px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .footer {
    padding: 50px 18px 22px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shh"]) .footer-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8g"]) .footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shi"]) .footer-column {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sgs"]) .footer-bottom {
    flex-direction: column;
    text-align: center;
    margin-top: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sa"]) .whatsapp-float {
    width: 56px;
    height: 56px;
    right: 18px;
    bottom: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="shj"]) .whatsapp-float {
    right: 18px;
    bottom: 18px;
    width: 56px;
    height: 56px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="shk"]) .whatsapp-float i {
    font-size: 29px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .footer {
    padding: 50px 16px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shl"]) .footer-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shm"]) .footer-contact {
    grid-column: auto;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shn"]) .footer-column h4 {
    font-size: 13px;
    margin-bottom: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer {
    padding: 60px 0px 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 25px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-column h4 {
    font-size: 13px;
    margin-bottom: 20px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .footer-column:not(.footer-contact) {
    text-align: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .footer-column:not(.footer-contact) ul {
    text-align: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .footer-column h4 {
    font-size: 13px;
    margin-bottom: 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sho"]) .footer-column ul li {
    margin-bottom: 11px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sex"]) .footer {
    padding: 65px 0px 25px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sex"]) .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 45px 35px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sex"]) .footer-column h4 {
    margin-bottom: 20px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sex"]) .footer-contact {
    grid-column: 1 / -1;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer {
    padding: 55px 0px 25px;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer-column {
    width: 100%;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer-column h4 {
    font-size: 14px;
    margin-bottom: 18px;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer-column ul li {
    margin-bottom: 12px;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer-column ul li a {
    font-size: 15px;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer-contact {
    grid-column: auto;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer-contact p {
    font-size: 15px;
    gap: 10px;
    margin-bottom: 16px;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer-social {
    gap: 10px;
    margin: 22px 0px;
    flex-wrap: wrap;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer-social a {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) #liveDateTime {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    text-align: center;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer-bottom p {
    font-size: 14px;
    margin: 0px;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer-bottom div {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 20px;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .footer-bottom a {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sex"]) .footer {
    padding: 45px 0px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sex"]) .footer-grid {
    gap: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sex"]) .footer-column h4 {
    font-size: 13px;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shp"]) .footer-column h4 {
    font-size: 12px;
    letter-spacing: 1.5px;
    margin-bottom: 17px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-column ul li a {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-contact {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-contact p {
    gap: 10px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-contact i {
    flex-shrink: 0;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-social {
    gap: 10px;
    margin: 22px 0px;
    flex-wrap: wrap;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-social a {
    width: 44px;
    height: 44px;
    border-width: 1px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) #liveDateTime {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    text-align: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-bottom p {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-bottom div {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-bottom a {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .whatsapp-float {
    right: 18px;
    bottom: 18px;
    width: 56px;
    height: 56px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .whatsapp-float i {
    font-size: 29px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shq"]) .footer {
    padding: 50px 0px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s1j"]) .footer-social a:hover {
    transform: none;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .footer {
    padding: 45px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shr"]) .footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .footer-column h4 {
    font-size: 13px;
    letter-spacing: 1.5px;
    margin-bottom: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shs"]) .footer-column ul li {
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sgf"]) .footer-column h4 {
    font-size: 13px;
    margin-bottom: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s8g"]) .footer-column ul li {
    margin-bottom: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .footer-column ul li {
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .cta-section {
    padding: 50px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .cta-section h2 {
    font-size: 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .cta-section p {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .cta-btn {
    padding: 13px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) .footer {
    padding-top: 50px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sht"]) .footer-column ul li a {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sgi"]) .footer-contact p {
    font-size: 14px;
    line-height: 1.6;
    gap: 9px;
    margin-bottom: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1v"]) .footer-meta-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-top: 20px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sgi"]) .footer-social {
    gap: 10px;
    margin: 20px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sgi"]) .footer-social a {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sgi"]) #liveDateTime {
    font-size: 14px;
    line-height: 1.5;
    word-break: break-word;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sga"]) .footer-contact p {
    font-size: 14px;
    gap: 10px;
    margin-bottom: 15px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .footer-contact p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .footer-column ul li a {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shu"]) .footer-contact {
    grid-column: auto;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .footer-contact p {
    font-size: 14px;
    gap: 10px;
    line-height: 1.6;
    margin-bottom: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .footer-contact p {
    font-size: 14px;
    gap: 9px;
    margin-bottom: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .footer-contact p {
    gap: 9px;
    margin-bottom: 14px;
    font-size: 13px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .footer-contact i {
    font-size: 14px;
    margin-top: 3px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .footer-contact p {
    font-size: 14px;
    line-height: 1.6;
    gap: 10px;
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shv"]) .footer-social {
    gap: 9px;
    margin: 20px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .footer-contact p {
    font-size: 14px;
    gap: 9px;
    margin-bottom: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .footer-contact a {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .footer-social {
    gap: 9px;
    margin: 18px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shw"]) .footer-social a {
    width: 42px;
    height: 42px;
    border-radius: 7px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sga"]) #liveDateTime {
    font-size: 13px;
    line-height: 1.6;
    margin-top: 14px;
    word-break: break-word;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .footer-contact p {
    font-size: 13px;
    gap: 10px;
    margin-bottom: 15px;
    line-height: 1.65;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .footer-social {
    gap: 8px;
    margin: 20px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .footer-social a {
    width: 42px;
    height: 42px;
    border-width: 1px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sh3"]) #liveDateTime {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .footer-contact {
    text-align: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .footer-contact p {
    justify-content: center;
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .footer-contact p i {
    flex-shrink: 0;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .footer-social {
    justify-content: center;
    gap: 10px;
    margin: 25px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shx"]) .footer-social a {
    width: 42px;
    height: 42px;
    border-width: 1.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) #liveDateTime {
    font-size: 13px;
    margin-top: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) #liveDateTime {
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shy"]) .footer-bottom {
    margin-top: 35px;
    padding-top: 20px;
    gap: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sgi"]) .footer-bottom p {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .footer-column h4 {
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .footer-column ul li {
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="shz"]) .footer-contact p {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .footer-column h4 {
    font-size: 12px;
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-column h4 {
    font-size: 12px;
    margin-bottom: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .footer {
    padding: 50px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .footer-grid {
    gap: 34px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .footer-column h4 {
    font-size: 13px;
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .footer-column h4 {
    font-size: 11px;
    letter-spacing: 1.5px;
    margin-bottom: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si0"]) .footer-column ul li {
    margin-bottom: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si0"]) .footer-column ul li a {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-contact {
    grid-column: auto;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si1"]) .footer-contact p {
    font-size: 13px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .footer-contact p {
    font-size: 13.5px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si2"]) .footer-social {
    gap: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si3"]) .footer-social a {
    width: 42px;
    height: 42px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si4"]) .footer-social a i {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sfg"]) .footer-social a {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si5"]) #liveDateTime {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si6"]) .footer-bottom div {
    gap: 10px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .footer-bottom p {
    font-size: 13px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .footer-bottom div {
    flex-direction: column;
    gap: 10px;
    align-items: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si7"]) .footer-bottom a {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-bottom {
    margin-top: 32px;
    gap: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) #liveDateTime {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sgf"]) .footer-bottom {
    margin-top: 35px;
    padding-top: 18px;
    gap: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si8"]) .footer-bottom p {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) #liveDateTime {
    font-size: 14px;
    margin-top: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s66"]) .footer-bottom {
    margin-top: 38px;
    padding-top: 18px;
    gap: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .footer-social a {
    width: 40px;
    height: 40px;
    border-radius: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) #liveDateTime {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .footer-bottom {
    margin-top: 38px;
    padding-top: 20px;
    gap: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si9"]) .footer-bottom p {
    font-size: 12px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sh2"]) .footer-bottom div {
    gap: 8px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s75"]) .footer-bottom div {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sc5"]) .footer-bottom {
    margin-top: 35px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sia"]) .footer-bottom div {
    flex-direction: column;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sa"]) .footer-bottom {
    margin-top: 30px;
    gap: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sib"]) .footer-bottom div {
    gap: 10px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .footer-bottom div {
    gap: 10px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sb"]) .footer-bottom div {
    gap: 8px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sl"]) .footer-bottom div {
    gap: 10px 16px;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sic"]) .footer-bottom a {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .footer-contact {
    grid-column: span 2;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .footer-contact p {
    gap: 10px;
    margin-bottom: 14px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .footer-social {
    gap: 10px;
    margin: 20px 0px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .footer-social a {
    width: 42px;
    height: 42px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .footer-social a i {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) #liveDateTime {
    font-size: 14px;
    margin-top: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .footer-bottom div {
    gap: 16px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .footer-bottom p,
  :where([data-css~="s5"]) .footer-bottom a {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .footer {
    padding: 40px 0px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .footer-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .footer-contact {
    grid-column: span 1;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .footer-column h4 {
    font-size: 13px;
    margin-bottom: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .footer-column ul li a {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .footer-contact p {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .footer-social a {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sid"]) .footer-social a i {
    font-size: 15px;
  }
}

:where([data-css~="sie"]) .whatsapp-float {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: rgb(37, 211, 102);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: rgba(37, 211, 102, 0.35) 0px 12px 30px;
  z-index: 9999;
  transition: 0.35s;
}

:where([data-css~="sie"]) .whatsapp-float i {
  color: rgb(255, 255, 255);
  font-size: 34px;
}

:where([data-css~="sie"]) .whatsapp-float:hover {
  transform: translateY(-6px) scale(1.08);
  box-shadow: rgba(37, 211, 102, 0.45) 0px 18px 38px;
}

@media (max-width: 768px) {
  :where([data-css~="sif"]) .whatsapp-float {
    right: 20px;
    bottom: 20px;
    width: 58px;
    height: 58px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sig"]) .whatsapp-float {
    right: 18px;
    bottom: 18px;
    width: 58px;
    height: 58px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sih"]) .whatsapp-float i {
    font-size: 30px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) #liveDateTime {
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .footer-bottom {
    margin-top: 38px;
    padding-top: 20px;
    gap: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .footer-bottom {
    margin-top: 35px;
    gap: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sep"]) .footer-bottom p {
    font-size: 12.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s18"]) .footer-bottom div {
    flex-direction: column;
    gap: 9px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sep"]) .footer-bottom a {
    font-size: 12.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1k"]) #liveDateTime {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sii"]) .whatsapp-float {
    right: 15px;
    bottom: 15px;
    width: 54px;
    height: 54px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sx"]) .whatsapp-float {
    width: 54px;
    height: 54px;
    right: 16px;
    bottom: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .footer-bottom div {
    gap: 9px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s26"]) .whatsapp-float {
    right: 16px;
    bottom: 16px;
    width: 54px;
    height: 54px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sij"]) .whatsapp-float i {
    font-size: 28px;
  }
}

:where([data-css~="s2y"]) .cta-section {
  margin-bottom: 0px !important;
}

:where([data-css~="s2y"]) .footer {
  margin-top: 0px !important;
}

:where([data-css~="s2y"]) .cta-section .container {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

:where([data-css~="sen"]) .enquiry-section .enquiry-honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

@media (max-width: 480px) {
  :where([data-css~="sgs"]) .footer-bottom div {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 18px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sgs"]) .whatsapp-float {
    width: 52px;
    height: 52px;
    right: 15px;
    bottom: 15px;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .whatsapp-float {
    width: 56px;
    height: 56px;
    right: 18px;
    bottom: 18px;
  }
}

@media (max-width: 780px) {
  :where([data-css~="sex"]) .whatsapp-float i {
    font-size: 29px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sik"]) .whatsapp-float {
    width: 52px;
    height: 52px;
    right: 14px;
    bottom: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) #liveDateTime {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .footer-bottom {
    margin-top: 35px;
    gap: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .footer-bottom p,
  :where([data-css~="si"]) .footer-bottom a {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="si"]) .footer-bottom div {
    gap: 8px 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sil"]) .whatsapp-float {
    right: 15px;
    bottom: 15px;
    width: 52px;
    height: 52px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1i"]) .whatsapp-float {
    right: 14px;
    bottom: 14px;
    width: 52px;
    height: 52px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sim"]) .whatsapp-float i {
    font-size: 27px;
  }
}

/* PAGE SECTION: /dimensions/bs-en/en-1759-1/class-1500/index.html | scopes: sin */
:where([data-css~="sin"]) .en1759-class-overview .en1759-source-note {
  margin: -20px auto 32px;
  max-width: 950px;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
  color: rgb(100, 119, 137);
}

:where([data-css~="sin"]) .en1759-class-overview .en1759-drawing-gap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 10px;
  line-height: 1.5;
  color: rgb(212, 224, 233);
  text-align: center;
}

:where([data-css~="sin"]) .en1759-class-overview .en1759-drawing-gap strong {
  color: rgb(255, 121, 0);
  font-size: 12px;
}

:where([data-css~="sin"]) .en1759-class-overview .cta-section h2 {
  white-space: normal;
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sin"]) .en1759-class-overview .header-container {
    gap: 12px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sin"]) .en1759-class-overview .logo {
    flex-basis: 150px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sin"]) .en1759-class-overview .logo img {
    width: 150px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sin"]) .en1759-class-overview .navbar {
    margin-left: 0px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sin"]) .en1759-class-overview .header .navbar > ul {
    gap: 16px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sin"])
    .en1759-class-overview
    .header
    .navbar
    > ul
    > li
    > a {
    font-size: 14px;
    gap: 4px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sin"]) .en1759-class-overview .header-right {
    gap: 8px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sin"]) .en1759-class-overview .contact-btn,
  :where([data-css~="sin"]) .en1759-class-overview .quote-btn {
    padding: 12px;
    font-size: 13px;
  }
}

/* PAGE SECTION: /dimensions/bs-en/en-1759-1/class-2500/index.html | scopes: sio */
:where([data-css~="sio"])
  .en1759-class-overview[data-class="2500"]
  .en1759-missing-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  min-height: 260px;
  padding: 24px;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  color: rgb(213, 223, 231);
}

:where([data-css~="sio"])
  .en1759-class-overview[data-class="2500"]
  .en1759-missing-hero
  strong {
  font-size: 20px;
  color: rgb(255, 157, 54);
}

:where([data-css~="sio"])
  .en1759-class-overview[data-class="2500"]
  .en1759-missing-hero
  span {
  font-size: 12px;
}

/* PAGE SECTION: /downloads/dimensions/index.html | scopes: sip */
:where([data-css~="sip"]) .dimensions-title-section {
  width: 100%;
  background: rgb(15, 31, 51);
  padding: 28px 32px;
  box-sizing: border-box;
}

:where([data-css~="sip"]) .dimensions-title-inner {
  max-width: 1400px;
  margin: 0px auto;
  text-align: center;
}

:where([data-css~="sip"]) .dimensions-breadcrumb {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  font-size: 17px;
  line-height: 1.4;
  margin-bottom: 8px;
  padding-left: 0px;
}

:where([data-css~="sip"]) .dimensions-breadcrumb a,
:where([data-css~="sip"]) .dimensions-breadcrumb span {
  color: rgb(184, 199, 217);
}

:where([data-css~="sip"]) .dimensions-breadcrumb a {
  text-decoration: none;
}

:where([data-css~="sip"]) .dimensions-title-inner h1 {
  margin: 0px;
  color: rgb(255, 255, 255);
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
}

:where([data-css~="sip"]) .dimensions-main-section {
  width: 100%;
  background: rgb(242, 244, 247);
  padding: 42px 32px 65px;
  box-sizing: border-box;
}

:where([data-css~="sip"]) .dimensions-main-inner {
  max-width: 1050px;
  margin: 0px auto;
}

:where([data-css~="sip"]) .dimensions-intro {
  text-align: center;
  margin-bottom: 28px;
}

:where([data-css~="sip"]) .dimensions-intro h2 {
  margin: 0px 0px 8px;
  color: rgb(15, 31, 51);
  font-size: 30px;
  font-weight: 700;
}

:where([data-css~="sip"]) .dimensions-intro p {
  margin: 0px;
  color: rgb(107, 114, 128);
  font-size: 16px;
  line-height: 1.6;
}

:where([data-css~="sip"]) .dimensions-search-box {
  display: flex;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  margin: 0px auto 10px;
}

:where([data-css~="sip"]) .dimensions-search-input-wrap {
  position: relative;
  flex: 1 1 auto;
}

:where([data-css~="sip"]) .dimensions-search-input-wrap i {
  position: absolute;
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
  color: rgb(138, 148, 163);
  font-size: 16px;
  pointer-events: none;
}

:where([data-css~="sip"]) .dimensions-search-input-wrap input {
  width: 100%;
  height: 52px;
  padding: 0px 18px 0px 47px;
  box-sizing: border-box;
  border: 1px solid rgb(214, 219, 226);
  border-radius: 8px;
  background: rgb(255, 255, 255);
  color: rgb(15, 31, 51);
  font-family: Poppins, sans-serif;
  font-size: 14px;
  outline: none;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

:where([data-css~="sip"]) .dimensions-search-input-wrap input::placeholder {
  color: rgb(156, 163, 175);
}

:where([data-css~="sip"]) .dimensions-search-input-wrap input:focus {
  border-color: rgb(232, 114, 12);
  box-shadow: rgba(232, 114, 12, 0.1) 0px 0px 0px 3px;
}

:where([data-css~="sip"]) .dimensions-search-btn {
  flex: 0 0 auto;
  min-width: 115px;
  height: 52px;
  padding: 0px 22px;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  border-radius: 8px;
  background: rgb(232, 114, 12);
  color: rgb(255, 255, 255);
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.2s,
    transform 0.2s;
}

:where([data-css~="sip"]) .dimensions-search-btn:hover {
  background: rgb(217, 101, 8);
}

:where([data-css~="sip"]) .dimensions-search-btn:active {
  transform: translateY(1px);
}

:where([data-css~="sip"]) .dimensions-search-result {
  min-height: 22px;
  margin: 0px 0px 22px;
  color: rgb(107, 114, 128);
  font-size: 13px;
  text-align: center;
}

:where([data-css~="sip"]) .dimensions-standard-section {
  width: 100%;
}

:where([data-css~="sip"]) .dimensions-standard-heading {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
  padding: 0px 2px;
}

:where([data-css~="sip"]) .dimensions-standard-label {
  display: inline-block;
  margin-bottom: 3px;
  color: rgb(232, 114, 12);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
}

:where([data-css~="sip"]) .dimensions-standard-heading h2 {
  margin: 0px 0px 3px;
  color: rgb(15, 31, 51);
  font-size: 25px;
  font-weight: 700;
}

:where([data-css~="sip"]) .dimensions-standard-heading p {
  margin: 0px;
  color: rgb(123, 132, 145);
  font-size: 13px;
}

:where([data-css~="sip"]) .dimension-card {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
  padding: 20px 22px;
  box-sizing: border-box;
  background: rgb(255, 255, 255);
  border-left: 4px solid rgb(232, 114, 12);
  border-radius: 9px;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 4px;
  gap: 18px;
  transition:
    box-shadow 0.2s,
    transform 0.2s;
}

:where([data-css~="sip"]) .dimension-card:hover {
  box-shadow: rgba(15, 31, 51, 0.1) 0px 5px 16px;
  transform: translateY(-1px);
}

:where([data-css~="sip"]) .dimension-card-icon {
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: rgb(253, 236, 224);
  color: rgb(232, 114, 12);
  font-size: 22px;
}

:where([data-css~="sip"]) .dimension-card-icon i {
  line-height: 1;
}

:where([data-css~="sip"]) .dimension-card-content {
  flex: 1 1 auto;
  min-width: 0px;
}

:where([data-css~="sip"]) .dimension-card-content h3 {
  margin: 0px 0px 5px;
  color: rgb(15, 31, 51);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
}

:where([data-css~="sip"]) .dimension-card-content p {
  margin: 0px;
  color: rgb(107, 114, 128);
  font-size: 13px;
  line-height: 1.5;
}

:where([data-css~="sip"]) .dimension-card-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

:where([data-css~="sip"]) .dimension-pdf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0px 13px;
  box-sizing: border-box;
  border: 1px solid rgb(232, 114, 12);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  color: rgb(232, 114, 12);
  text-decoration: none;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
}

:where([data-css~="sip"]) .dimension-pdf-btn i {
  margin-right: 6px;
  font-size: 13px;
}

:where([data-css~="sip"]) .dimension-pdf-btn:hover {
  background: rgb(232, 114, 12);
  color: rgb(255, 255, 255);
}

:where([data-css~="sip"]) .dimensions-no-results {
  display: none;
  padding: 45px 20px;
  text-align: center;
  background: rgb(255, 255, 255);
  border-radius: 9px;
  border: 1px solid rgb(225, 229, 234);
}

:where([data-css~="sip"]) .dimensions-no-results i {
  margin-bottom: 12px;
  color: rgb(156, 163, 175);
  font-size: 27px;
}

:where([data-css~="sip"]) .dimensions-no-results h3 {
  margin: 0px 0px 5px;
  color: rgb(15, 31, 51);
  font-size: 18px;
}

:where([data-css~="sip"]) .dimensions-no-results p {
  margin: 0px;
  color: rgb(123, 132, 145);
  font-size: 13px;
}

@media (max-width: 900px) {
  :where([data-css~="sip"]) .dimensions-main-section {
    padding-left: 22px;
    padding-right: 22px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sip"]) .dimension-card {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sip"]) .dimension-card-content {
    padding-top: 2px;
  }
}

@media (max-width: 900px) {
  :where([data-css~="sip"]) .dimension-card-actions {
    width: 100%;
    padding-left: 70px;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sip"]) .dimensions-title-section {
    padding: 24px 22px 25px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sip"]) .dimensions-breadcrumb {
    font-size: 16px;
    margin-bottom: 7px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sip"]) .dimensions-title-inner h1 {
    font-size: 29px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sip"]) .dimensions-main-section {
    padding: 34px 20px 50px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sip"]) .dimensions-intro h2 {
    font-size: 27px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sip"]) .dimensions-search-box {
    flex-direction: column;
    gap: 9px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sip"]) .dimensions-search-btn {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sip"]) .dimension-card {
    padding: 18px;
    gap: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sip"]) .dimension-card-actions {
    padding-left: 0px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  :where([data-css~="sip"]) .dimension-pdf-btn {
    flex: 1 1 auto;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimensions-title-section {
    padding: 22px 16px 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimensions-breadcrumb {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimensions-title-inner h1 {
    font-size: 26px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimensions-main-section {
    padding: 30px 16px 45px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimensions-intro h2 {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimensions-intro p {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimensions-search-input-wrap input {
    height: 50px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimensions-search-btn {
    height: 50px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimensions-standard-heading h2 {
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimension-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimension-card-icon {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimension-card-content h3 {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimension-card-actions {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sip"]) .dimension-pdf-btn {
    width: 100%;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .footer-social a {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) #liveDateTime {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .footer-bottom p {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .footer-bottom div {
    flex-wrap: wrap;
    gap: 12px 20px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .footer-bottom a {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .whatsapp-float {
    right: 18px;
    bottom: 18px;
    width: 55px;
    height: 55px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="su"]) .whatsapp-float i {
    font-size: 29px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .whatsapp-float {
    right: 18px;
    bottom: 18px;
    width: 56px;
    height: 56px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sv"]) .whatsapp-float i {
    font-size: 29px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .whatsapp-float {
    right: 18px;
    bottom: 18px;
    width: 52px;
    height: 52px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="s5"]) .whatsapp-float i {
    font-size: 26px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .whatsapp-float {
    right: 14px;
    bottom: 14px;
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s5"]) .whatsapp-float i {
    font-size: 24px;
  }
}

:where([data-css~="s1i"]) .menu-toggle {
  display: none;
}

@media (max-width: 768px) {
  :where([data-css~="s1i"]) .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .footer-contact p {
    gap: 8px;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.6;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .footer-contact a {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .footer-contact i {
    min-width: 16px;
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .footer-social {
    gap: 8px;
    margin: 18px 0px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .footer-social a {
    width: 38px;
    height: 38px;
    border-radius: 6px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .footer-social a i {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) #liveDateTime {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 12px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .footer-bottom {
    margin-top: 32px;
    padding-top: 18px;
    gap: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .footer-bottom p {
    font-size: 11.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .footer-bottom div {
    gap: 8px 14px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .footer-bottom a {
    font-size: 11.5px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s1j"]) .whatsapp-float {
    right: 14px;
    bottom: 14px;
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="s11"]) .whatsapp-float {
    width: 50px;
    height: 50px;
    right: 15px;
    bottom: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="sdp"]) .whatsapp-float i {
    font-size: 26px;
  }
}

/* PAGE SECTION: /contact/index.html | scopes: siq */
:where([data-css~="siq"]) [data-ferrobend-hero] {
  --fb-hero-space: 24px;
  --fb-hero-gap: 16px;
  box-sizing: border-box;
}

:where([data-css~="siq"]) [data-ferrobend-hero] h1 {
  font-family: inherit;
  overflow-wrap: break-word;
  min-width: 0px;
}

:where([data-css~="siq"]) [data-ferrobend-hero] p {
  overflow-wrap: break-word;
}

:where([data-css~="siq"]) [data-ferrobend-hero="marketing"] {
  padding-top: 60px;
  padding-bottom: 60px;
}

:where([data-css~="siq"])
  [data-ferrobend-hero="marketing"]
  :is(.hero-container, .product-hero-container) {
  width: 92%;
  max-width: 1380px;
  margin-inline: auto;
  gap: 60px;
}

:where([data-css~="siq"])
  [data-ferrobend-hero="marketing"]
  :is(.hero-content, .product-hero-content) {
  min-width: 0px;
}

:where([data-css~="siq"]) [data-ferrobend-hero="marketing"] h1 {
  font-size: clamp(32px, 3.5vw, 50px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: normal;
  margin: 0 0 var(--fb-hero-space);
}

:where([data-css~="siq"]) [data-ferrobend-hero="marketing"] h1 .hero-line {
  white-space: normal;
}

:where([data-css~="siq"])
  [data-ferrobend-hero="marketing"]
  :is(.hero-top-text, .dimensions-hero-badge) {
  margin: 0 0 var(--fb-hero-gap);
  line-height: 1.5;
  flex-wrap: wrap;
}

:where([data-css~="siq"]) [data-ferrobend-hero="marketing"] p {
  font-size: 18px;
  line-height: 1.8;
  margin-top: 0px;
  margin-bottom: var(--fb-hero-space);
}

:where([data-css~="siq"])
  [data-ferrobend-hero="marketing"]
  :is(.hero-certifications, .standard-badges, .dimensions-hero-stats) {
  margin-top: 0px;
  margin-bottom: var(--fb-hero-space);
}

:where([data-css~="siq"])
  [data-ferrobend-hero="marketing"]
  :is(.hero-buttons, .hero-actions, .dimensions-hero-buttons) {
  gap: var(--fb-hero-gap);
  flex-wrap: wrap;
}

:where([data-css~="siq"])
  [data-ferrobend-hero="marketing"]
  :is(.hero-buttons, .hero-actions, .dimensions-hero-buttons)
  a {
  box-sizing: border-box;
  min-height: 52px;
  max-width: 100%;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  white-space: normal;
}

:where([data-css~="siq"])
  [data-ferrobend-hero="marketing"]
  :is(.hero-image, .product-hero-image) {
  min-width: 0px;
  align-items: center;
}

:where([data-css~="siq"])
  [data-ferrobend-hero="marketing"]
  :is(.hero-image, .product-hero-image)
  img {
  width: 100%;
  max-width: 620px;
  height: auto;
  object-fit: contain;
  transform: none;
}

:where([data-css~="siq"]) [data-ferrobend-hero="compact"] {
  padding: 24px;
  gap: var(--fb-hero-space);
}

:where([data-css~="siq"]) [data-ferrobend-hero="compact"] h1 {
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 600;
  line-height: 1.25;
  margin: 0px;
}

:where([data-css~="siq"]) [data-ferrobend-hero="compact"] p {
  font-size: 14px;
  line-height: 1.6;
  margin: 8px 0px 0px;
}

:where([data-css~="siq"]) [data-ferrobend-hero="title"] {
  padding: 28px 32px;
}

:where([data-css~="siq"]) [data-ferrobend-hero="title"] h1 {
  font-size: clamp(26px, 2.5vw, 32px);
  font-weight: 600;
  line-height: 1.25;
  margin: 0px;
}

:where([data-css~="siq"]) [data-ferrobend-hero="feature"] {
  padding-top: 38px;
  padding-bottom: 38px;
}

:where([data-css~="siq"]) [data-ferrobend-hero="feature"] h1 {
  font-size: clamp(28px, 3.5vw, 34px);
  font-weight: 700;
  line-height: 1.15;
  margin: 0px 0px 16px;
}

:where([data-css~="siq"]) [data-ferrobend-hero="feature"] p {
  font-size: 14px;
  line-height: 1.8;
  margin: 0 0 var(--fb-hero-space);
}

:where([data-css~="siq"])
  [data-ferrobend-hero="feature"]
  .weights-hero-buttons {
  flex-wrap: wrap;
  gap: var(--fb-hero-gap);
}

:where([data-css~="siq"]) [data-ferrobend-hero="intro"] h1 {
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 16px;
}

:where([data-css~="siq"]) [data-ferrobend-hero="intro"] p {
  font-size: 15px;
  line-height: 1.8;
  margin: 0px;
}

:where([data-css~="siq"]) [data-ferrobend-breadcrumb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 16px;
}

:where([data-css~="siq"])
  [data-ferrobend-breadcrumb]
  > :is(a, span, strong, i) {
  margin-inline: 0px;
  max-width: 100%;
  overflow-wrap: break-word;
}

@media (max-width: 1024px) {
  :where([data-css~="siq"]) [data-ferrobend-hero="marketing"] {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

@media (max-width: 1024px) {
  :where([data-css~="siq"])
    [data-ferrobend-hero="marketing"]
    :is(.hero-container, .product-hero-container) {
    gap: 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="siq"]) [data-ferrobend-hero="marketing"] {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="siq"])
    [data-ferrobend-hero="marketing"]
    :is(.hero-container, .product-hero-container) {
    gap: 32px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="siq"]) [data-ferrobend-hero="marketing"] p {
    font-size: 16px;
    line-height: 1.8;
  }
}

@media (max-width: 768px) {
  :where([data-css~="siq"])
    [data-ferrobend-hero="marketing"]
    :is(.hero-image, .product-hero-image)
    img {
    max-width: 420px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="siq"]) [data-ferrobend-hero="compact"] {
    padding: 20px;
    gap: 16px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="siq"]) [data-ferrobend-hero="title"] {
    padding: 24px 22px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="siq"]) [data-ferrobend-breadcrumb] {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="siq"])
    [data-ferrobend-hero="marketing"]
    :is(.hero-container, .product-hero-container) {
    width: calc(100% - 32px);
  }
}

@media (max-width: 480px) {
  :where([data-css~="siq"])
    [data-ferrobend-hero="marketing"]
    :is(.hero-buttons, .hero-actions, .dimensions-hero-buttons)
    a {
    padding: 14px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="siq"]) [data-ferrobend-hero="compact"] {
    padding: 20px 16px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="siq"]) [data-ferrobend-hero="title"] {
    padding: 22px 16px;
  }
}

:where([data-css~="sir"]) .pn10-page .pn10-data-note {
  margin: -20px auto 32px;
  max-width: 850px;
  color: rgb(100, 119, 137);
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}

:where([data-css~="sir"]) .pn10-page .pn10-drawing-unavailable {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: rgb(212, 224, 233);
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}

:where([data-css~="sir"]) .pn10-page .pn10-drawing-unavailable strong {
  color: rgb(255, 121, 0);
  font-size: 12px;
}

:where([data-css~="sir"]) .pn10-page .pn10-download-status {
  font-size: 11px;
  line-height: 1.5;
}

:where([data-css~="sir"]) .pn10-page .e1-hero__actions .pn10-download-status {
  flex-basis: 100%;
  color: rgb(212, 224, 233);
}

:where([data-css~="sir"]) .pn10-page .cta-section .pn10-download-status {
  margin: 12px 0px 0px;
}

:where([data-css~="sir"]) .pn10-page button:disabled {
  cursor: not-allowed;
  font-family: inherit;
}

:where([data-css~="sir"]) .pn10-page .cta-section h2 {
  white-space: normal;
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sir"]) .pn10-page .header-container {
    gap: 12px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sir"]) .pn10-page .logo {
    flex-basis: 150px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sir"]) .pn10-page .logo img {
    width: 150px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sir"]) .pn10-page .navbar {
    margin-left: 0px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sir"]) .pn10-page .header .navbar > ul {
    gap: 16px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sir"]) .pn10-page .header .navbar > ul > li > a {
    font-size: 14px;
    gap: 4px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sir"]) .pn10-page .header-right {
    gap: 8px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sir"]) .pn10-page .contact-btn,
  :where([data-css~="sir"]) .pn10-page .quote-btn {
    padding: 12px;
    font-size: 13px;
  }
}

/* PAGE SECTION: /dimensions/bs-en/en-1092-1/pn-100/index.html | scopes: sis */
:where([data-css~="sis"]) .en-pn-overview .en-pn-data-note {
  margin: -20px auto 32px;
  max-width: 850px;
  color: rgb(100, 119, 137);
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}

:where([data-css~="sis"]) .en-pn-overview .en-pn-drawing-unavailable {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: rgb(212, 224, 233);
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}

:where([data-css~="sis"]) .en-pn-overview .en-pn-drawing-unavailable strong {
  color: rgb(255, 121, 0);
  font-size: 12px;
}

:where([data-css~="sis"]) .en-pn-overview .cta-section h2 {
  white-space: normal;
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sis"]) .en-pn-overview .header-container {
    gap: 12px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sis"]) .en-pn-overview .logo {
    flex-basis: 150px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sis"]) .en-pn-overview .logo img {
    width: 150px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sis"]) .en-pn-overview .navbar {
    margin-left: 0px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sis"]) .en-pn-overview .header .navbar > ul {
    gap: 16px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sis"]) .en-pn-overview .header .navbar > ul > li > a {
    font-size: 14px;
    gap: 4px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sis"]) .en-pn-overview .header-right {
    gap: 8px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sis"]) .en-pn-overview .contact-btn,
  :where([data-css~="sis"]) .en-pn-overview .quote-btn {
    padding: 12px;
    font-size: 13px;
  }
}

:where([data-css~="sis"]) .en-pn-overview .e1-hero__visual {
  flex-direction: column;
}

:where([data-css~="sis"]) .en-pn-overview .en-pn-visual-note {
  color: rgb(212, 224, 233);
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

/* PAGE SECTION: /dimensions/bs-en/en-1092-1/pn-16/index.html | scopes: sit */
:where([data-css~="sit"]) .pn16-page .pn16-data-note {
  margin: -20px auto 32px;
  max-width: 850px;
  color: rgb(100, 119, 137);
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}

:where([data-css~="sit"]) .pn16-page .pn16-drawing-unavailable {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: rgb(212, 224, 233);
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}

:where([data-css~="sit"]) .pn16-page .pn16-drawing-unavailable strong {
  color: rgb(255, 121, 0);
  font-size: 12px;
}

:where([data-css~="sit"]) .pn16-page .pn16-download-status {
  font-size: 11px;
  line-height: 1.5;
}

:where([data-css~="sit"]) .pn16-page .e1-hero__actions .pn16-download-status {
  flex-basis: 100%;
  color: rgb(212, 224, 233);
}

:where([data-css~="sit"]) .pn16-page .cta-section .pn16-download-status {
  margin: 12px 0px 0px;
}

:where([data-css~="sit"]) .pn16-page button:disabled {
  cursor: not-allowed;
  font-family: inherit;
}

:where([data-css~="sit"]) .pn16-page .cta-section h2 {
  white-space: normal;
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sit"]) .pn16-page .header-container {
    gap: 12px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sit"]) .pn16-page .logo {
    flex-basis: 150px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sit"]) .pn16-page .logo img {
    width: 150px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sit"]) .pn16-page .navbar {
    margin-left: 0px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sit"]) .pn16-page .header .navbar > ul {
    gap: 16px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sit"]) .pn16-page .header .navbar > ul > li > a {
    font-size: 14px;
    gap: 4px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sit"]) .pn16-page .header-right {
    gap: 8px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  :where([data-css~="sit"]) .pn16-page .contact-btn,
  :where([data-css~="sit"]) .pn16-page .quote-btn {
    padding: 12px;
    font-size: 13px;
  }
}

:where([data-css~="sit"]) .pn16-page .e1-hero__visual {
  flex-direction: column;
}

:where([data-css~="sit"]) .pn16-page .pn16-visual-note {
  color: rgb(212, 224, 233);
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

/* PAGE SECTION: /dimensions/bs-en/en-1092-1/pn-160/index.html | scopes: siu */
:where([data-css~="siu"]) .en-pn-overview .en-pn-missing-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  width: 100%;
  max-width: 650px;
  aspect-ratio: 9 / 7;
  max-height: 420px;
  padding: 24px;
  color: rgb(212, 224, 233);
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
}

:where([data-css~="siu"]) .en-pn-overview .en-pn-missing-hero strong {
  color: rgb(255, 121, 0);
  font-size: 20px;
}

:where([data-css~="siu"]) .en-pn-overview .en-pn-missing-hero span {
  font-size: 12px;
}

:where([data-css~="siv"])
  :is(
    .b165-drawing-section,
    .b1636-drawing-section,
    .b1647-drawing-section,
    .api6a-drawing-section,
    .e1-drawing-section
  ) {
  width: 100%;
  background: rgb(11, 31, 51);
  padding: 12px 0px 14px !important;
}

:where([data-css~="siv"])
  :is(
    .b165-drawing-container,
    .b1636-drawing-container,
    .b1647-drawing-container,
    .api6a-drawing-container,
    .e1-drawing-container
  ) {
  margin: 0px auto;
  width: min(92%, 1280px) !important;
  max-width: 1280px !important;
  padding: 0px !important;
}

:where([data-css~="siv"])
  :is(
    .b165-drawing-section,
    .b1636-drawing-section,
    .b1647-drawing-section,
    .api6a-drawing-section,
    .e1-drawing-section
  )
  .dimensions-breadcrumb {
  margin: 0px !important;
  padding: 0px !important;
}

:where([data-css~="siv"])
  :is(
    .b165-drawing-layout,
    .b1636-drawing-layout,
    .b1647-drawing-layout,
    .api6a-drawing-layout,
    .e1-drawing-layout
  ) {
  display: grid;
  grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr);
  align-items: center;
  gap: clamp(24px, 3vw, 48px);
  min-height: 300px;
  padding: 4px 0px 0px;
}

:where([data-css~="siv"])
  :is(
    .b165-drawing-title,
    .b1636-drawing-title,
    .b1647-drawing-title,
    .api6a-drawing-title,
    .e1-drawing-title
  ) {
  min-width: 0px;
}

:where([data-css~="siv"])
  :is(
    .b165-drawing-title,
    .b1636-drawing-title,
    .b1647-drawing-title,
    .api6a-drawing-title,
    .e1-drawing-title
  )
  h1 {
  margin: 0px;
  color: rgb(248, 250, 252);
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 700;
  line-height: 1.18;
  white-space: normal;
}

:where([data-css~="siv"])
  :is(
    .b165-technical-drawing,
    .b1636-technical-drawing,
    .b1647-technical-drawing,
    .api6a-technical-drawing,
    .e1-technical-drawing
  ) {
  height: 280px;
  min-width: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  margin: 0px !important;
}

:where([data-css~="siv"])
  :is(
    .b165-technical-drawing,
    .b1636-technical-drawing,
    .b1647-technical-drawing,
    .api6a-technical-drawing,
    .e1-technical-drawing
  )
  img {
  display: block;
  object-fit: contain;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0px !important;
}

@media (max-width: 768px) {
  :where([data-css~="siv"])
    :is(
      .b165-drawing-section,
      .b1636-drawing-section,
      .b1647-drawing-section,
      .api6a-drawing-section,
      .e1-drawing-section
    ) {
    padding: 14px 0px 16px !important;
  }
}

@media (max-width: 768px) {
  :where([data-css~="siv"])
    :is(
      .b165-drawing-layout,
      .b1636-drawing-layout,
      .b1647-drawing-layout,
      .api6a-drawing-layout,
      .e1-drawing-layout
    ) {
    grid-template-columns: 1fr;
    gap: 20px;
    min-height: 0px;
    padding-top: 8px;
  }
}

@media (max-width: 768px) {
  :where([data-css~="siv"])
    :is(
      .b165-technical-drawing,
      .b1636-technical-drawing,
      .b1647-technical-drawing,
      .api6a-technical-drawing,
      .e1-technical-drawing
    ) {
    height: min(68vw, 360px);
  }
}

@media (max-width: 480px) {
  :where([data-css~="siv"])
    :is(
      .b165-drawing-container,
      .b1636-drawing-container,
      .b1647-drawing-container,
      .api6a-drawing-container,
      .e1-drawing-container
    ) {
    width: min(94%, 1280px) !important;
  }
}

@media (max-width: 480px) {
  :where([data-css~="siv"])
    :is(
      .b165-drawing-title,
      .b1636-drawing-title,
      .b1647-drawing-title,
      .api6a-drawing-title,
      .e1-drawing-title
    )
    h1 {
    font-size: 26px;
  }
}

@media (max-width: 480px) {
  :where([data-css~="siv"])
    :is(
      .b165-technical-drawing,
      .b1636-technical-drawing,
      .b1647-technical-drawing,
      .api6a-technical-drawing,
      .e1-technical-drawing
    ) {
    height: min(72vw, 300px);
  }
}

/* PAGE SECTION: /dimensions/asme/b16.5/class-400/index.html | scopes: siw */
:where([data-css~="siw"]) .ft-section {
  --ft-navy: #0d2947;
  --ft-coral: #ff7043;
  --ft-soft: #b9d6f5;
  --ft-gap: 24px;
  width: 100%;
  padding: 20px 20px 80px;
  background-color: rgb(233, 238, 242);
  background-image: radial-gradient(
    circle,
    rgba(14, 53, 88, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 28px 28px;
}

:where([data-css~="siw"]) .ft-section,
:where([data-css~="siw"]) .ft-section * {
  box-sizing: border-box;
}

:where([data-css~="siw"]) .ft-wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
}

:where([data-css~="siw"]) .ft-wrap .dimensions-breadcrumb {
  max-width: none;
  margin: 0px 0px 22px;
  padding: 0px;
  font-size: 14px;
}

:where([data-css~="siw"]) .ft-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

:where([data-css~="siw"]) .ft-intro h1 {
  color: rgb(13, 41, 71);
  font-size: clamp(26px, 3.2vw, 36px);
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="siw"]) .ft-intro p {
  max-width: 620px;
  margin-top: 8px;
  color: rgb(74, 95, 114);
  font-size: 16px;
  line-height: 1.6;
}

:where([data-css~="siw"]) .ft-stats {
  display: flex;
  gap: 26px;
  flex-wrap: wrap;
}

:where([data-css~="siw"]) .ft-stat strong {
  display: block;
  color: rgb(245, 130, 32);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

:where([data-css~="siw"]) .ft-stat span {
  color: rgb(74, 95, 114);
  font-size: 13px;
}

:where([data-css~="siw"]) .ft-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--ft-gap);
}

:where([data-css~="siw"]) .ft-card {
  flex: 0 0 100%;
  min-width: 0px;
  min-height: 260px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--ft-navy);
  border-radius: 15px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}

@media (min-width: 601px) {
  :where([data-css~="siw"]) .ft-card {
    flex: 0 0 calc((100% - var(--ft-gap)) / 2);
  }
}

@media (min-width: 901px) {
  :where([data-css~="siw"]) .ft-card {
    flex: 0 0 calc((100% - 2 * var(--ft-gap)) / 3);
  }
}

@media (min-width: 601px) {
  :where([data-css~="siw"]) .ft-card:only-child,
  :where([data-css~="siw"]) .ft-card:first-child:nth-last-child(2),
  :where([data-css~="siw"]) .ft-card:first-child:nth-last-child(2) ~ .ft-card,
  :where([data-css~="siw"]) .ft-card:first-child:nth-last-child(4),
  :where([data-css~="siw"]) .ft-card:first-child:nth-last-child(4) ~ .ft-card {
    flex: 1 1 280px;
    max-width: 440px;
  }
}

:where([data-css~="siw"]) .ft-card:hover {
  transform: translateY(-3px);
  box-shadow: rgba(13, 41, 71, 0.22) 0px 12px 28px;
}

:where([data-css~="siw"]) .ft-card:focus-visible {
  outline: 3px solid var(--ft-coral);
  outline-offset: 3px;
}

:where([data-css~="siw"]) .ft-art {
  height: 130px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where([data-css~="siw"]) .ft-art img {
  display: block;
  width: 85%;
  height: 100%;
  object-fit: contain;
}

:where([data-css~="siw"]) .ft-art--class {
  flex-direction: column;
  gap: 4px;
}

:where([data-css~="siw"]) .ft-big {
  color: rgb(255, 255, 255);
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
}

:where([data-css~="siw"]) .ft-unit {
  color: var(--ft-coral);
  font-size: 15px;
  font-weight: 600;
}

:where([data-css~="siw"]) .ft-code {
  display: block;
  margin-bottom: 3px;
  color: var(--ft-coral);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

:where([data-css~="siw"]) .ft-card h3 {
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

:where([data-css~="siw"]) .ft-card p {
  margin-top: 8px;
  color: var(--ft-soft);
  font-size: 15px;
  line-height: 1.5;
}

:where([data-css~="siw"]) .ft-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

:where([data-css~="siw"]) .ft-tags span {
  padding: 2px 9px;
  border: 1px solid rgba(185, 214, 245, 0.45);
  border-radius: 4px;
  color: var(--ft-soft);
  font-size: 13px;
  font-weight: 600;
}

:where([data-css~="siw"]) .ft-view {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 18px;
  color: var(--ft-coral);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
}

:where([data-css~="siw"]) .ft-view span {
  font-size: 18px;
  transition: transform 0.25s;
}

:where([data-css~="siw"]) .ft-card:hover .ft-view span {
  transform: translateX(4px);
}

:where([data-css~="siw"]) .cta-section h2 {
  white-space: normal;
}

@media (max-width: 600px) {
  :where([data-css~="siw"]) .ft-section {
    padding: 16px 16px 56px;
  }
}

@media (max-width: 600px) {
  :where([data-css~="siw"]) .ft-card {
    min-height: 240px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where([data-css~="siw"]) .ft-card,
  :where([data-css~="siw"]) .ft-view span {
    transition: none;
  }
}

html:where([data-css~="s2z"]),
:where([data-css~="s2z"]) body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  min-height: 100%;
}

:where([data-css~="s2z"]) body {
  background: rgb(238, 243, 247);
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(23, 40, 61);
}

:where([data-css~="s2z"]) .datasheet {
  width: 420mm;
  height: 297mm;
  margin: 0px auto;
  padding: 9mm 10mm 7mm;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgb(243, 246, 248);
  border-bottom: 1px solid rgb(217, 224, 229);
}

:where([data-css~="s2z"]) .datasheet-header {
  height: 28mm;
  padding-top: 1.5mm;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  align-items: start;
  border-bottom: 1.2px solid rgb(23, 40, 61);
  flex-shrink: 0;
}

:where([data-css~="s2z"]) .header-logo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

:where([data-css~="s2z"]) .header-logo img {
  max-width: 70mm;
  max-height: 19mm;
  width: auto;
  height: auto;
  object-fit: contain;
}

:where([data-css~="s2z"]) .header-title {
  text-align: center;
}

:where([data-css~="s2z"]) .header-title h1 {
  margin: 0px;
  font-size: 26pt;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

:where([data-css~="s2z"]) .header-title p {
  margin: 2mm 0px 0px;
  font-size: 9pt;
  letter-spacing: 1.5px;
  font-weight: 600;
  text-transform: uppercase;
}

:where([data-css~="s2z"]) .header-badge-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4mm;
}

:where([data-css~="s2z"]) .asme-label {
  margin: 0px;
  font-size: 13pt;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgb(23, 40, 61);
  white-space: nowrap;
}

:where([data-css~="s2z"]) .class-badge {
  width: 25mm;
  height: 18mm;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgb(232, 117, 36);
  color: rgb(255, 255, 255);
  border-radius: 2mm;
}

:where([data-css~="s2z"]) .class-badge span {
  font-size: 7pt;
  font-weight: 700;
  letter-spacing: 1px;
}

:where([data-css~="s2z"]) .class-badge strong {
  margin-top: 0.5mm;
  font-size: 17pt;
  line-height: 1;
  font-weight: 800;
}

:where([data-css~="s2z"]) .section-label {
  margin-bottom: 1.5mm;
  font-size: 7.5pt;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgb(232, 117, 36);
}

:where([data-css~="s2z"]) .drawing-section {
  height: 72mm;
  padding: 3mm 8mm 3mm 6mm;
  flex-shrink: 0;
  background: rgb(11, 31, 51);
  display: grid;
  grid-template-columns: 17% 83%;
  align-items: stretch;
  gap: 5mm;
}

:where([data-css~="s2z"]) .drawing-info .section-label {
  color: rgb(232, 114, 31);
}

:where([data-css~="s2z"]) .drawing-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 2mm;
}

:where([data-css~="s2z"]) .drawing-info .section-label {
  color: var(--fb-orange);
  font-size: 14pt;
  font-weight: 700;
  letter-spacing: 1.8px;
  margin-bottom: 3mm;
}

:where([data-css~="s2z"]) .drawing-info h2 {
  color: rgb(255, 255, 255);
  font-size: 26pt;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 3mm;
  white-space: nowrap;
}

:where([data-css~="s2z"]) .drawing-info p {
  color: rgb(214, 224, 231);
  font-size: 12pt;
  font-weight: 500;
  line-height: 1.6;
  white-space: nowrap;
}

:where([data-css~="s2z"]) .drawing-panel {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: transparent;
}

:where([data-css~="six"]) .drawing-panel img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  transform: scale(1.25);
  transform-origin: center center;
}

/* PAGE SECTION: /flange-datasheet/asme-b16.5-class-150/slip-on/metric.html | scopes: siy */
:where([data-css~="siy"]) .drawing-panel img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  transform: scale(1.05);
  transform-origin: center center;
}

:where([data-css~="s2z"]) .dimensions-section .section-label {
  font-size: 12pt;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: var(--fb-orange) !important;
}

:where([data-css~="s2z"]) .table-wrapper {
  width: 100%;
  flex: 1 1 0%;
  min-height: 0px;
  overflow: hidden;
  background: transparent;
  margin-top: 3mm;
}

:where([data-css~="s2z"]) .dimensions-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 9pt;
  line-height: 1;
}

:where([data-css~="s2z"]) .dimensions-table th,
:where([data-css~="s2z"]) .dimensions-table td {
  border: 0.6px solid rgb(174, 181, 188);
  padding: 1.4mm 1.2mm;
  line-height: 1.15;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

:where([data-css~="s2z"]) .dimensions-table thead th {
  background: rgb(23, 40, 61);
  color: rgb(255, 255, 255);
  font-size: 9pt;
  font-weight: 700;
  line-height: 1.15;
}

:where([data-css~="s2z"]) .dimensions-table tbody th {
  font-size: 9pt;
  font-weight: 700;
  background: rgb(231, 237, 242);
}

:where([data-css~="s2z"]) .dimensions-table tbody tr:nth-child(2n) td {
  background: rgb(241, 245, 248);
}

:where([data-css~="s2z"]) .dimensions-table tbody td {
  background: rgb(255, 255, 255);
  font-size: 9pt;
}

:where([data-css~="s2z"]) .table-note {
  flex-shrink: 0;
  margin: 0.5mm 0px 5mm;
  text-align: center;
  font-size: 10pt;
  line-height: 1.3;
  font-weight: 600;
  color: rgb(79, 93, 105);
}

:where([data-css~="s2z"]) .datasheet-footer {
  background: rgb(23, 35, 47);
  height: 10mm;
  min-height: 10mm;
  padding: 2mm 10mm;
  display: grid;
  grid-template-columns: 1fr 1.4fr 1fr;
  align-items: center;
  gap: 10mm;
  border-top: 2px solid var(--fb-orange);
}

:where([data-css~="s2z"]) .footer-contact-us {
  display: flex;
  align-items: center;
  gap: 5mm;
  color: rgb(255, 255, 255);
  font-size: 12pt;
  font-weight: 600;
  white-space: nowrap;
}

:where([data-css~="s2z"]) .footer-contact-us span {
  color: var(--fb-orange);
  font-size: 12pt;
  font-weight: 700;
  letter-spacing: 0.8px;
}

:where([data-css~="s2z"]) .footer-contact-us a {
  color: rgb(255, 255, 255);
}

:where([data-css~="s2z"]) .footer-email {
  text-align: center;
  font-size: 12pt;
  font-weight: 500;
  white-space: nowrap;
}

:where([data-css~="s2z"]) .footer-email a {
  color: rgb(255, 255, 255);
}

:where([data-css~="s2z"]) .footer-website {
  text-align: right;
  font-size: 12pt;
  font-weight: 500;
  white-space: nowrap;
}

:where([data-css~="s2z"]) .footer-website a {
  color: rgb(255, 255, 255);
}

:where([data-css~="s2z"]) .footer-contact-us a:hover,
:where([data-css~="s2z"]) .footer-email a:hover,
:where([data-css~="s2z"]) .footer-website a:hover {
  color: var(--fb-orange);
}

:where([data-css~="s0"]) body {
  font-family: Poppins, sans-serif;
  background: var(--fb-page-bg);
  color: var(--fb-text);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

:where([data-css~="s0"]) img {
  max-width: 100%;
  height: auto;
  display: block;
}

:where([data-css~="s0"]) a {
  color: inherit;
  text-decoration: none;
}

:where([data-css~="s0"]) .flange-datasheet {
  width: 100%;
  max-width: 1200px;
  margin: 40px auto;
  background: var(--fb-white);
  box-shadow: var(--fb-shadow);
}

:where([data-css~="s0"]) .datasheet-header {
  background: var(--fb-navy);
  padding: 30px 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border-bottom: 4px solid var(--fb-orange);
}

:where([data-css~="s0"]) .datasheet-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
}

:where([data-css~="s0"]) .datasheet-logo img {
  width: 190px;
  height: auto;
  transform: none;
}

:where([data-css~="s0"]) .datasheet-header-title {
  text-align: right;
}

:where([data-css~="s0"]) .datasheet-header-title span {
  display: block;
  color: var(--fb-orange);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

:where([data-css~="s0"]) .datasheet-header-title h1 {
  color: rgb(255, 255, 255);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
}

:where([data-css~="s0"]) .datasheet-header-title p {
  margin-top: 5px;
  color: rgb(203, 215, 223);
  font-size: 12px;
  letter-spacing: 1px;
}

:where([data-css~="s0"]) .capabilities-section {
  padding: 34px 42px;
  background: var(--fb-light);
}

:where([data-css~="s0"]) .capabilities-title {
  margin-bottom: 22px;
  text-align: center;
}

:where([data-css~="s0"]) .capabilities-title span {
  display: block;
  color: var(--fb-orange);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

:where([data-css~="s0"]) .capabilities-title h2 {
  margin: 5px 0px 0px;
  color: var(--fb-navy);
  font-size: 28px;
  font-weight: 700;
}

:where([data-css~="s0"]) .capabilities-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 18px;
}

:where([data-css~="s0"]) .capability-box {
  background: rgb(255, 255, 255);
  border: 2px solid var(--fb-orange);
  padding: 25px 28px;
  min-height: 185px;
  box-shadow: rgba(11, 31, 51, 0.07) 0px 4px 12px;
  border-radius: 4px;
}

:where([data-css~="s0"]) .capability-box h3 {
  margin: 0px 0px 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--fb-orange);
  color: var(--fb-navy);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

:where([data-css~="s0"]) .capability-list {
  list-style: none;
}

:where([data-css~="s0"]) .capability-list li {
  position: relative;
  padding-left: 17px;
  margin-bottom: 8px;
  color: var(--fb-text);
  font-size: 14px;
  line-height: 1.5;
}

:where([data-css~="s0"]) .capability-list li::before {
  content: "•";
  position: absolute;
  left: 0px;
  top: 0px;
  color: var(--fb-orange);
  font-weight: 700;
}

:where([data-css~="s0"]) .section-heading {
  margin-bottom: 15px;
}

:where([data-css~="s0"]) .section-heading h3 {
  color: var(--fb-navy);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}

:where([data-css~="s0"]) .materials-section {
  padding: 28px 42px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s0"]) .tag-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

:where([data-css~="s0"]) .tag-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 9px 16px;
  background: rgb(237, 243, 247);
  border: 1px solid rgb(213, 224, 232);
  color: var(--fb-navy);
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
}

:where([data-css~="s0"]) .applications-section {
  padding: 25px 42px;
  background: var(--fb-light);
  border-top: 1px solid var(--fb-border);
  border-bottom: 1px solid var(--fb-border);
}

:where([data-css~="s0"]) .standards-section {
  padding: 28px 42px;
  background: rgb(255, 255, 255);
}

:where([data-css~="s0"]) .standards-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

:where([data-css~="s0"]) .standard-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 15px;
  background: rgb(237, 243, 247);
  border: 1px solid rgb(213, 224, 232);
  color: var(--fb-navy);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  border-radius: 3px;
}

:where([data-css~="s0"]) .quality-section {
  padding: 32px 42px;
  background: var(--fb-light);
  border-top: 1px solid var(--fb-border);
}

:where([data-css~="s0"]) .quality-content {
  color: var(--fb-text);
  font-size: 16px;
  line-height: 1.8;
}

:where([data-css~="s0"]) .quality-content span {
  white-space: nowrap;
}

:where([data-css~="s0"]) .quality-content span:not(:last-child)::after {
  content: " · ";
  color: var(--fb-orange);
  font-weight: 700;
}

:where([data-css~="s0"]) .supply-section {
  padding: 34px 42px;
  background: rgb(255, 255, 255);
  display: grid;
  grid-template-columns: 0.9fr 2.1fr;
  gap: 35px;
  align-items: center;
  border-top: 1px solid var(--fb-border);
}

:where([data-css~="s0"]) .supply-title h3 {
  color: var(--fb-navy);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

:where([data-css~="s0"]) .supply-content {
  color: var(--fb-text);
  font-size: 16px;
  line-height: 1.8;
}

:where([data-css~="s0"]) .supply-content strong {
  color: var(--fb-navy);
  font-weight: 600;
}

:where([data-css~="s0"]) .datasheet-footer {
  background: var(--fb-navy);
  padding: 24px 42px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-top: 3px solid var(--fb-orange);
}

:where([data-css~="s0"]) .datasheet-footer-brand {
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-align: left;
}

:where([data-css~="s0"]) .datasheet-footer-contact {
  color: rgb(210, 221, 229);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}

:where([data-css~="s0"]) .datasheet-footer-contact a {
  color: rgb(255, 255, 255);
  text-decoration: none;
  transition: color 0.2s;
}

:where([data-css~="s0"]) .datasheet-footer-contact a:hover {
  color: var(--fb-orange);
}

:where([data-css~="s0"]) .footer-tagline {
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}

@media screen {
  :where([data-css~="siz"]) body {
    padding: 15px;
  }
}

@media screen {
  :where([data-css~="s2z"]) .datasheet {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 30px;
  }
}

@media print {
  html:where([data-css~="s2z"]),
  :where([data-css~="s2z"]) body {
    width: 420mm;
    height: 297mm;
    background: rgb(255, 255, 255);
  }
}

@media print {
  :where([data-css~="s2z"]) body {
    padding: 0px;
  }
}

@media print {
  :where([data-css~="s2z"]) .datasheet {
    margin: 0px;
    box-shadow: none;
  }
}

:where([data-css~="s2z"]) .dimensions-table tbody td {
  background: rgb(255, 255, 255);
}

:where([data-css~="s2z"]) .dimensions-table tbody tr:nth-child(2n) td {
  background: rgb(241, 245, 248);
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) body {
    padding: 0px;
    background: rgb(238, 243, 247);
    overflow-x: auto;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .datasheet {
    width: 100%;
    min-width: 0px;
    height: auto;
    margin: 0px;
    padding: 0px;
    box-shadow: none;
    overflow: visible;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .datasheet-header {
    height: auto;
    min-height: 75px;
    padding: 12px 16px;
    grid-template-columns: 1fr auto;
    gap: 12px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .header-logo img {
    max-width: 130px;
    max-height: 40px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .header-title {
    grid-area: 2 / 1 / auto / -1;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .header-title h1 {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .header-title p {
    font-size: 8px;
    letter-spacing: 1px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .class-badge {
    width: 55px;
    height: 42px;
    border-radius: 5px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .class-badge span {
    font-size: 6px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .class-badge strong {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .drawing-section {
    height: auto;
    padding: 18px 14px 20px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .drawing-section .section-label {
    margin-bottom: 10px;
    font-size: 8px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .drawing-panel {
    height: 260px;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .drawing-panel img {
    max-width: 95%;
    max-height: 95%;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .dimensions-section {
    padding: 22px 14px 0px;
    display: block;
    overflow: visible;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .dimensions-heading {
    margin-bottom: 16px;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .dimensions-heading .section-label {
    text-align: center;
    font-size: 8px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .dimensions-heading h2 {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .dimensions-heading p {
    font-size: 8px;
    line-height: 1.4;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .b165-unit-selector {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 14px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .b165-unit-btn {
    font-size: 8px;
    padding: 8px 12px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .table-wrapper {
    width: 100%;
    overflow: auto visible;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .dimensions-table {
    min-width: 850px;
    font-size: 8px;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .dimensions-table th,
  :where([data-css~="s2z"]) .dimensions-table td {
    padding: 7px 5px;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .dimensions-table thead th {
    font-size: 9px;
    font-weight: 700;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .table-note {
    margin: 14px 0px 18px;
    text-align: center;
    font-size: 8px;
    line-height: 1.4;
    font-weight: 600;
    color: rgb(79, 93, 105);
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .datasheet-footer {
    height: auto;
    min-height: 70px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .footer-brand {
    font-size: 9px;
    font-weight: 600;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .footer-contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px 14px;
    font-size: 8px;
    white-space: normal;
  }
}

@media screen and (max-width: 768px) {
  :where([data-css~="s2z"]) .footer-document {
    justify-self: auto;
    font-size: 7.5px;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .datasheet-header {
    padding: 10px 12px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .header-logo img {
    max-width: 105px;
    max-height: 32px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .class-badge {
    width: 48px;
    height: 38px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .class-badge span {
    font-size: 5.5px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .class-badge strong {
    font-size: 12px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .header-title h1 {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .header-title p {
    font-size: 7px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .drawing-section {
    padding: 15px 10px 17px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .drawing-panel {
    height: 220px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .dimensions-section {
    padding: 18px 10px 0px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .dimensions-heading h2 {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .dimensions-heading p {
    font-size: 7.5px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .b165-unit-selector {
    gap: 5px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .b165-unit-btn {
    font-size: 7px;
    padding: 7px 9px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .dimensions-table {
    min-width: 800px;
    font-size: 7px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .dimensions-table thead th {
    font-size: 6.8px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .dimensions-table th,
  :where([data-css~="s2z"]) .dimensions-table td {
    padding: 6px 4px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .table-note {
    font-size: 7.5px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .datasheet-footer {
    padding: 12px 10px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .footer-contact {
    font-size: 7px;
    gap: 4px 10px;
  }
}

@media screen and (max-width: 480px) {
  :where([data-css~="s2z"]) .footer-document {
    font-size: 7px;
  }
}

@media print {
  html:where([data-css~="s2z"]),
  :where([data-css~="s2z"]) body {
    width: 420mm;
    height: 297mm;
    background: rgb(255, 255, 255) !important;
    print-color-adjust: exact !important;
  }
}

@media print {
  :where([data-css~="s2z"]),
  :where([data-css~="s2z"]) * {
    print-color-adjust: exact !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .datasheet {
    background: rgb(243, 246, 248) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .drawing-section {
    background: rgb(11, 31, 51) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .dimensions-section {
    background: rgb(243, 246, 248) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .dimensions-table thead th {
    background: rgb(23, 40, 61) !important;
    color: rgb(255, 255, 255) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .dimensions-table tbody th {
    background: rgb(231, 237, 242) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .dimensions-table tbody tr:nth-child(2n) td {
    background: rgb(241, 245, 248) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .dimensions-table tbody tr:nth-child(2n + 1) td {
    background: rgb(255, 255, 255) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .class-badge {
    background: rgb(232, 117, 36) !important;
    color: rgb(255, 255, 255) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .datasheet-footer {
    background: rgb(23, 35, 47) !important;
    color: rgb(255, 255, 255) !important;
  }
}

@media print {
  html:where([data-css~="s2z"]),
  :where([data-css~="s2z"]) body {
    width: 420mm;
    height: 297mm;
    background: rgb(255, 255, 255) !important;
    print-color-adjust: exact !important;
  }
}

@media print {
  html:where([data-css~="s0"]),
  :where([data-css~="s0"]) body {
    width: 420mm;
    height: 297mm;
    margin: 0px;
    padding: 0px;
    background: rgb(255, 255, 255) !important;
  }
}

@media print {
  :where([data-css~="s0"]) .flange-datasheet {
    width: 420mm;
    height: 297mm;
    max-width: none;
    margin: 0px;
    background: rgb(255, 255, 255);
    box-shadow: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
}

@media print {
  :where([data-css~="s0"]) .datasheet-header {
    padding: 20px 25mm;
    flex-shrink: 0;
  }
}

@media print {
  :where([data-css~="s0"]) .datasheet-logo img {
    width: 55mm;
    transform: none;
  }
}

@media print {
  :where([data-css~="s0"]) .datasheet-header-title span {
    font-size: 9pt;
  }
}

@media print {
  :where([data-css~="s0"]) .datasheet-header-title h1 {
    font-size: 21pt;
  }
}

@media print {
  :where([data-css~="s0"]) .datasheet-header-title p {
    font-size: 8pt;
  }
}

@media print {
  :where([data-css~="s0"]) .capabilities-section {
    padding: 12mm 25mm;
    flex-shrink: 0;
  }
}

@media print {
  :where([data-css~="s0"]) .capabilities-title {
    margin-bottom: 8mm;
  }
}

@media print {
  :where([data-css~="s0"]) .capabilities-title span {
    font-size: 8pt;
  }
}

@media print {
  :where([data-css~="s0"]) .capabilities-title h2 {
    font-size: 18pt;
  }
}

@media print {
  :where([data-css~="s0"]) .capabilities-grid {
    gap: 5mm;
  }
}

@media print {
  :where([data-css~="s0"]) .capability-box {
    min-height: 0px;
    padding: 5mm 6mm;
    box-shadow: none;
  }
}

@media print {
  :where([data-css~="s0"]) .capability-box h3 {
    font-size: 9pt;
    margin-bottom: 3mm;
    padding-bottom: 2mm;
  }
}

@media print {
  :where([data-css~="s0"]) .capability-list li {
    font-size: 8pt;
    margin-bottom: 1.5mm;
    line-height: 1.35;
  }
}

@media print {
  :where([data-css~="s0"]) .materials-section {
    padding: 7mm 25mm;
    flex-shrink: 0;
  }
}

@media print {
  :where([data-css~="s0"]) .section-heading {
    margin-bottom: 3mm;
  }
}

@media print {
  :where([data-css~="s0"]) .section-heading h3 {
    font-size: 9pt;
  }
}

@media print {
  :where([data-css~="s0"]) .tag-grid {
    gap: 2.5mm;
  }
}

@media print {
  :where([data-css~="s0"]) .tag-box {
    min-height: 9mm;
    padding: 2mm 3mm;
    font-size: 7pt;
  }
}

@media print {
  :where([data-css~="s0"]) .applications-section {
    padding: 6mm 25mm;
    flex-shrink: 0;
  }
}

@media print {
  :where([data-css~="s0"]) .standards-section {
    padding: 7mm 25mm;
    flex-shrink: 0;
  }
}

@media print {
  :where([data-css~="s0"]) .standard-box {
    min-height: 8.5mm;
    padding: 2mm 3mm;
    font-size: 6.8pt;
  }
}

@media print {
  :where([data-css~="s0"]) .quality-section {
    padding: 6mm 25mm;
    flex-shrink: 0;
  }
}

@media print {
  :where([data-css~="s0"]) .quality-content {
    font-size: 8pt;
    line-height: 1.5;
  }
}

@media print {
  :where([data-css~="s0"]) .supply-section {
    padding: 7mm 25mm;
    gap: 8mm;
    flex-shrink: 0;
  }
}

@media print {
  :where([data-css~="s0"]) .supply-title h3 {
    font-size: 9pt;
  }
}

@media print {
  :where([data-css~="s0"]) .supply-content {
    font-size: 8pt;
    line-height: 1.5;
  }
}

@media print {
  :where([data-css~="s0"]) .supply-content .capability-list li {
    margin-bottom: 1mm;
  }
}

@media print {
  :where([data-css~="s0"]) .datasheet-footer {
    padding: 6mm 25mm;
    min-height: 18mm;
    flex-shrink: 0;
    grid-template-columns: 1fr auto 1fr;
  }
}

@media print {
  :where([data-css~="s0"]) .datasheet-footer-brand {
    font-size: 12pt;
  }
}

@media print {
  :where([data-css~="s0"]) .datasheet-footer-contact {
    font-size: 9pt;
  }
}

@media print {
  :where([data-css~="s0"]) .footer-tagline {
    font-size: 10pt;
  }
}

@media print {
  :where([data-css~="siz"]),
  :where([data-css~="siz"]) * {
    print-color-adjust: exact !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .datasheet {
    background: rgb(243, 246, 248) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .drawing-section {
    background: rgb(11, 31, 51) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .dimensions-section {
    background: rgb(243, 246, 248) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .dimensions-table thead th {
    background: rgb(23, 40, 61) !important;
    color: rgb(255, 255, 255) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .dimensions-table tbody th {
    background: rgb(231, 237, 242) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .dimensions-table tbody tr:nth-child(2n) td {
    background: rgb(241, 245, 248) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .dimensions-table tbody tr:nth-child(2n + 1) td {
    background: rgb(255, 255, 255) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .class-badge {
    background: rgb(232, 117, 36) !important;
    color: rgb(255, 255, 255) !important;
  }
}

@media print {
  :where([data-css~="s2z"]) .datasheet-footer {
    background: rgb(23, 35, 47) !important;
    color: rgb(255, 255, 255) !important;
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .datasheet {
      width: 420mm !important;
      height: 297mm !important;
      padding: 9mm 10mm 7mm !important;
      background: rgb(243, 246, 248) !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .datasheet-header {
      height: 25mm !important;
      min-height: 0px !important;
      padding: 0px !important;
      grid-template-columns: 1fr 2fr 1fr !important;
      gap: 0px !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .header-logo img {
      max-width: 55mm !important;
      max-height: 14mm !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .header-title {
      grid-area: auto !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .header-title h1 {
      font-size: 21pt !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .header-title p {
      font-size: 9pt !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .class-badge {
      width: 25mm !important;
      height: 18mm !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .drawing-section {
      height: 82mm !important;
      padding: 4mm 0px 0px !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .drawing-panel {
      height: 69mm !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .dimensions-section {
      padding: 4mm 0px 0px !important;
      display: flex !important;
      flex-direction: column !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .dimensions-heading h2 {
      font-size: 14pt !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .dimensions-heading p {
      font-size: 7.5pt !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .table-wrapper {
      overflow: hidden !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .dimensions-table {
      min-width: 0px !important;
      width: 100% !important;
      font-size: 7pt !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .dimensions-table th,
    :where([data-css~="s2z"]) .dimensions-table td {
      padding: 1.05mm 0.8mm !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .dimensions-table thead th {
      font-size: 6.8pt !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .table-note {
      font-size: 7pt !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .datasheet-footer {
      height: 15mm !important;
      min-height: 0px !important;
      padding: 3mm 10mm !important;
      display: grid !important;
      grid-template-columns: 1fr 2fr 1fr !important;
      gap: 0px !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .footer-contact {
      flex-wrap: nowrap !important;
      gap: 7mm !important;
      font-size: 8pt !important;
    }
  }
}

@media print {
  @media screen and (max-width: 768px) {
    :where([data-css~="s2z"]) .footer-document {
      font-size: 8pt !important;
    }
  }
}

@media print {
  @media screen and (max-width: 480px) {
    :where([data-css~="s2z"]) .datasheet {
      width: 420mm !important;
      height: 297mm !important;
      padding: 9mm 10mm 7mm !important;
    }
  }
}

@media print {
  @media screen and (max-width: 480px) {
    :where([data-css~="s2z"]) .datasheet-header {
      height: 25mm !important;
      padding: 0px !important;
    }
  }
}

@media print {
  @media screen and (max-width: 480px) {
    :where([data-css~="s2z"]) .header-logo img {
      max-width: 55mm !important;
      max-height: 14mm !important;
    }
  }
}

@media print {
  @media screen and (max-width: 480px) {
    :where([data-css~="s2z"]) .header-title h1 {
      font-size: 21pt !important;
    }
  }
}

@media print {
  @media screen and (max-width: 480px) {
    :where([data-css~="s2z"]) .header-title p {
      font-size: 9pt !important;
    }
  }
}

@media print {
  @media screen and (max-width: 480px) {
    :where([data-css~="s2z"]) .class-badge {
      width: 25mm !important;
      height: 18mm !important;
    }
  }
}

@media print {
  @media screen and (max-width: 480px) {
    :where([data-css~="s2z"]) .drawing-section {
      height: 82mm !important;
      padding: 4mm 0px 0px !important;
    }
  }
}

@media print {
  @media screen and (max-width: 480px) {
    :where([data-css~="s2z"]) .drawing-panel {
      height: 69mm !important;
    }
  }
}

@media print {
  @media screen and (max-width: 480px) {
    :where([data-css~="s2z"]) .dimensions-section {
      padding: 4mm 0px 0px !important;
    }
  }
}

@media print {
  @media screen and (max-width: 480px) {
    :where([data-css~="s2z"]) .dimensions-table {
      min-width: 0px !important;
      width: 100% !important;
      font-size: 7pt !important;
    }
  }
}

@media print {
  @media screen and (max-width: 480px) {
    :where([data-css~="s2z"]) .dimensions-table th,
    :where([data-css~="s2z"]) .dimensions-table td {
      padding: 1.05mm 0.8mm !important;
    }
  }
}

@media print {
  @media screen and (max-width: 480px) {
    :where([data-css~="s2z"]) .datasheet-footer {
      height: 15mm !important;
      padding: 3mm 10mm !important;
      display: grid !important;
      grid-template-columns: 1fr 2fr 1fr !important;
    }
  }
}

:where([data-css~="sj0"]) .enquiry-response {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
}

:where([data-css~="sj0"]) .enquiry-response .enquiry-container {
  width: 100%;
  max-width: 680px;
}

:where([data-css~="sj0"]) .enquiry-response h1 {
  font-size: clamp(26px, 4vw, 32px);
  line-height: 1.25;
  margin: 0px 0px 16px;
  overflow-wrap: break-word;
}

:where([data-css~="sj0"]) .enquiry-response p {
  line-height: 1.7;
  margin-bottom: 24px;
}

:where([data-css~="sj0"])
  .enquiry-response
  :is(.enquiry-submit, .enquiry-reset) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

:where([data-css~="sj0"]) .enquiry-response .enquiry-code {
  margin-bottom: 24px;
}

:where([data-css~="sj0"]) .enquiry-response .enquiry-code img {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
}

:where([data-css~="sj0"]) .enquiry-response .form-buttons {
  flex-wrap: wrap;
}

@media print {
  html:where([data-print="datasheet"]) body {
    page: flange-datasheet;
  }
}

/* ==========================================================================
   MOBILE AND NARROW SCREEN SUPPORT
   Keep media fluid and let wide technical tables scroll within the page.
   ========================================================================== */
@media (max-width: 768px) {
  img,
  video,
  canvas,
  iframe {
    max-width: 100%;
  }
  svg {
    max-width: 100%;
    height: auto;
  }
  pre,
  code {
    overflow-wrap: anywhere;
  }
  pre {
    max-width: 100%;
    overflow-x: auto;
  }
  h1,
  h2,
  h3,
  h4,
  p,
  a,
  li,
  td,
  th {
    overflow-wrap: anywhere;
  }
  h1,
  h2,
  h3,
  h4 {
    white-space: normal !important;
  }
  table {
    max-width: 100%;
  }
  .table-responsive,
  .table-wrapper,
  .table-container,
  .table-scroll,
  .dimensions-table-wrapper {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 480px) {
  img,
  video,
  canvas,
  iframe {
    max-width: 100%;
  }
  .container {
    max-width: 100%;
  }
}

/* MOBILE AUDIT FIXES: keep dimension controls and data tables usable on phones. */
@media (max-width: 768px) {
  [class*="unit-selector"] {
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
  }
  [class*="unit-selector"] > button,
  [class*="unit-selector"] > a {
    flex: 1 1 140px;
    min-width: 0;
    max-width: 100%;
  }
  [class*="table-wrapper"],
  [class*="table-scroll"],
  [class*="table-wrap"] {
    max-width: 100%;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }
  table {
    min-width: 100%;
  }
  .e1-drawing-title,
  .b165-drawing-title,
  .b1636-drawing-title,
  .b1647-drawing-title,
  .api6a-drawing-title {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .mss-hero-art {
    width: min(100%, 272px);
    max-width: 100%;
    margin-inline: auto;
  }
  .datasheet {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding-inline: 12px;
  }
  .drawing-section {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
  }
  .drawing-panel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  main.datasheet .drawing-panel img {
    width: 100% !important;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }
  body {
    overflow-x: clip;
  }
}