/* Make text look crisper and more legible in all browsers */
    :root{
        --color-primary-dark: #024554;
        --color-primary: #53736A;
        --color-secondary: #6A8C69;
        --color-accent: #A8B545;
        --color-neutral: #C2C0A6;
    }             

body {
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                  font-smoothing: antialiased;
                  text-rendering: optimizeLegibility;
                  -webkit-tap-highlight-color: transparent;
                  }
                  /* Focus state style for keyboard navigation for the focusable elements */
                  *[tabindex]:focus-visible,
                  input[type="file"]:focus-visible {
                  outline: 0.125rem solid #4d65ff;
                  outline-offset: 0.125rem;
                  }
                  /* Get rid of top margin on first element in any rich text element */
                  .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
                  margin-top: 0 !important;
                  }
                  /* Get rid of bottom margin on last element in any rich text element */
                  .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
                  margin-bottom: 0 !important;
                  }
                  /* Prevent all click and hover interaction with an element */
                  .pointer-events-off {
                  pointer-events: none;
                  }
                  /* Enables all click and hover interaction with an element */
                  .pointer-events-on {
                  pointer-events: auto;
                  }
                  /* Create a class of .div-square which maintains a 1:1 dimension of a div */
                  .div-square::after {
                  content: "";
                  display: block;
                  padding-bottom: 100%;
                  }
                  /* Make sure containers never lose their center alignment */
                  .container-medium,.container-small, .container-large {
                  margin-right: auto !important;
                  margin-left: auto !important;
                  }
                  /* 
                  Make the following elements inherit typography styles from the parent and not have hardcoded values. 
                  Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
                  Uncomment this CSS to use it in the project. Leave this message for future hand-off.
                  */
                  /*
                  a,
                  .w-input,
                  .w-select,
                  .w-tab-link,
                  .w-nav-link,
                  .w-dropdown-btn,
                  .w-dropdown-toggle,
                  .w-dropdown-link {
                  color: inherit;
                  text-decoration: inherit;
                  font-size: inherit;
                  }
                  */
                  /* Apply "..." after 4 lines of text */
                  .text-style-4lines {
                  display: -webkit-box;
                  overflow: hidden;
                  -webkit-line-clamp: 4;
                  -webkit-box-orient: vertical;
                  }
                  /* Apply "..." after 3 lines of text */
                  .text-style-3lines {
                  display: -webkit-box;
                  overflow: hidden;
                  -webkit-line-clamp: 3;
                  -webkit-box-orient: vertical;
                  }
                  /* Apply "..." after 2 lines of text */
                  .text-style-2lines {
                  display: -webkit-box;
                  overflow: hidden;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
                  }
                  /* Adds inline flex display */
                  .display-inlineflex {
                  display: inline-flex;
                  }
                  /* These classes are never overwritten */
                  .hide {
                  display: none !important;
                  }
                  @media screen and (max-width: 991px) {
                  .hide, .hide-tablet {
                  display: none !important;
                  }
                  }
                  @media screen and (max-width: 767px) {
                  .hide-mobile-landscape {
                  display: none !important;
                  }
                  }
                  @media screen and (max-width: 479px) {
                  .hide-mobile {
                  display: none !important;
                  }
                  }
                  .margin-0 {
                  margin: 0rem !important;
                  }
                  .padding-0 {
                  padding: 0rem !important;
                  }
                  .spacing-clean {
                  padding: 0rem !important;
                  margin: 0rem !important;
                  }
                  .margin-top {
                  margin-right: 0rem !important;
                  margin-bottom: 0rem !important;
                  margin-left: 0rem !important;
                  }
                  .padding-top {
                  padding-right: 0rem !important;
                  padding-bottom: 0rem !important;
                  padding-left: 0rem !important;
                  }
                  .margin-right {
                  margin-top: 0rem !important;
                  margin-bottom: 0rem !important;
                  margin-left: 0rem !important;
                  }
                  .padding-right {
                  padding-top: 0rem !important;
                  padding-bottom: 0rem !important;
                  padding-left: 0rem !important;
                  }
                  .margin-bottom {
                  margin-top: 0rem !important;
                  margin-right: 0rem !important;
                  margin-left: 0rem !important;
                  }
                  .padding-bottom {
                  padding-top: 0rem !important;
                  padding-right: 0rem !important;
                  padding-left: 0rem !important;
                  }
                  .margin-left {
                  margin-top: 0rem !important;
                  margin-right: 0rem !important;
                  margin-bottom: 0rem !important;
                  }
                  .padding-left {
                  padding-top: 0rem !important;
                  padding-right: 0rem !important;
                  padding-bottom: 0rem !important;
                  }
                  .margin-horizontal {
                  margin-top: 0rem !important;
                  margin-bottom: 0rem !important;
                  }
                  .padding-horizontal {
                  padding-top: 0rem !important;
                  padding-bottom: 0rem !important;
                  }
                  .margin-vertical {
                  margin-right: 0rem !important;
                  margin-left: 0rem !important;
                  }
                  .padding-vertical {
                  padding-right: 0rem !important;
                  padding-left: 0rem !important;
                  }
                  a {
                  color: inherit;
                  text-decoration: inherit;
                  font: inherit;
                  }
                  .vs_quality-icon-list {
                  scrollbar-width: none; /* Firefox */
                  -ms-overflow-style: none; /* Internet Explorer 10+ */
                  }
                  .vs_quality-icon-list::-webkit-scrollbar {
                  display: none; /* Chrome, Safari, and Edge */
                  }
                  .process_list {
                  scrollbar-width: none; /* Firefox */
                  -ms-overflow-style: none; /* Internet Explorer 10+ */
                  }
                  .process_list::-webkit-scrollbar {
                  display: none; /* Chrome, Safari, and Edge */
                  }
                  .swiper-slide.video-testimonial:last-child {
                  padding-right: 0;
                  }
                  .safety-rich-text h1,
                  .safety-rich-text h2, 
                  .safety-rich-text h3,
                  .safety-rich-text h4,
                  .safety-rich-text h5,
                  .safety-rich-text h6 {
                  color: black !important;
                  }
                  .nav_menu-overline {
                  color: var(--neutrals--coal-60) !important;
                  }
                  @media screen and (max-width: 991px) {
                  .nav_menu-overline.is-footer {
                  color: var(--neutrals--slate-100) !important;
                  }
                  }
                  .nav_menu-h2 {
                  color: var(--neutrals--slate-100) !important;
                  }
                  .footer-column-header {
                  color: black !important;
                  }
                  .dark-theme :is(h1, h2, h3, h4, h5, h6) {
                  color: var(--text-color--light);
                  }
                  .menu_link {
                  all: unset; 
                  cursor: pointer; 
                  }
                  .nav-button {
                  background-color: unset; 
                  cursor: pointer; 
                  }
                  .nav-link.is-active {
                  color: var(--neutrals--coal-80) !important;
                  }
                  .menu_panel {
                  scrollbar-width: none; /* Firefox */
                  -webkit-overflow-scrolling: touch;
                  }
                  .menu_panel::-webkit-scrollbar {
                  width: 0px;
                  height: 0px;
                  display: none; /* Chrome, Safari, Edge */
                  }
                  .faq_answer-row {
                  width: 100% !important;
                  }
                  .quality_test-list-item-bottom {
                  width: 100% !important;
                  }
                  .swiper-pagination-bullets.swiper-pagination-horizontal {
                  width: auto !important;
                  }
                  input[type="range"]:focused {
                  outline: 3px solid #ff5733;
                  outline-offset: 2px;
                  }
                  .faq-answer-txt a {
                  text-decoration: underline;
                  }
                  .navbar_dropdown-toggle.w--open {
                  box-shadow: inset 0 -2px 0 0 var(--swatch--charcoal);
                  pointer-events: auto;
                  }
                  @media screen and (min-width: 992px) {
                  .edn_menu-wrap {display: none !important;} 
                  }
                  .content-rich-text ul {
                  padding: 0;
                  list-style-type: none;
                  }
                  .content-rich-text ul li {
                  background-image: url('../images/680a6ab7cbec739f83fa93c9_checksvg.svg');
                  background-repeat: no-repeat;
                  padding-left: 2rem;
                  background-position: 0 3px;
                  }

                  :root {
                  --container--main: calc( min(100%, var(--site--width)) - var(--site--margin) * 2 );
                  --container--main-alt: calc( min(100%, var(--site--width-alt)) - var(--site--margin) * 2 );
                  --container--med: calc( min(100%, var(--site--med)) - var(--site--margin) * 2 );
                  --container--small: calc( min(100%, var(--site--small)) - var(--site--margin) * 2 );
                  --container--large: calc( min(100%, var(--site--large)) - var(--site--margin) * 2 );
                  --size--h0-heading: 4rem;
                  --size--h1-heading: 3.5rem;
                  --size--h2-heading: 3rem;
                  --size--h3-heading: 2.5rem;
                  --size--h4-heading: 2rem;
                  --size--h5-heading: 1.5rem;
                  --size--h6-heading: 1.25rem;
                  }
                  @media screen and (max-width: 767px) {
                  :root {
                  --size--h0-heading: 2.75rem;
                  --size--h1-heading: 2.5rem;
                  --size--h2-heading: 2.25rem;
                  --size--h3-heading: 2rem;
                  --size--h4-heading: 1.5rem;
                  --size--h5-heading: 1.25rem;
                  --size--h6-heading: 1.125rem;
                  }
                  }
                  /* fluid sizes */
                  @supports (font-size: clamp(1rem, 0.5rem + 3vw, 3rem)) {
                  :root {
                  --size--h0-heading: clamp(2.75rem, 2.392rem + 1.79vw, 4rem);
                  --size--h1-heading: clamp(2.5rem, 2.214rem + 1.43vw, 3.5rem);
                  --size--h2-heading: clamp(2.25rem, 2.036rem + 1.07vw, 3rem);
                  --size--h3-heading: clamp(2rem, 1.858rem + 0.71vw, 2.5rem);
                  --size--h4-heading: clamp(1.5rem, 1.358rem + 0.71vw, 2rem);
                  --size--h5-heading: clamp(1.25rem, 1.178rem + 0.36vw, 1.5rem);
                  --size--h6-heading: clamp(1.125rem, 1.089rem + 0.18vw, 1.25rem);
                  }
                  }
                  @media (max-width: 1160px) and (min-width: 992px) {
                              .service_card-heading.is-small {
                              max-width: 14ch;
                              }
                              }
                              [data-wf-bgvideo-fallback-img] {
                                          display: none;
                                          }
                                          @media (prefers-reduced-motion: reduce) {
                                          [data-wf-bgvideo-fallback-img] {
                                          position: absolute;
                                          z-index: -100;
                                          display: inline-block;
                                          height: 100%;
                                          width: 100%;
                                          object-fit: cover;
                                          }
                                          }