/* ================================
   Partials
   ================================ */
/* ================================
   Reset
   ================================ */
*, *::before, *::after{
  box-sizing: border-box;
}
/* ================================
   Normalize
   ================================ */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html{
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body{
  margin: 0;
}

main{
  display: block;
}

h1{
  font-size: 2em;
  margin: 0.67em 0;
}

hr{
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

a{
  background-color: transparent;
}

b,
strong{
  font-weight: bolder;
}

img{
  border-style: none;
}

button,
input,
optgroup,
select,
textarea{
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input{
  overflow: visible;
}

button,
select{
  text-transform: none;
}

[type=button],
[type=reset],
[type=submit],
button{
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner{
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring{
  outline: 1px dotted ButtonText;
}

[type=checkbox],
[type=radio]{
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{
  height: auto;
}

[type="search"]{
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration{
  -webkit-appearance: none;
}

::-webkit-file-upload-button{
  -webkit-appearance: button;
  font: inherit;
}

details{
  display: block;
}

summary{
  display: list-item;
}

template{
  display: none;
}

[hidden]{
  display: none;
}
/* ================================
   Fonts
   ================================ */
@font-face{
  font-family:"Poppins";
  src:url("https://6097324.fs1.hubspotusercontent-na1.net/hubfs/6097324/WC/Fonts/Poppins/Poppins-Light.ttf") format("truetype");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Poppins";
  src:url("https://6097324.fs1.hubspotusercontent-na1.net/hubfs/6097324/WC/Fonts/Poppins/Poppins-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Poppins";
  src:url("https://6097324.fs1.hubspotusercontent-na1.net/hubfs/6097324/WC/Fonts/Poppins/Poppins-Medium.ttf") format("truetype");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Poppins";
  src:url("https://6097324.fs1.hubspotusercontent-na1.net/hubfs/6097324/WC/Fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

/* ================================
   HubL configuration
   ================================ */

































/* ================================
   Root tokens
   ================================ */
:root{
  /* Brand core */
  --highlight-red: #fa0000;
  --medium-red: #aa0000;
  --dark-red: #730000;
  --metal-gray: #3d4744;
  --dark-metal: #202221;
  --slate: #212f36;

  /* Support */
  --white: #ffffff;
  --black: #000000;
  --dark-gray: #1e1e1e;
  --dark-gray-muted: #535a5a;
  --medium-gray: #8c8c8c;
  --light-gray: #c8c8c8;
  --lightest-gray: #ebebeb;

  /* Typography */
  --font-family-base: Poppins, Arial, sans-serif;
  --font-family-heading: Poppins, Arial, sans-serif;
  --font-size-base: 1rem;
  --line-height-base: 1.6;

  /* Layout */
  --container-max: 1200px;
  --container-pad: 16px;
  --section-pad-y: 56px;

  /* Legacy shell spacing tokens */
  --space-shell-sm: 35.156px;
  --space-shell-md: 54.932px;
  --space-shell-lg: 109.932px;
  --space-section-sm: 2.441rem;
  --space-section-md: 3.052rem;

  /* Radius */
  --radius-1: 2px;
  --radius-2: 4px;

  /* Focus */
  --focus-ring: 0 0 0 3px rgba(250, 0, 0, 0.35);

  /* Grid */
  --grid-gutter-x: 0px;
  --grid-gutter-y: 0px;

  /* Forms */
  --form-input: #33475b;
  --form-bg-light: #ffffff;
  --form-border: rgba(203, 214, 226, 1);

  /* Navigation */
  --color-submenu: #f7f7f7;

  /* Blog */
  --blog-bg-light: #eef2f4;
  --blog-link: var(--highlight-red);
  --blog-link-hover: var(--medium-red);
  --blog-link-active: var(--dark-red);
  --blog-border: rgba(61, 71, 68, 0.25);
  --blog-card-border: var(--light-gray);
  --blog-text: var(--dark-gray);
}

/* Responsive layout tokens */
@media (min-width: 576px){
  :root{
    --container-max: 540px;
    --container-pad: 24px;
    --section-pad-y: 64px;
  }
}

@media (min-width: 768px){
  :root{
    --container-max: 720px;
    --container-pad: 28px;
    --section-pad-y: 72px;
  }
}

@media (min-width: 992px){
  :root{
    --container-max: 960px;
    --container-pad: 32px;
    --section-pad-y: 80px;
  }
}

@media (min-width: 1200px){
  :root{
    --container-max: 95%;
    --container-pad: 40px;
    --section-pad-y: 80px;
  }
}
/* ================================
   Base
   ================================ */
html{
  font-size: 100%;
}

body{
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: 300;
  line-height: 1.5;
  color: var(--dark-gray);
  background: var(--white);
}

img{
  max-width: 100%;
  height: auto;
  display: block;
}

a{
  color: var(--highlight-red);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover{
  color: var(--medium-red);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: var(--radius-1);
}

p{
  margin: 0 0 1rem;
}

h1, .h1{
  font-family: var(--font-family-heading);
  font-weight: 700;
  font-size: clamp(1.8rem, 1.5rem + 1.5vw, 2.5rem);
  line-height: 1.2;
}

h2, .h2{
  font-family: var(--font-family-heading);
  font-weight: 400;
  font-size: clamp(1.5rem, 1.3rem + 1.2vw, 2rem);
  line-height: 1.25;
}

h3, .h3{
  font-family: var(--font-family-heading);
  font-weight: 500;
  font-size: clamp(1.3rem, 1.1rem + 1vw, 1.625rem);
  line-height: 1.3;
}

h4, .h4{
  font-family: var(--font-family-heading);
  font-weight: 500;
  font-size: clamp(1.1rem, 0.95rem + .8vw, 1.375rem);
  line-height: 1.35;
}

h5, .h5{
  font-family: var(--font-family-heading);
  font-weight: 500;
  font-size: clamp(.95rem, .85rem + .6vw, 1.125rem);
  line-height: 1.4;
}

h6, .h6{
  font-family: var(--font-family-heading);
  font-weight: 400;
  font-size: clamp(.85rem, .75rem + .5vw, 1rem);
  line-height: 1.4;
}

h1, h2, h3, h4, h5, h6{
  margin: 0.5rem 0;
  overflow-wrap: break-word;
}

b,
strong{
  font-weight: 600;
}

.text-muted{
  color: var(--dark-gray-muted) !important;
}

.small-heading,
.eyebrow{
  font-weight: 500;
  letter-spacing: .05em;
  margin-bottom: .5rem;
}

.small-heading{
  font-size: 1.375rem;
}

.eyebrow{
  font-size: 0.75rem;
  text-transform: uppercase;
}

.aside{
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--light-gray);
  margin: .4rem 0;
  text-align: left;
}

figcaption,
.caption{
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--dark-gray);
  margin: .4rem 0;
  text-align: center;
  letter-spacing: .04em;
}

blockquote{
  border-left: 4px solid var(--light-gray);
  padding-left: 1rem;
  margin: 1rem 0;
}

code{
  vertical-align: bottom;
}

ul{
  margin-top: 0;
  margin-bottom: 1rem;
}

ul ul{
  margin-bottom: 0;
}

hr{
  margin: 1rem 0;
  border: 0;
  border-top: 1px solid var(--light-gray);
}

.cta-arrow-icon{
  fill: var(--highlight-red);
  width: 0.6rem;
  height: 0.6rem;
}

.cta-arrow{
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path fill='black' d='m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path fill='black' d='m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z'/></svg>") no-repeat center / contain;
}

@media (max-width: 992px){
  html{
    font-size: 1rem;
  }
}

@media (prefers-reduced-motion: reduce){
  html:focus-within{
    scroll-behavior: auto;
  }

  *, *::before, *::after{
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* ================================
   Layout shell
   ================================ */
.dnd-section{
  padding: var(--section-pad-y) 0;
}

.banner-area .dnd-section{
  padding: 0;
}

.banner-section .dnd-section > .row-fluid{
  padding: 0;
}

.dnd-section > .row-fluid,
.page-center{
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-pad);
  padding-right: var(--container-pad);
}

.dnd-section .widget-type-cell{
  padding-left: 0;
  padding-right: 0;
}

.body-container__homepage .dnd-section:nth-of-type(odd){
  background-color: transparent;
}

.home-banner{
  max-width: 100% !important;
}

.body-container-wrapper{
  padding-top: 99px;
}

.container-fluid:before,
.container-fluid:after{
  display: table;
  content: "";
}

.container-fluid:after{
  clear: both;
}

/* ================================
   Bootstrap-like grid
   ================================ */
.row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@supports (gap: 1rem){
  .row{
    gap: var(--grid-gutter-y) var(--grid-gutter-x);
    margin: 0;
  }

  .row > .col,
  .row > [class^="col-"],
  .row > [class*=" col-"]{
    padding: 0;
  }
}

@supports not (gap: 1rem){
  .row{
    margin-right: -15px;
    margin-left: -15px;
    margin-top: -15px;
    margin-bottom: -15px;
  }

  .row > .col,
  .row > [class^="col-"],
  .row > [class*=" col-"]{
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.no-gutters{
  margin: 0 !important;
}

@supports (gap: 1rem){
  .no-gutters{
    gap: 0 !important;
  }
}

.no-gutters > .col,
.no-gutters > [class^="col-"],
.no-gutters > [class*=" col-"]{
  padding: 0 !important;
}

.col,
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-auto,
.col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto,
.col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto,
.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto,
.col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto{
  position: relative;
  width: 100%;
}

.col{
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto{
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1{  -ms-flex:0 0  8.33333%; flex:0 0  8.33333%; max-width: 8.33333%; }
.col-2{  -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%; }
.col-3{  -ms-flex:0 0 25%;       flex:0 0 25%;       max-width:25%; }
.col-4{  -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%; }
.col-5{  -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667%; }
.col-6{  -ms-flex:0 0 50%;       flex:0 0 50%;       max-width:50%; }
.col-7{  -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333%; }
.col-8{  -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%; }
.col-9{  -ms-flex:0 0 75%;       flex:0 0 75%;       max-width:75%; }
.col-10{ -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%; }
.col-11{ -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667%; }
.col-12{ -ms-flex:0 0 100%;      flex:0 0 100%;      max-width:100%; }

@media (min-width:576px){
  .col-sm{ -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%; }
  .col-sm-auto{ -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100%; }

  .col-sm-1{  -ms-flex:0 0  8.33333%; flex:0 0  8.33333%; max-width: 8.33333%; }
  .col-sm-2{  -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%; }
  .col-sm-3{  -ms-flex:0 0 25%;       flex:0 0 25%;       max-width:25%; }
  .col-sm-4{  -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%; }
  .col-sm-5{  -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667%; }
  .col-sm-6{  -ms-flex:0 0 50%;       flex:0 0 50%;       max-width:50%; }
  .col-sm-7{  -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333%; }
  .col-sm-8{  -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%; }
  .col-sm-9{  -ms-flex:0 0 75%;       flex:0 0 75%;       max-width:75%; }
  .col-sm-10{ -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%; }
  .col-sm-11{ -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667%; }
  .col-sm-12{ -ms-flex:0 0 100%;      flex:0 0 100%;      max-width:100%; }
}

@media (min-width:768px){
  .col-md{ -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%; }
  .col-md-auto{ -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100%; }

  .col-md-1{  -ms-flex:0 0  8.33333%; flex:0 0  8.33333%; max-width: 8.33333%; }
  .col-md-2{  -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%; }
  .col-md-3{  -ms-flex:0 0 25%;       flex:0 0 25%;       max-width:25%; }
  .col-md-4{  -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%; }
  .col-md-5{  -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667%; }
  .col-md-6{  -ms-flex:0 0 50%;       flex:0 0 50%;       max-width:50%; }
  .col-md-7{  -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333%; }
  .col-md-8{  -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%; }
  .col-md-9{  -ms-flex:0 0 75%;       flex:0 0 75%;       max-width:75%; }
  .col-md-10{ -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%; }
  .col-md-11{ -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667%; }
  .col-md-12{ -ms-flex:0 0 100%;      flex:0 0 100%;      max-width:100%; }
}

@media (min-width:992px){
  .col-lg{ -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%; }
  .col-lg-auto{ -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100%; }

  .col-lg-1{  -ms-flex:0 0  8.33333%; flex:0 0  8.33333%; max-width: 8.33333%; }
  .col-lg-2{  -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%; }
  .col-lg-3{  -ms-flex:0 0 25%;       flex:0 0 25%;       max-width:25%; }
  .col-lg-4{  -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%; }
  .col-lg-5{  -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667%; }
  .col-lg-6{  -ms-flex:0 0 50%;       flex:0 0 50%;       max-width:50%; }
  .col-lg-7{  -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333%; }
  .col-lg-8{  -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%; }
  .col-lg-9{  -ms-flex:0 0 75%;       flex:0 0 75%;       max-width:75%; }
  .col-lg-10{ -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%; }
  .col-lg-11{ -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667%; }
  .col-lg-12{ -ms-flex:0 0 100%;      flex:0 0 100%;      max-width:100%; }
}

@media (min-width:1200px){
  .col-xl{ -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%; }
  .col-xl-auto{ -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100%; }

  .col-xl-1{  -ms-flex:0 0  8.33333%; flex:0 0  8.33333%; max-width: 8.33333%; }
  .col-xl-2{  -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%; }
  .col-xl-3{  -ms-flex:0 0 25%;       flex:0 0 25%;       max-width:25%; }
  .col-xl-4{  -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%; }
  .col-xl-5{  -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667%; }
  .col-xl-6{  -ms-flex:0 0 50%;       flex:0 0 50%;       max-width:50%; }
  .col-xl-7{  -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333%; }
  .col-xl-8{  -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%; }
  .col-xl-9{  -ms-flex:0 0 75%;       flex:0 0 75%;       max-width:75%; }
  .col-xl-10{ -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%; }
  .col-xl-11{ -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667%; }
  .col-xl-12{ -ms-flex:0 0 100%;      flex:0 0 100%;      max-width:100%; }
}

/* ================================
   Gutter utilities
   ================================ */
.g-0{ --grid-gutter-x:0; --grid-gutter-y:0; }
.g-1{ --grid-gutter-x:.25rem; --grid-gutter-y:.25rem; }
.g-2{ --grid-gutter-x:.5rem; --grid-gutter-y:.5rem; }
.g-3{ --grid-gutter-x:1rem; --grid-gutter-y:1rem; }
.g-4{ --grid-gutter-x:1.5rem; --grid-gutter-y:1.5rem; }
.g-5{ --grid-gutter-x:3rem; --grid-gutter-y:3rem; }

.gx-0{ --grid-gutter-x:0; }
.gx-1{ --grid-gutter-x:.25rem; }
.gx-2{ --grid-gutter-x:.5rem; }
.gx-3{ --grid-gutter-x:1rem; }
.gx-4{ --grid-gutter-x:1.5rem; }
.gx-5{ --grid-gutter-x:3rem; }

.gy-0{ --grid-gutter-y:0; }
.gy-1{ --grid-gutter-y:.25rem; }
.gy-2{ --grid-gutter-y:.5rem; }
.gy-3{ --grid-gutter-y:1rem; }
.gy-4{ --grid-gutter-y:1.5rem; }
.gy-5{ --grid-gutter-y:3rem; }

/* ================================
   Flex utilities
   ================================ */
.flex-row{ -ms-flex-direction:row!important; flex-direction:row!important; }
.flex-column{ -ms-flex-direction:column!important; flex-direction:column!important; }
.flex-wrap{ -ms-flex-wrap:wrap!important; flex-wrap:wrap!important; }
.flex-fill{ -ms-flex:1 1 auto!important; flex:1 1 auto!important; }
.flex-grow-0{ -ms-flex-positive:0!important; flex-grow:0!important; }
.flex-grow-1{ -ms-flex-positive:1!important; flex-grow:1!important; }

.justify-content-start{ -ms-flex-pack:start!important; justify-content:flex-start!important; }
.justify-content-end{ -ms-flex-pack:end!important; justify-content:flex-end!important; }
.justify-content-center{ -ms-flex-pack:center!important; justify-content:center!important; }
.justify-content-between{ -ms-flex-pack:justify!important; justify-content:space-between!important; }

.align-items-start{ -ms-flex-align:start!important; align-items:flex-start!important; }
.align-items-end{ -ms-flex-align:end!important; align-items:flex-end!important; }
.align-items-center{ -ms-flex-align:center!important; align-items:center!important; }

.align-content-start{ -ms-flex-line-pack:start!important; align-content:flex-start!important; }
.align-content-end{ -ms-flex-line-pack:end!important; align-content:flex-end!important; }
.align-content-center{ -ms-flex-line-pack:center!important; align-content:center!important; }
.align-content-between{ -ms-flex-line-pack:justify!important; align-content:space-between!important; }

.align-self-auto{ -ms-flex-item-align:auto!important; -ms-grid-row-align:auto!important; align-self:auto!important; }
.align-self-start{ -ms-flex-item-align:start!important; align-self:flex-start!important; }
.align-self-end{ -ms-flex-item-align:end!important; align-self:flex-end!important; }
.align-self-center{ -ms-flex-item-align:center!important; -ms-grid-row-align:center!important; align-self:center!important; }

/* ================================
   Floats / Overflow / Position
   ================================ */
.float-left{ float:left!important; }
.float-right{ float:right!important; }
.float-none{ float:none!important; }

.overflow-auto{ overflow:auto!important; }
.overflow-hidden{ overflow:hidden!important; }

.position-static{ position:static!important; }
.position-relative{ position:relative!important; }
.position-absolute{ position:absolute!important; }
.position-fixed{ position:fixed!important; }
.position-sticky{ position:-webkit-sticky!important; position:sticky!important; }

.fixed-top{ position:fixed; top:0; right:0; left:0; z-index:1030; }
.fixed-bottom{ position:fixed; right:0; bottom:0; left:0; z-index:1030; }

@supports ((position:-webkit-sticky) or (position:sticky)){
  .sticky-top{ position:-webkit-sticky; position:sticky; top:0; z-index:1020; }
}

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

/* ================================
   Shadows / Sizing
   ================================ */
.shadow-sm{ box-shadow:0 .125rem .25rem rgba(33,47,54,.075)!important; }
.shadow{ box-shadow:0 .5rem 1rem rgba(33,47,54,.15)!important; }
.shadow-lg{ box-shadow:0 1rem 3rem rgba(33,47,54,.175)!important; }
.shadow-none{ box-shadow:none!important; }

.w-25{ width:25%!important; }
.w-50{ width:50%!important; }
.w-75{ width:75%!important; }
.w-100{ width:100%!important; }
.w-auto{ width:auto!important; }

.h-25{ height:25%!important; }
.h-50{ height:50%!important; }
.h-75{ height:75%!important; }
.h-100{ height:100%!important; }
.h-auto{ height:auto!important; }

.min-vw-100{ min-width:100vw!important; }
.vw-100{ width:100vw!important; }

/* ================================
   Spacing utilities
   ================================ */
.m-0{ margin:0!important; }
.m-1{ margin:.25rem!important; }
.m-2{ margin:.5rem!important; }
.m-3{ margin:1rem!important; }
.m-4{ margin:1.5rem!important; }
.m-5{ margin:3rem!important; }

.mt-0{ margin-top:0!important; }
.mt-1{ margin-top:.25rem!important; }
.mt-2{ margin-top:.5rem!important; }
.mt-3{ margin-top:1rem!important; }
.mt-4{ margin-top:1.5rem!important; }
.mt-5{ margin-top:3rem!important; }

.mb-0{ margin-bottom:0!important; }
.mb-1{ margin-bottom:.25rem!important; }
.mb-2{ margin-bottom:.5rem!important; }
.mb-3{ margin-bottom:1rem!important; }
.mb-4{ margin-bottom:1.5rem!important; }
.mb-5{ margin-bottom:3rem!important; }

.ml-0{ margin-left:0!important; }
.ml-1{ margin-left:.25rem!important; }
.ml-2{ margin-left:.5rem!important; }
.ml-3{ margin-left:1rem!important; }
.ml-4{ margin-left:1.5rem!important; }
.ml-5{ margin-left:3rem!important; }

.mr-0{ margin-right:0!important; }
.mr-1{ margin-right:.25rem!important; }
.mr-2{ margin-right:.5rem!important; }
.mr-3{ margin-right:1rem!important; }
.mr-4{ margin-right:1.5rem!important; }
.mr-5{ margin-right:3rem!important; }

.p-0{ padding:0!important; }
.p-1{ padding:.25rem!important; }
.p-2{ padding:.5rem!important; }
.p-3{ padding:1rem!important; }
.p-4{ padding:1.5rem!important; }
.p-5{ padding:3rem!important; }

.pt-0{ padding-top:0!important; }
.pt-1{ padding-top:.25rem!important; }
.pt-2{ padding-top:.5rem!important; }
.pt-3{ padding-top:1rem!important; }
.pt-4{ padding-top:1.5rem!important; }
.pt-5{ padding-top:3rem!important; }

.pb-0{ padding-bottom:0!important; }
.pb-1{ padding-bottom:.25rem!important; }
.pb-2{ padding-bottom:.5rem!important; }
.pb-3{ padding-bottom:1rem!important; }
.pb-4{ padding-bottom:1.5rem!important; }
.pb-5{ padding-bottom:3rem!important; }

.pl-0{ padding-left:0!important; }
.pl-1{ padding-left:.25rem!important; }
.pl-2{ padding-left:.5rem!important; }
.pl-3{ padding-left:1rem!important; }
.pl-4{ padding-left:1.5rem!important; }
.pl-5{ padding-left:3rem!important; }

.pr-0{ padding-right:0!important; }
.pr-1{ padding-right:.25rem!important; }
.pr-2{ padding-right:.5rem!important; }
.pr-3{ padding-right:1rem!important; }
.pr-4{ padding-right:1.5rem!important; }
.pr-5{ padding-right:3rem!important; }

.pt-8, .py-8{ padding-top: 3.052rem !important; }
.pb-8, .py-8{ padding-bottom: 3.052rem !important; }

/* ================================
   Colors / Borders
   ================================ */
.bg-white{ background-color:#fff!important; }
.bg-light{ background-color: var(--lightest-gray) !important; }

.border{ border:1px solid var(--lightest-gray)!important; }
.border-top{ border-top:1px solid var(--lightest-gray)!important; }
.border-right{ border-right:1px solid var(--lightest-gray)!important; }
.border-bottom{ border-bottom:1px solid var(--lightest-gray)!important; }
.border-left{ border-left:1px solid var(--lightest-gray)!important; }

.border-0{ border:0!important; }
.border-top-0{ border-top:0!important; }
.border-right-0{ border-right:0!important; }
.border-bottom-0{ border-bottom:0!important; }
.border-left-0{ border-left:0!important; }

.border-primary{ border-color:var(--highlight-red)!important; }
.border-secondary{ border-color:var(--metal-gray)!important; }
.border-light{ border-color:var(--lightest-gray)!important; }
.border-white{ border-color:#fff!important; }

.rounded-sm,
.rounded,
.rounded-lg{ border-radius:.125rem!important; }

.rounded-top{ border-top-left-radius:.125rem!important; border-top-right-radius:.125rem!important; }
.rounded-right{ border-top-right-radius:.125rem!important; border-bottom-right-radius:.125rem!important; }
.rounded-bottom{ border-bottom-right-radius:.125rem!important; border-bottom-left-radius:.125rem!important; }
.rounded-left{ border-top-left-radius:.125rem!important; border-bottom-left-radius:.125rem!important; }

.rounded-circle{ border-radius:50%!important; }
.rounded-0{ border-radius:0!important; }

/* ================================
   Display / text utilities
   ================================ */
.d-none{ display:none!important; }
.d-inline{ display:inline!important; }
.d-inline-block{ display:inline-block!important; }
.d-block{ display:block!important; }
.d-table{ display:table!important; }
.d-table-row{ display:table-row!important; }
.d-table-cell{ display:table-cell!important; }
.d-flex{ display:-ms-flexbox!important; display:flex!important; }
.d-inline-flex{ display:-ms-inline-flexbox!important; display:inline-flex!important; }

.text-white{ color:#fff!important; }
.text-center{ text-align:center !important; }
.text-right{ text-align:right !important; }

.fs-1{ font-size: 0.8rem !important; }
.fs-5{ font-size: 2.441rem !important; }

.img-fluid{
  max-width: 100%;
  height: auto;
}

@media (max-width:991px){
  .body-container-wrapper{
    padding-top: 71px;
  }
}

@media (max-width:575.98px){
  .table-responsive-sm{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
/* ================================
   Forms
   ================================ */
form,
.submitted-message{
  border-color: #494a52;
  font-family: var(--font-family-base);
}

h3.form-title{
  margin-bottom: 0;
}

.hs-form{
  font-family: var(--font-family-base);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--form-input);
  background-color: var(--form-bg-light);
  max-width: 640px;
  margin: 0 auto;
  padding: 1.5rem;
  border: 1px solid var(--form-border);
  border-radius: .4rem;
}

.hs-form-field,
.field{
  margin-bottom: 1.4rem;
}

.hs-form label,
form label{
  font-weight: 500;
  color: rgba(51, 71, 91, 1.0);
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
  text-align: left;
  line-height: 1.25rem;
  padding-top: 0;
}

form legend,
.hs-form legend{
  font-size: 0.875rem;
  color: rgba(51, 71, 91, 1.0);
}

form input,
form select,
form textarea,
.hs-input,
input#hs-pwd-widget-password{
  border-color: rgba(203, 214, 226, 1.0);
  border-radius: 3px;
  background-color: rgba(245, 248, 250, 1.0);
  padding: 0 15px;
  min-height: 40px;
  width: 100%;
  max-width: 100%;
  font-family: var(--font-family-base);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375;
  border-width: 1px;
  border-style: solid;
  color: var(--form-input);
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus,
input#hs-pwd-widget-password:focus{
  border-color: rgba(82, 168, 236, .8);
  outline: 0;
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder{
  color: #bfbfbf;
}

form textarea{
  resize: vertical;
}

.hs-input[type=checkbox],
.hs-input[type=radio]{
  cursor: pointer;
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 5px 3px 0;
  line-height: normal;
  border: 0;
  min-height: auto;
}

form input[type=file]{
  background-color: transparent;
  border: initial;
  padding: initial;
}

form .hs-richtext,
form .hs-richtext p,
.hs-richtext,
.hs-field-desc,
.hs-dateinput:before{
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
  color: #1e1e1e;
}

form .hs-richtext img,
.hs-richtext img{
  max-width: 100% !important;
}

.fn-date-picker .pika-table thead th{
  color: #fff;
}

.fn-date-picker td.is-selected .pika-button{
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td.is-today .pika-button{
  color: #ed1c24;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus{
  border-radius: 0 !important;
  color: #fff;
}

.hs-button,
.button--primary,
.hs_cos_wrapper_type_google_search .hs-button{
  background-color: rgba(217, 35, 46, 1.0);
  border-color: rgba(217, 35, 46, 1.0);
  border-radius: 3px;
  border-width: 1px;
  color: rgba(255, 255, 255, 1.0);
  padding: 12px 24px;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  text-decoration: none;
  font-family: var(--font-family-base);
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus{
  background-color: rgba(250, 0, 0, 1.0);
  border-color: rgba(250, 0, 0, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-button:active,
.button--primary:active{
  background-color: rgba(255, 75, 86, 1.0);
  border-color: rgba(255, 75, 86, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-button{
  background-color: #494a52;
  border-color: #494a52;
  color: #fff;
}

.hs-button:hover,
.hs-button:focus{
  background-color: #21222a;
  border-color: #21222a;
}

.hs-button:active{
  background-color: #71727a;
  border-color: #71727a;
}



ul.no-list{
  list-style: none;
}

select[multiple].hs-input{
  height: inherit;
}

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p{
  margin-left: 1rem !important;
}

.hs-form-required{
  color: #EF6B51;
}

.hs-input.invalid.error,
.hs-error-msg{
  color: #EF6B51;
  margin-top: 0.35rem;
}

.grecaptcha-badge{
  margin: 0 auto;
}

form fieldset{
  max-width: 100% !important;
}

.inputs-list{
  margin: 0;
  padding: 0;
  list-style: none;
}

.inputs-list > li{
  display: block;
  margin: 0.7rem 0;
}

.inputs-list input,
.inputs-list span{
  vertical-align: middle;
}

.hs-dateinput{
  position: relative;
}

.hs-dateinput:before{
  content: '\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

form input[type=submit],
form .hs-button{
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: background-color 0.15s linear, border-color 0.15s linear, color 0.15s linear, box-shadow 0.15s linear;
  white-space: normal;
}

.hs-default-font-element,
.hs-main-font-element,
.hs-form,
.hs-button{
  font-family: var(--font-family-base);
}

/* ================================
   Generic menus
   ================================ */
.hs-menu-wrapper ul{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.hs-menu-item a{
  display: block;
  padding: .5rem 1rem;
  color: var(--dark-gray);
  text-decoration: none;
}

.hs-menu-item a:hover,
.hs-menu-item a:focus{
  text-decoration: none;
  color: var(--highlight-red);
}

.hs-menu-item.active a{
  color: var(--dark-gray);
}

/* ================================
   Tables
   ================================ */
table{
  width: 100%;
  border-collapse: collapse;
  border-color: var(--light-gray);
}

th,
td{
  border: 1px solid var(--light-gray);
  color: var(--dark-gray);
  padding: 0.5rem 0.75rem;
  text-align: left;
  vertical-align: top;
}

thead th,
thead td{
  background: var(--lightest-gray);
  color: var(--dark-gray);
  font-weight: 600;
}

.table{
  width: 100%;
  margin-bottom: 1rem;
  color: var(--slate);
}

.table td,
.table th{
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #d0dada !important;
}

/* ================================
   Breadcrumbs
   ================================ */
.breadcrumb-wrapper{
  padding-bottom: .1px;
}

.breadcrumb-wrapper .hs-breadcrumb-menu:after,
.breadcrumb-wrapper .hs-breadcrumb-menu:before{
  content: "";
  display: table;
  clear: both;
}

.breadcrumb-wrapper .hs-breadcrumb-menu-item{
  padding: 0;
  color: #6c757d;
}

.breadcrumb-wrapper .hs-breadcrumb-menu{
  margin: 1rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 0;
  border-radius: .125rem;
}

.breadcrumb-wrapper .hs-breadcrumb-menu-item + .hs-breadcrumb-menu-item{
  padding-left: .5rem;
}

.breadcrumb-wrapper .hs-breadcrumb-menu-item + .hs-breadcrumb-menu-item:before{
  content: "";
  color: var(--dark-gray-muted);
  display: inline-block;
  font-family: Ionicons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 4.5px;
  padding-right: 14px;
}

.breadcrumb-wrapper span.hs-breadcrumb-menu-divider{
  display: none;
}

.breadcrumb-wrapper ul:empty{
  margin: 0;
}

/* ================================
   Buttons
   ================================ */
.btn{
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: .125rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  cursor: pointer;
  color: var(--dark-gray);
}

.btn:focus-visible{
  outline: none;
  box-shadow: var(--focus-ring);
}

.btn-primary{
  color: var(--white);
  background-color: var(--highlight-red);
  border-color: var(--highlight-red);
}

.btn-primary:hover{
  color: var(--white);
  background-color: var(--medium-red);
  border-color: var(--medium-red);
}

.btn-primary:active{
  background-color: var(--dark-red);
  border-color: var(--dark-red);
}

.btn-outline-primary{
  color: #b42127;
  border-color: #b42127;
}

.btn-outline-primary:hover{
  color: var(--white);
  background-color: #a91f25;
  border-color: #a91f25;
}

.btn-block{
  display: block;
  width: 100%;
}

.btn-info{
  color: var(--white) !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btn-info:hover{
  color: var(--white);
  background-color: #138496 !important;
  border-color: #117a8b !important;
}

.brand-filters.btn.active{
  color: var(--white);
  background-color: var(--highlight-red);
  border-color: var(--highlight-red);
  background-position: left bottom;
}

/* ================================
   CTA links / shared link patterns
   ================================ */
.brand-cta{
  display: inline-block;
}

.brand-cta a{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
  color: var(--highlight-red);
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

.brand-cta a svg{
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  vertical-align: middle;
  transition: transform .2s ease;
}

.brand-cta a:hover,
.brand-cta a:focus-visible{
  border-color: var(--highlight-red);
}

.brand-cta a:hover svg{
  transform: translateX(3px);
}

.brand-cta a:active{
  color: var(--medium-red);
}

.small-arrow a:hover .ion-ios-arrow-thin-right{
  transition: transform .3s ease-in-out 0s;
  transform: translateX(8px) translateY(0) translateZ(0) scaleX(1.25) scaleY(1.25) scaleZ(1);
}

.small-arrow a .ion-ios-arrow-thin-right{
  position: relative;
  top: 4px;
  display: inline-block;
  font-family: Ionicons, sans-serif;
  font-size: 150%;
  transition: transform .3s ease-in-out 0s;
  line-height: 0;
}

a.ul-red{
  color: var(--highlight-red) !important;
  text-decoration: none;
  font-weight: 500;
  background-image: linear-gradient(to top, var(--highlight-red) 1px, transparent 0);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: background-size .25s ease-in-out;
  cursor: pointer;
}

a.ul-red:hover{
  color: var(--highlight-red);
  text-decoration: none;
  background-size: 25% 100%;
}

/* ================================
   Cards
   ================================ */
.card{
  background-color: var(--white);
  border-top: 3px solid var(--dark-red);
  box-shadow: 0 2px 20px 0 rgba(0,0,0,.12);
  display: flex;
  flex-direction: column;
  padding: 24px;
  transform: scale(1);
  transition: transform .3s ease-in-out, box-shadow .3s ease-in-out, background-color .3s ease-in-out;
  word-break: break-word;
}

.card:hover{
  box-shadow: 0 2px 25px 0 rgba(0,0,0,.15);
  transform: scale(1.02);
  background-color: var(--lightest-gray);
}

.card-title{
  margin-bottom: .75rem;
  color: var(--metal-gray);
}

.card__title{
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.card__text{
  display: flex;
  flex: 1 1 auto;
  line-height: 1.5;
  padding: 25px 0;
  color: var(--metal-gray);
}

.card-subtitle{
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-body{
  color: var(--metal-gray);
}

/* ================================
   Shared page-level component rules
   ================================ */
.website-page .widget-type-section_header{
  margin-top: var(--space-section-sm);
}

.website-page .widget-type-section_header p{
  margin: 0;
}

.website-page .body-container{
  padding-bottom: var(--space-section-md);
}

.study-detail-container{
  padding-bottom: var(--space-section-md);
}

.cst-approved-by-grp .title p:empty{
  display: none;
}

h3:empty{
  display: none;
}

@media (max-width:991px){
  .breadcrumb-wrapper .hs-breadcrumb-menu-item + .hs-breadcrumb-menu-item:before{
    padding-right: 12px;
  }
}

@media (max-width:767px){
  .card{
    margin: 15px 0;
    width: auto;
  }
}
/* ================================
   Header responsive safety rules
   ================================ */

.no-transition{
  transition:none !important;
}

.header-group{
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:999;
  background-color:var(--white);
}

.header-shadow{
  position:absolute;
  inset:0;
  z-index:1001;
  pointer-events:none;
  box-shadow:0 1px 3px 1px rgba(0,0,0,.12);
}

/* ================================
   Header layout / structure
   ================================ */

.nav-container{
  max-width:100% !important;
  padding-left:0;
  padding-right:0;
}

nav#dnow-nav{
  width:100%;
}

nav#dnow-nav .navbar-inner{
  position:relative;
}

.navbar{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  padding:.5rem 1rem;
}

.logo-link{
  display:flex;
  flex-shrink:0;
  text-decoration:none;
}

.logo-wrapper{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:100%;
  padding:20px;
  background-color:var(--white);
  border-right:1px solid rgba(235,235,235,1);
}

.logo-wrapper svg{
  display:block;
  width:123px;
  height:auto;
}

.desktop-nav-wrap{
  width:100%;
  min-width:0;
}

.mobile-nav-toggle-wrap{
  flex-shrink:0;
}

.header__container{
  max-width:1400px;
}

/* ================================
   Top bar
   ================================ */

.top-bar{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  width:100%;
  gap:40px;
  padding:1px 0 1px 40px;
  font-size:13px;
  color:var(--lightest-gray);
  background-color:#191919;
}

.top-links{
  display:flex;
  align-items:center;
  gap:0;
  margin:auto 0;
  font-weight:500;
}

.top-links,
.top-links ul{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

.top-links li{
  margin:0;
  padding:0;
}

.top-links a,
.top-links .hs-menu-item a{
  display:block;
  padding:14px 18px;
  color:var(--white) !important;
  white-space:nowrap;
}

.top-links a:hover,
.top-links a:focus,
.top-links .hs-menu-item a:hover,
.top-links .hs-menu-item a:focus{
  color:var(--lightest-gray) !important;
}

.locations-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 42px;
  font-family:Poppins, sans-serif;
  font-weight:600;
  color:var(--lightest-gray);
  text-decoration:none;
  white-space:nowrap;
  background-color:var(--highlight-red);
  min-width: 220px;
  width: 230px;
  margin-left: auto;
}

.locations-button:hover,
.locations-button:focus{
  color:var(--white);
  background-color:var(--medium-red);
}

.locations-button:active{
  background-color:var(--dark-red);
}

/* ================================
   Main nav row
   ================================ */

.main-nav{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  width:100%;
  gap:24px;
  padding:10px 10px 0 40px;
  color:var(--metal-gray);
  background-color:var(--white);
  position:relative;
  z-index:1002;
}

/* ================================
   Search
   ================================ */

.nav-search{
  min-width:220px;
  width:220px;
  margin-left:auto;
  position:relative;
  z-index:1007;
}

.nav-search form{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  width:100%;
}

.nav-search form .hs-search-field__input{
  position:relative;
  display:block;
  flex:1 1 auto;
  width:1%;
  min-height:1px;
  margin:0;
  padding:.375rem .75rem .375rem 2.441rem;
  font-family:inherit;
  font-size:.8rem;
  font-weight:400;
  line-height:1.6;
  color:var(--metal-gray);
  background-color:var(--white);
  background-clip:padding-box;
  border:1px solid var(--lightest-gray);
  border-radius:0;
  transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out, background-color .15s ease-in-out;
}

.nav-search form .hs-search-field__input:focus{
  outline:0;
  border-color:var(--highlight-red);
  box-shadow:var(--focus-ring);
  background-color:var(--white);
}

.nav-search form button.search-submit{
  position:absolute;
  top:0;
  left:0;
  z-index:4;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:.375rem .75rem;
  font-family:inherit;
  font-size:.8rem;
  font-weight:400;
  line-height:1.6;
  text-align:center;
  vertical-align:middle;
  color:var(--highlight-red);
  background-color:transparent;
  border:1px solid transparent;
  border-radius:.125rem;
  cursor:pointer;
  user-select:none;
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.nav-search form button.search-submit:hover{
  color:var(--medium-red);
  background-color:transparent;
}

/* ================================
   Generic header menu cleanup
   ================================ */

.header-menu{
  position:static;
  display:flex;
  flex-wrap:wrap;
  margin-bottom:0;
  margin-left:auto;
  padding-left:0;
  list-style:none;
}

.header-menu ul{
  display:flex;
  flex-wrap:wrap;
  margin:0;
  padding:0;
  list-style:none;
}

.header-menu ul li{
  display:inline-block;
  padding:0;
  text-transform:none;
}

.header-menu ul li a{
  display:block;
  padding:.5rem 1rem;
  font-size:.8rem;
  text-decoration:none;
}

.header-menu ul li:last-child a{
  padding-right:0;
}

body .custom-menu-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a,
.header-menu ul li a{
  color:var(--dark-gray);
}

body .custom-menu-primary .submenu.level-1 > li > a:hover,
body .custom-menu-primary .submenu.level-1 > li > a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus,
.header-menu ul li a:hover,
.header-menu ul li a:focus{
  color:var(--highlight-red);
}

body .custom-menu-primary a.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active{
  color:#fff;
}

/* ================================
   Desktop primary nav
   ================================ */

.custom-menu-primary{
  position:relative;
  flex:1 1 auto;
  min-width:0;
  z-index:1006;
}

.custom-menu-primary .navigation-primary,
.custom-menu-primary .navigation-primary > .submenu.level-1{
  width:100%;
}

.custom-menu-primary ul{
  margin:0;
  padding:0;
  list-style:none;
}

.custom-menu-primary .submenu.level-1{
  display:flex;
  align-items:stretch;
  flex-wrap:nowrap;
}

.custom-menu-primary .submenu.level-1 > li{
  position:relative; /* critical: normal dropdowns align to their own tab */
  display:flex;
  align-items:stretch;
}

.custom-menu-primary .submenu.level-1 > li > a{
  display:flex;
  align-items:center;
  padding:14px 18px 16px;
  font-size:15px;
  font-weight:500;
  line-height:1.2;
  white-space:nowrap;
  color:var(--dark-gray);
  border-bottom:3px solid transparent;
  background-color:transparent;
  position:relative;
  z-index:1008;
}

.custom-menu-primary .submenu.level-1 > li > a:hover,
.custom-menu-primary .submenu.level-1 > li > a:focus,
.custom-menu-primary .submenu.level-1 > li:hover > a,
.custom-menu-primary .submenu.level-1 > li:focus-within > a,
.custom-menu-primary .submenu.level-1 > li.focus > a{
  color:var(--highlight-red);
  border-bottom-color:var(--highlight-red);
  background-color:#f2f2f2;
}

.custom-menu-primary .submenu.level-1 > li > a.active-item,
.custom-menu-primary .submenu.level-1 > li > a.active-branch{
  color:var(--highlight-red);
  border-bottom-color:var(--highlight-red);
  background-color:#f2f2f2;
}

.child-trigger{
  display:none;
}

/* ================================
   Desktop dropdowns
   ================================ */

@media (min-width:992px){
  .custom-menu-primary .submenu.level-2{
    position:absolute;
    top:100%;
    
    z-index:1005;
    display:block;
    min-width:320px;
    width:320px;
    padding:22px 24px 24px;
    border:1px solid var(--lightest-gray);
    box-shadow:0 14px 28px rgba(0,0,0,.08);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(10px);
    transition:opacity .22s ease, transform .22s ease, visibility 0s linear .22s;
    max-height:none;
    overflow:visible;
  }

  .custom-menu-primary .submenu.level-1 > li:hover > .submenu.level-2,
  .custom-menu-primary .submenu.level-1 > li:focus-within > .submenu.level-2,
  .custom-menu-primary .submenu.level-1 > li.focus > .submenu.level-2{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
    transition:opacity .22s ease, transform .22s ease, visibility 0s linear 0s;
  }

  .custom-menu-primary .submenu.level-2 > li{
    display:block;
    width:100%;
    margin:0 0 18px;
    padding:0;
  }

  .custom-menu-primary .submenu.level-2 > li:last-child{
    margin-bottom:0;
  }

  .custom-menu-primary .submenu.level-2 > li > a{
    display:inline-block;
    padding:0 0 8px;
    font-size:14px;
    font-weight:600;
    line-height:1.35;
    color:var(--highlight-red);
    text-decoration:underline;
    text-underline-offset:3px;
  }

  .custom-menu-primary .submenu.level-2 > li > a:hover,
  .custom-menu-primary .submenu.level-2 > li > a:focus{
    color:var(--medium-red);
  }

  .custom-menu-primary .submenu.level-2 > li > .submenu.level-3{
    display:block;
    position:static;
    margin:0;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
    width:100%;
  }

  .custom-menu-primary .submenu.level-3 > li{
    display:block;
    width:100%;
    margin:0;
    padding:0;
  }

  .custom-menu-primary .submenu.level-3 > li > a{
    display:block;
    padding:0 0 10px;
    font-size:15px;
    font-weight:400;
    line-height:1.45;
    color:var(--dark-gray);
    text-decoration:none;
    white-space:normal;
  }

  .custom-menu-primary .submenu.level-3 > li:last-child > a{
    padding-bottom:0;
  }

  .custom-menu-primary .submenu.level-3 > li > a:hover,
  .custom-menu-primary .submenu.level-3 > li > a:focus{
    color:var(--highlight-red);
  }

  .custom-menu-primary .submenu.level-2 > li.no-submenu > a{
    display:block;
    padding:0;
    font-size:15px;
    font-weight:400;
    line-height:1.45;
    color:var(--dark-gray);
    text-decoration:none;
  }

  .custom-menu-primary .submenu.level-2 > li.no-submenu > a:hover,
  .custom-menu-primary .submenu.level-2 > li.no-submenu > a:focus{
    color:var(--highlight-red);
  }

  /* About = wide three-column mega menu */
  .custom-menu-primary .submenu.level-1 > li.about{
    position:static;
  }

  .custom-menu-primary .submenu.level-1 > li.about > .submenu.level-2{
    
    right:auto;
    width:min(980px, calc(100vw - 210px));
    min-width:760px;
    display:grid;
    grid-template-columns:repeat(3, minmax(180px, 1fr));
    gap:20px 36px;
    align-items:start;
    padding:24px 28px 28px;
  }

  .custom-menu-primary .submenu.level-1 > li.about > .submenu.level-2 > li{
    width:auto;
    margin:0;
  }

  /* Optional: keep mega menus from being clipped by parent wrappers */
  .desktop-nav-wrap,
  #main-nav,
  #dnow-nav,
  nav#dnow-nav .navbar-inner,
  .main-nav,
  .custom-menu-primary,
  .navigation-primary{
    overflow:visible;
  }
}

/* ================================
   Global helper
   ================================ */

a:not([href]):not([tabindex]){
  color:inherit;
  text-decoration:none;
}

/* ================================
   Desktop breakpoint
   ================================ */

@media (min-width:992px){
  .navbar-expand-lg{
    flex-flow:row nowrap;
    justify-content:flex-start;
  }

  #main-nav,
  .desktop-nav-wrap,
  .header-menu{
    display:flex !important;
  }

  .mobile-nav-toggle-wrap,
  #mobile-nav{
    display:none !important;
  }

  .slide-menu{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateX(110%) !important;
  }

  #overlay{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
    opacity:0 !important;
  }

  body,
  body.mobile-open,
  body.overflow-hidden{
    overflow:auto !important;
  }
}

/* ================================
   Tablet desktop tightening
   ================================ */

@media (max-width:1200px) and (min-width:992px){
  .top-bar{
    gap:20px;
    padding-left:24px;
  }

  .main-nav{
    gap:16px;
    padding-left:24px;
  }

  .custom-menu-primary .submenu.level-1 > li > a{
    padding-left:12px;
    padding-right:12px;
    font-size:14px;
  }

  .nav-search{
    min-width:190px;
    width:190px;
  }

  .custom-menu-primary .submenu.level-1 > li.about > .submenu.level-2{
    width:min(860px, calc(100vw - 180px));
    min-width:700px;
    gap:18px 28px;
  }
}

/* ================================
   Mobile breakpoint
   ================================ */

@media (max-width:991.98px){
  #main-nav,
  .desktop-nav-wrap{
    display:none !important;
  }

  .mobile-nav-toggle-wrap{
    display:flex !important;
  }

  .logo-wrapper{
    padding:16px 18px;
  }

  .logo-wrapper svg{
    width:90px;
  }

  .slide-menu-control.btn{
    padding:10px 14px;
    font-size:14px;
    font-weight:600;
  }

  .nav{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:0;
    padding-left:0;
    list-style:none;
  }

  .slide-menu{
    position:fixed;
    top:0;
    right:0;
    z-index:1001;
    width:calc(100% - 32px);
    max-width:720px;
    height:100vh;
    box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
    background:var(--white);
    box-shadow:-2px 1px 18px rgba(0,0,0,.18);
    transform:translateX(110%);
    visibility:hidden;
    pointer-events:none;
    transition:transform .3s ease, visibility 0s linear .3s;
  }

  .slide-menu .slider{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform:translateX(0);
    transition:transform .3s ease;
  }

  .slide-menu ul{
    position:relative;
    display:block;
    width:100%;
    min-height:100vh;
    margin:0;
    padding:0;
    list-style:none;
    background-color:var(--white);
  }

  .slide-menu li{
    position:relative;
    width:100%;
    border-bottom:1px solid var(--light-gray);
  }

  .slide-menu li.back-control{
    background:#f7f7f7;
    border-bottom:1px solid var(--light-gray);
  }

  .slide-menu a{
    display:block;
    padding:24px 72px 24px 46px;
    color:var(--slate);
    text-decoration:none;
    font-size:28px;
    line-height:1.2;
    font-weight:300;
  }

  .slide-menu a:hover,
  .slide-menu a:focus{
    color:var(--highlight-red);
  }

  .slide-menu .next-control{
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    width:72px;
    height:100%;
    padding:0;
    text-indent:-9999px;
    overflow:hidden;
    cursor:pointer;
    border-left:0;
    background:transparent;
  }

  .slide-menu .next-control::before{
    content:"›";
    position:absolute;
    top:50%;
    right:26px;
    transform:translateY(-50%);
    text-indent:0;
    font-size:56px;
    line-height:1;
    color:var(--black);
    font-weight:300;
  }

  .slide-menu ul ul{
    position:absolute;
    top:0;
    left:100%;
    display:none;
    width:100%;
    min-height:100vh;
    background-color:var(--white);
  }

  .slide-menu ul ul li:not(.back-control){
    padding:0;
  }

  .slide-menu .back-control .slide-menu-control{
    position:relative;
    padding-left:78px;
    font-weight:400;
  }

  .slide-menu .back-control .slide-menu-control::before{
    content:"‹";
    position:absolute;
    left:34px;
    top:50%;
    transform:translateY(-50%);
    font-size:56px;
    line-height:1;
    color:var(--black);
    font-weight:300;
  }

  .slide-menu ul li.hs-menu-depth-1 > a{
    background:var(--white);
  }

  .slide-menu .back-control:not(:first-child),
  .slide-menu .next-control:not(:first-child){
    display:none;
  }

  #overlay{
    position:fixed;
    inset:0;
    z-index:1000;
    display:block;
    background-color:rgba(0,0,0,.58);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .3s ease, visibility 0s linear .3s;
  }

  body.mobile-open .slide-menu{
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
    transition:transform .3s ease;
  }

  body.mobile-open #overlay{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:opacity .3s ease;
  }

  body.mobile-open,
  body.overflow-hidden{
    overflow:hidden !important;
  }
}

/* ================================
   Small mobile refinements
   ================================ */

@media (max-width:767px){
  .header__navigation{
    background-color:var(--white);
  }

  .header__navigation-toggle svg,
  .menu-arrow svg{
    fill:var(--dark-gray);
  }

  .slide-menu{
    width:calc(100% - 18px);
  }

  .slide-menu a{
    padding:20px 62px 20px 28px;
    font-size:24px;
  }

  .slide-menu .next-control{
    width:62px;
  }

  .slide-menu .next-control::before{
    right:20px;
    font-size:46px;
  }

  .slide-menu .back-control .slide-menu-control{
    padding-left:56px;
  }

  .slide-menu .back-control .slide-menu-control::before{
    left:22px;
    font-size:46px;
  }
}

/* ================================
   Homepage fixed variant
   ================================ */

@media (min-width:992px){
  .homepage-header.fixed .nav-search form .hs-search-field__input{
    color:var(--white);
    background-color:transparent;
    border-color:var(--white);
  }

  .homepage-header.fixed .nav-search form .hs-search-field__input:focus{
    background-color:transparent;
  }

  .homepage-header.fixed .nav-search form input::-webkit-input-placeholder{
    color:var(--white);
    opacity:.8;
  }

  .homepage-header.fixed .nav-search form button.search-submit,
  .homepage-header.fixed .nav-search form button.search-submit:hover,
  .homepage-header.fixed .custom-menu-primary ul.submenu.level-1 > li > a,
  .homepage-header.fixed .custom-menu-primary ul.submenu.level-1 > li > a:hover,
  .homepage-header.fixed .header-menu ul li a,
  .homepage-header.fixed .header-menu ul li a:hover{
    color:var(--white);
  }

  .homepage-header.fixed .custom-menu-primary{
    padding-top:0;
  }

  .homepage-header.fixed #main-nav > div{
    padding-bottom:13px;
  }

  .homepage-header.fixed #main-nav > div.custom-menu-primary{
    padding:0;
  }
}
/* ================================
   Footer
   ================================ */

/* Footer address */
.address{
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  font-style: normal;
  color: var(--light-gray);
}

/* Footer base */
.footer{
  background-color: var(--dark-metal);
  display: flex;
  flex-direction: column;
  padding: 80px 0 0;
  color: var(--white);
}

/* Layout: content area */
.footer-content{
  align-self: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 95%;
  gap: 20px;
  margin: 20px 0;
}

@media (max-width:991px){
  .footer-content{
    max-width: 100%;
    flex-wrap: wrap;
  }
}

/* Company info block */
.company-info{
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  font-size: 0.7333rem;
  color: var(--lightest-gray);
  font-weight: 600;
  line-height: 23px;
  padding: 0 20px;
}

.company-info .logo{
  display: inline-flex;
  align-items: center;
  width: 133px;
  padding-bottom: 20px;
  text-decoration: none;
}

.company-info .logo svg{
  width: 133px;
  height: auto;
  display: block;
}

/* Column titles */
.column-title{
  color: var(--lightest-gray) !important;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
}

/* Link columns */
.footer-links{
  display: flex;
  flex-direction: row;
  align-self: flex-start;
}

.company-links-column{
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-self: flex-start;
  padding-right: 40px;
}

.regional-links-column{
  display: flex;
  flex-direction: column;
  line-height: normal;
  margin-left: auto;
  align-self: flex-start;
  padding-left: 40px;
}

@media (max-width:991px){
  .regional-links-column{
    width: 100%;
  }
}

/* Phone link desktop behavior */
@media (min-width: 769px){
  .phone-link{
    cursor: default;
    text-decoration: none;
  }
}

.footer-map-link:focus-visible,
.phone-link:focus-visible{
  outline: 3px solid var(--highlight-red);
  outline-offset: 3px;
  border-radius: 4px;
}

/* Nav containers */
.main-links{
  display: flex;
  flex-direction: column;
}

.secondary-links{
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}

.footer a.link{
  color: var(--white);
  font-size: 0.8rem;
  font-weight: 500;
  margin-top: 9px;
}

.footer a.link:first-child{
  margin-top: 0;
}

.footer a.link:hover{
  color: var(--highlight-red);
}

.footer a.link:active{
  color: var(--dark-red);
}

.footer a.link:focus-visible,
.company-info .logo:focus-visible,
.social-icons a:focus-visible{
  outline: 2px solid var(--highlight-red);
  outline-offset: 3px;
  border-radius: 4px;
}

/* Footer bottom bar */
.footer-bottom{
  border-top: 1px solid rgba(61,71,68,1);
  border-bottom: 1px solid rgba(61,71,68,1);
  background-color: var(--dark-metal);
  display: flex;
  gap: 20px;
  font-weight: 400;
  justify-content: space-between;
  padding: 25px 60px;
  margin-top: 27px;
}

@media (max-width:991px){
  .footer-bottom{
    max-width: 100%;
    flex-wrap: wrap;
    padding: 20px;
  }
}

/* Social icons */
.social-icons{
  display: flex;
  gap: 25px;
  white-space: nowrap;
  text-align: center;
  justify-content: flex-start;
}

.social-icons a{
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.social-icons a svg{
  width: 25px;
  height: auto;
  display: block;
  fill: var(--white);
  transition: fill .3s ease-in-out;
  align-items: center;
}

.social-icons a:hover svg{
  fill: var(--highlight-red);
}

.social-icons a:active svg{
  fill: var(--dark-red);
}

.social-icons a:focus-visible svg{
  fill: var(--highlight-red);
}

.social-label{
  font-size: 1rem;
  font-weight: 600;
  color: var(--lightest-gray);
  line-height: 1;
  margin: 0;
}

/* Legal / copyright row */
.legal{
  display: flex;
  gap: 10px;
  font-size: 12px;
  color: var(--lightest-gray);
  line-height: 133%;
  margin: auto 0;
}

.separator{
  padding: 0 5px;
}

.copyright{
  flex-grow: 1;
  flex-basis: auto;
  font-size: 12px;
  color: var(--lightest-gray);
  line-height: 133%;
}

/* Mobile footer refinements */
@media (max-width: 767px){
  .footer{
    padding: 56px 0 0;
  }

  .footer-content{
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
    gap: 28px;
    margin: 16px 0 20px;
  }

  .company-info{
    padding: 0 20px;
  }

  .footer-links{
    flex-direction: column;
    gap: 28px;
  }

  .footer a.link{
    padding: 4px 0;
    display: inline-block;
  }

  .company-links-column{
    padding-right: 0;
  }

  .regional-links-column{
    margin-left: 0;
    padding-left: 0;
    width: 100%;
  }

  .main-links,
  .secondary-links{
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-links{
    font-size: 16px;
    letter-spacing: .3px;
  }

  .footer-bottom{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 20px;
  }

  .social-icons{
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .legal{
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .legal > .separator{
    display: none;
  }

  .legal-links .separator{
    padding: 0 6px;
  }

  .copyright{
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce){
  .footer a.link,
  .social-icons a svg{
    transition: none !important;
  }
}
/* ******************************************************************************
Blog styles
****************************************************************************** */

/* ================================
   Typography / wrapper
   ================================ */
.heading-font,
.body-font{
  font-family: 'Poppins', sans-serif !important;
}

.blog-main-wrap,
.blog-main-wrap.post{
  font-family: 'Poppins', sans-serif;
  color: var(--blog-text);
}

/* ================================
   Cards / Grid
   ================================ */
.blog-main-wrap .card{
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid var(--blog-border);
  border-radius: .125rem;
}

#grid-container .card{
  height: 100%;
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.07);
  border: 1px solid var(--blog-card-border);
}

.blog-main-wrap .card-body{
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: var(--metal-gray);
}

/* ================================
   Blog Post Wrapper / Body
   ================================ */
.blog-main-wrap.post .page-center{
  margin-top: 2.441rem !important;
  margin-bottom: 0.025rem !important;
}

.blog-post__body{
  padding-top: 1.052rem !important;
  padding-bottom: 3.052rem !important;
}

.blog-post__body p{
  word-break: break-word;
}

.blog-main-wrap.post img{
  height: auto !important;
}

.blog-main-wrap.post table td,
.blog-main-wrap.post table th{
  border: 0;
}

/* ================================
   Blog links / grid
   ================================ */
#grid-container a{
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

#grid-container a:focus-visible{
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: 2px;
}

#grid-container .grid-items-wrapper a:hover{
  text-decoration: none;
  color: var(--blog-link-hover);
}

/* ================================
   Pagination
   ================================ */
.pagination{
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.125rem;
}

.pagination li.page-item{
  list-style: none;
}

.page-link{
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  line-height: 1.25;
  color: var(--blog-link);
  background-color: transparent;
}

.page-link:hover{
  z-index: 2;
  color: var(--blog-link-hover);
  text-decoration: none;
  background-color: var(--blog-bg-light);
  border-color: var(--lightest-gray);
}

.page-link:focus-visible{
  z-index: 2;
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: 2px;
}

.page-item:first-child .page-link{
  margin-left: 0;
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.page-item:last-child .page-link{
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.page-item.active .page-link{
  z-index: 1;
  color: #fff;
  background-color: var(--blog-link);
  border-color: var(--blog-link);
}

.page-link:active{
  color: var(--blog-link-active);
}

.blog-pagination.pagination{
  padding-top: 1rem !important;
  padding-bottom: 2rem !important;
  align-items: center;
}

/* ================================
   Misc
   ================================ */
span.font-weight-bold{
  font-weight: 700;
}

/* ================================
   HubL Theme Bindings
   ================================ */
.content-wrapper{
  max-width: 1400px;
}

.blog-post__date{
  border-color: var(--metal-gray);
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a{
  color: var(--dark-gray);
  font-family: 'Poppins', sans-serif;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus{
  color: var(--medium-red);
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active{
  color: var(--dark-red);
}

.blog-tag-filter__menu-link--active-item:after{
  background-color: var(--highlight-red);
}

.blog-pagination__link{
  color: var(--highlight-red);
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after{
  background-color: var(--highlight-red);
}

.blog-post__title{
  color: var(--dark-gray);
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 1.3rem + 1.2vw, 2rem);
  font-weight: 400;
  line-height: 1.25;
}

.blog-post__author{
  background-color: var(--lightest-gray);
}

#comments-listing .comment-reply-to{
  color: var(--highlight-red);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus{
  color: var(--medium-red);
}

#comments-listing .comment-reply-to:active{
  color: var(--dark-red);
}

#comments-listing .comment-reply-to:focus-visible{
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: 2px;
}

/* ================================
   Responsive
   ================================ */
@media (min-width: 500px){
  .blog-post__body-content .container{
    padding-left: 54.932px;
    padding-right: 54.932px;
  }
}

@media (min-width: 768px){
  .blog-main-wrap.post table img{
    max-width: inherit;
  }
}

@media (min-width: 1400px){
  .blog-post__body-content .container{
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media (max-width: 767px){
  .blog-post__body .row{
    display: block;
  }

  .blog-post__body p{
    padding-right: 0 !important;
  }
}

@media (max-width: 575px){
  .blog-pagination.pagination{
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}

@media (max-width: 479px){
  .blog-main-wrap.post table{
    width: 100% !important;
    display: block !important;
  }

  .blog-main-wrap.post table td,
  .blog-main-wrap.post table th{
    width: 100% !important;
    display: block !important;
    height: auto !important;
  }

  .blog-main-wrap.post table tr,
  .blog-main-wrap.post table tbody{
    display: block !important;
  }
}

@media (max-width: 411px){
  .blog-main-wrap.post h1{
    font-size: 2rem;
  }
}
/* ******************************************************************************
Legacy layout + modal support
This file supports older HubSpot span-based layouts and older page exceptions.
****************************************************************************** */

/********************** Responsive legacy grid **********************/
.row-fluid{
  width: 100%;
}

.row-fluid:before,
.row-fluid:after{
  display: table;
  content: "";
}

.row-fluid:after{
  clear: both;
}

.row-fluid [class*=span]{
  display: block;
  float: left;
  width: 100%;
  min-height: 28px;
  margin-left: 2.127659574%;
}

.row-fluid [class*=span]:first-child{
  margin-left: 0;
}

.row-fluid .span12{ width: 99.99999998999999%; }
.row-fluid .span11{ width: 91.489361693%; }
.row-fluid .span10{ width: 82.97872339599999%; }
.row-fluid .span9{  width: 74.468085099%; }
.row-fluid .span8{  width: 65.95744680199999%; }
.row-fluid .span7{  width: 57.446808505%; }
.row-fluid .span6{  width: 48.93617020799999%; }
.row-fluid .span5{  width: 40.425531911%; }
.row-fluid .span4{  width: 31.914893614%; }
.row-fluid .span3{  width: 23.404255317%; }
.row-fluid .span2{  width: 14.89361702%; }
.row-fluid .span1{  width: 6.382978723%; }

@media (max-width:767px){
  .row-fluid{
    width: 100%;
  }

  .row-fluid [class*=span]{
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width:768px) and (max-width:1139px){
  .row-fluid{
    width: 100%;
  }

  .row-fluid:before,
  .row-fluid:after{
    display: table;
    content: "";
  }

  .row-fluid:after{
    clear: both;
  }

  .row-fluid [class*=span]{
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.762430939%;
  }

  .row-fluid [class*=span]:first-child{
    margin-left: 0;
  }

  .row-fluid .span12{ width: 99.999999993%; }
  .row-fluid .span11{ width: 91.436464082%; }
  .row-fluid .span10{ width: 82.87292817100001%; }
  .row-fluid .span9{  width: 74.30939226%; }
  .row-fluid .span8{  width: 65.74585634900001%; }
  .row-fluid .span7{  width: 57.182320438000005%; }
  .row-fluid .span6{  width: 48.618784527%; }
  .row-fluid .span5{  width: 40.055248616%; }
  .row-fluid .span4{  width: 31.491712705%; }
  .row-fluid .span3{  width: 22.928176794%; }
  .row-fluid .span2{  width: 14.364640883%; }
  .row-fluid .span1{  width: 5.801104972%; }
}

@media (min-width:1280px){
  .row-fluid{
    width: 100%;
  }

  .row-fluid:before,
  .row-fluid:after{
    display: table;
    content: "";
  }

  .row-fluid:after{
    clear: both;
  }

  .row-fluid [class*=span]{
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.564102564%;
  }

  .row-fluid [class*=span]:first-child{
    margin-left: 0;
  }

  .row-fluid .span12{ width: 100%; }
  .row-fluid .span11{ width: 91.45299145300001%; }
  .row-fluid .span10{ width: 82.905982906%; }
  .row-fluid .span9{  width: 74.358974359%; }
  .row-fluid .span8{  width: 65.81196581200001%; }
  .row-fluid .span7{  width: 57.264957265%; }
  .row-fluid .span6{  width: 48.717948718%; }
  .row-fluid .span5{  width: 40.170940171000005%; }
  .row-fluid .span4{  width: 31.623931624%; }
  .row-fluid .span3{  width: 23.076923077%; }
  .row-fluid .span2{  width: 14.529914530000001%; }
  .row-fluid .span1{  width: 5.982905983%; }
}

/********************** Legacy visibility classes **********************/
.hide{ display: none; }
.show{ display: block; }
.hidden{
  display: none;
  visibility: hidden;
}

@media (max-width:767px){
  .hidden-phone{
    display: none !important;
  }
}

/********************** Modal styling **********************/
.fade{
  transition: opacity .15s linear;
}

.dnowZoomIcon{
  text-decoration: none;
  background-color: var(--white);
  border: 1px solid var(--highlight-red);
  display: inline-block;
  border-radius: 50%;
  width: 2.45rem;
  height: 2.45rem;
  color: var(--highlight-red);
  transition: background-color .3s ease-in, transform .3s ease-in, color .3s ease-in;
  cursor: pointer;
}

.dnowZoomIcon:hover{
  background-color: var(--highlight-red);
  transform: scale(1.2);
}

.dnowZoomIcon i{
  font-size: 1.5625rem;
}

.modal{
  display: none;
  position: fixed;
  z-index: 100;
  padding-top: 130px;
  padding-bottom: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,.4);
}

.modal-content{
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 60%;
}

.modal-open .modal{
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 0;
}

.modal-open{
  overflow: hidden;
}

.modal-dialog{
  position: relative;
  width: auto;
  margin: .5rem;
}

.modal-dialog-centered{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal .modal-dialog{
  transition: transform .3s ease-out;
  transform: translate(0,-50px);
}

.modal.show .modal-dialog{
  transform: none;
}

.modal-header{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #d0dada;
  border-top-left-radius: .125rem;
  border-top-right-radius: .125rem;
}

button.close{
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.close{
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: var(--slate);
  text-shadow: 0 1px 0 var(--white);
  opacity: .5;
}

.modal-header .close{
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-body{
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal form{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  width: auto;
  max-width: none;
}

.modal form .hs_submit.hs-submit{
  padding: 0 20px;
  width: 100%;
}

.modal form .hs_submit.hs-submit .hs-button{
  margin: 0;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: .125rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  font-weight: 400;
  font-family: var(--font-family-base);
}

.modal form .hs_submit.hs-submit .hs-button:hover{
  color: var(--white);
  background-color: #b42127;
  border-color: #a91f25;
}

/********************** Picker **********************/
.picker-seclect{
  position: relative;
  color: #999;
}

.picker-seclect .form-control{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--white);
  padding: 1rem 60px 1rem 1rem;
  color: #999;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: .125rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  height: 66px;
  position: relative;
}

.bootstrap-select > .dropdown-toggle{
  color: #999 !important;
}

.bootstrap-select.show > .dropdown-toggle{
  color: #999;
}

.picker-seclect:after{
  font-family: Ionicons;
  border: 0;
  margin-right: .5rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  margin-top: -1px;
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
}

.resource-page .picker-seclect:after{
  display: none !important;
}

/********************** Legacy page-specific layout **********************/
.events-page .dnd-section > .row-fluid,
.inventory-page .dnd-section > .row-fluid,
.resource-page .dnd-section > .row-fluid,
.midstream-page .dnd-section > .row-fluid{
  padding: 0;
}

.hs-event-r1-grp.py-8{
  padding-top: 0 !important;
}

#grid-container .grid-image img{
  max-height: 15rem;
  height: auto;
  width: auto;
}

#grid-container .grid-items-wrapper.list-view .grid-item .card .card-body.p-4{
  -ms-flex-align: center;
  align-items: center;
}

#grid-container .grid-items-wrapper.list-view .grid-item .card .list-arrow{
  display: -ms-flexbox;
  display: flex !important;
  padding: 0 !important;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
}

.col.grid-wrapper{
  overflow: hidden;
}

.onshore-page .container-fluid{
  padding-right: 0;
  padding-left: 0;
}

.website-page .widget-type-section_header h1,
.hiring-events-header .page-header.section-header h1,
.corporate-container h1,
.company-page .hs_cos_wrapper_type_rich_text h1,
.sustainability-container h1,
.why-dnow-grp h1{
  /* mobile override exists below */
}

.dura-products-page .dnow-img-gallary .slick-slide img,
.odessa-pumps .dnow-img-gallary .slick-slide img{
  width: 100% !important;
}

.tvs-customer-section .dnd-section .widget-type-cell{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--space-shell-sm);
  padding-right: var(--space-shell-sm);
}

@media (min-width:500px){
  .tvs-customer-section .dnd-section .widget-type-cell .homepage .cst-title-col-grp{
    padding-left: var(--space-shell-md);
    padding-right: var(--space-shell-md);
  }

  .modal form{
    padding-left: var(--space-shell-md);
    padding-right: var(--space-shell-md);
  }

  .modal-body > span{
    margin: 0 -18px;
    display: block;
  }
}

@media (min-width:576px){
  .tvs-customer-section .dnd-section .widget-type-cell{
    max-width: 767.9999999979999px;
  }

  .modal-dialog{
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-centered{
    min-height: calc(100% - 3.5rem);
  }
}

@media (min-width:768px){
  .tvs-customer-section .dnd-section .widget-type-cell{
    max-width: 991.999999998px;
  }

  .homepage .cst-title-col-grp{
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
  }

  .downstream-grp .hs_cos_wrapper_type_rich_text,
  .offshore-catalog-grp .full-col-content-wrapper .col-md-12{
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .odessa-pumps #grid-container .col-md-4{
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width:992px){
  .homepage .cst-title-col-grp{
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }

  .modal-lg{
    max-width: 1024px;
  }

  @-moz-document url-prefix(){
    .custom-menu-primary .navigation-primary{
      margin-bottom: 5px;
    }

    .homepage-header.fixed #main-nav > div{
      padding-bottom: 0;
    }
  }
}

@media (min-width:1200px){
  .homepage .cst-title-col-grp{
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width:1400px){
  .tvs-customer-section .dnd-section .widget-type-cell .homepage .cst-title-col-grp{
    padding-left: 18px;
    padding-right: 18px;
  }

  .modal form{
    padding-left: 18px;
    padding-right: 18px;
  }

  .modal-body > span{
    margin: 0 -18px;
    display: block;
  }
}

@media (max-width:1399px){
  .acquisitions-page .acquisitions-container .hs_cos_wrapper_type_rich_text,
  .acquisitions-page .cst-title-col-grp.my-10,
  .diversity-page .diversity-container .hs_cos_wrapper_type_rich_text{
    padding-left: var(--space-shell-md);
    padding-right: var(--space-shell-md);
  }

  .electrical-container .hs_cos_wrapper_type_rich_text{
    padding-left: var(--space-shell-lg);
    padding-right: var(--space-shell-lg);
  }
}

@media (max-width:1300px){
  #grid-container .grid-image img{
    width: auto;
    max-width: 100%;
    height: auto;
  }
}

@media (max-width:1199px) and (min-width:992px){
  @-moz-document url-prefix(){
    .custom-menu-primary .navigation-primary{
      margin-bottom: 8px;
    }

    .homepage-header.fixed #main-nav > div{
      padding-bottom: 0;
    }
  }
}

@media (max-width:992px){
  .picker-seclect .form-control{
    height: 59px;
  }

  #grid-container .grid-image img{
    width: auto;
    max-width: 100%;
    height: auto;
  }
}

@media (max-width:991px){
  .contact-content-wrapper .span6.widget-span:first-child{
    padding: 0;
  }

  .contact-content-wrapper .span6.widget-span{
    width: 100%;
  }

  .contact-content-wrapper .span6.widget-span .row-fluid [class*=span],
  .contact-content-wrapper .span6.widget-span:last-child{
    min-height: 1px !important;
  }

  .product-service-page .product-slider-wrap .col-md-6{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .location-content .span6.widget-span:first-child ul li a{
    min-height: 25px;
  }

  @-moz-document url-prefix(){
    .homepage-header.fixed .slide-menu-control{
      margin-top: 0 !important;
    }
  }

  .acquisitions-page .banner p.my-2.my-md-4.mb-lg-8{
    padding-bottom: 0;
  }

  .acquisitions-page .cst-right-col{
    margin-top: 0;
  }
}

@media (max-width:767px){
  .modal form .hs-form-field{
    width: 100% !important;
    float: none !important;
  }

  .region-page .hs_cos_wrapper_type_rich_text table tr td{
    height: auto !important;
    display: block;
    width: 100% !important;
  }

  .location-content .dnd-section > .row-fluid{
    display: block;
  }

  .location-content .span6.widget-span{
    width: 100%;
  }

  .sustainability-page .bottom-section .span6:last-child{
    margin-left: 0;
  }

  .sustainability-page .bottom-section .span6{
    width: 100%;
    margin-bottom: 20px;
  }

  .procurement-page .top-sec .hs_cos_wrapper_type_rich_text{
    max-width: 100%;
  }
}

@media (max-width:575.98px){
  .contact-content-wrapper form .input{
    margin-right: 0 !important;
  }

  .contact-content-wrapper form .hs-form-field{
    width: 100% !important;
    float: none !important;
  }

  .contact-content-wrapper form .hs-input{
    width: 100% !important;
  }
}

@media (max-width:499px){
  .modal form{
    padding-left: var(--space-shell-sm);
    padding-right: var(--space-shell-sm);
  }

  .modal-body > span{
    margin: 0 -18px;
    display: block;
  }

  .acquisitions-page .acquisitions-container .hs_cos_wrapper_type_rich_text,
  .acquisitions-page .cst-title-col-grp.my-10,
  .diversity-page .diversity-container .hs_cos_wrapper_type_rich_text,
  .electrical-container .hs_cos_wrapper_type_rich_text{
    padding-left: var(--space-shell-sm);
    padding-right: var(--space-shell-sm);
  }
}

@media (max-width:479px){
  .manufacturing-services-grp .hs_cos_wrapper_type_rich_text{
    column-count: auto;
  }
}

@media (max-width:411px){
  .page-center.inventory-r1 h1,
  .website-page .widget-type-section_header h1,
  .hiring-events-header .page-header.section-header h1,
  .corporate-container h1,
  .company-page .hs_cos_wrapper_type_rich_text h1,
  .sustainability-container h1,
  .why-dnow-grp h1,
  .masthead-txt h1{
    font-size: 2rem;
  }

  .pipe-valve-details .specifications-container table td{
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 15px;
  }
}
/* ================================
   System pages
   ================================ */

.hs-search-field__suggestions{
  top: 100%;
  z-index: 99999;
  float: left;
  min-width: 160px;
  display: none;
  list-style: none;
  background-color: var(--white);
  border: 1px solid #d0dada !important;
  background-clip: padding-box;
  box-shadow: rgba(0,0,0,.09) 0 1px 2px 1px;
  left: -100%;
  margin: 0;
  padding: .8rem 1.2rem !important;
  font-size: .8rem;
  position: absolute;
}

.hs-search-field--open .hs-search-field__suggestions{
  display: block;
}

.hs-search-field__suggestions #results-for{
  padding: .2rem .4rem !important;
  margin-bottom: .4rem !important;
  line-height: 1.563rem;
  border-bottom: 1px solid #d0dada;
  font-weight: normal !important;
}

.hs-search-field__suggestions #results-for:hover{
  outline: 0;
  color: var(--slate);
  background-color: transparent;
}

.hs-search-field__suggestions li{
  padding: .2rem .4rem !important;
  line-height: 1.563rem;
  cursor: pointer;
  transition: background-color .1s ease, color 150ms ease;
  display: block;
}

.hs-search-field__suggestions li a{
  color: var(--slate);
  text-decoration: none;
  display: block;
}

.hs-search-field__suggestions li:hover{
  outline: 0;
  color: var(--white);
  background-color: #d4272e;
}

.hs-search-field__suggestions li a:hover{
  background-color: transparent;
  color: var(--white);
}

.hs-search-field__suggestions li:hover a{
  color: var(--white);
}

/* Error page */
.error-page{
  padding: 10rem 0;
  text-align: center;
  position: relative;
}

.error-page:before{
  content: attr(data-error);
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: ;
  font-size: 40vw;
  font-weight: bold;
  color: #F3F6F9;
  z-index: -1;
}

.error-page_heading{
  margin-bottom: 1rem;
}

@media screen and (min-width: 1100px){
  .error-page:before{
    font-size: 20rem;
  }
}

/* Search query input */
.query-input input{
  height: auto;
  display: block;
  padding: .375rem .75rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--dark-gray-muted);
  background-color: var(--white);
  background-clip: padding-box;
  border: 1px solid #d7dadb;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  font-size: 1.25rem;
  width: 100%;
}

.query-input .input-group-fixed-right{
  right: 15px;
  position: absolute;
  top: 0;
  z-index: 4;
}

.query-input .input-group-fixed-right button{
  color: #d4272e;
  background-color: transparent;
  border: 1px solid transparent;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  font-size: 1.25rem;
  line-height: 1.6;
  border-radius: .125rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  padding: .375rem .75rem;
}

/* Search results */
.search-result-wrapper .hs-search-results{
  margin-top: .8rem;
}

.search-result-wrapper ul.hs-search-results__listing li{
  height: 100%;
  box-shadow: 0 1px 5px 1px rgba(0,0,0,.07);
  border: 1px solid #d7dadb;
  background-color: var(--white);
  border-radius: .125rem;
  padding: 1.25rem;
}

.search-result-wrapper .hs-search-results__description{
  margin-top: .8rem;
  padding-top: 0;
  margin-bottom: 0;
}

.search-result-wrapper ul.hs-search-results__listing li a{
  font-family: inherit;
  margin: 0;
  color: #d4272e;
  font-size: inherit;
}

.search-result-wrapper ul.hs-search-results__listing li a:hover{
  color: #931b20;
}

.hs-search-results__pagination a{
  color: #1e1e1e;
  display: inline-block;
}

/* Standard system page wrappers */
.systems-page{
  padding: 3rem 0;
}

.systems-page .success{
  display: inline-block;
  margin: 2rem 0;
  max-width: 767px;
  width: 100%;
  min-width: auto;
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  font-size: 1rem;
  color: #4F7D24;
  padding: .1rem .75rem;
}

.hs-search-results{
  margin-top: 2rem;
}

ul.hs-search-results__listing li{
  margin-bottom: 2rem;
}

.hs-search-results__title{
  font-family: Poppins, Arial, sans-serif;
  font-size: 1.25rem;
  color: #1e1e1e;
  text-decoration: underline;
  margin-bottom: .25rem;
}

.hs-search-results__title:hover{
  text-decoration: none;
}

.hs-search-results__description{
  padding-top: .5rem;
}

.hs-search-highlight{
  font-weight: bold;
}

/* Login / register */
.hs_cos_wrapper_type_member_login .hs-form-field,
.hs_cos_wrapper_type_member_register .hs-form-field{
  margin-bottom: 10px;
}

/* Email prefs */
.email-prefs .item.disabled{
  opacity: 0.6;
  cursor: not-allowed;
}

.email-prefs .item.disabled input:disabled{
  cursor: not-allowed;
}

/* Form container sizing */
.systems-page .form-container{
  margin-bottom: 20px;
}

.systems-page .form-container input[type="text"],
.systems-page .form-container input[type="email"],
.systems-page .form-container input[type="password"],
input#hs-pwd-widget-password,
input.email-edit.hs-input{
  max-width: 767px;
  width: 100%;
  display: block;
}

.systems-page .form-container .hs-form-field > label,
.systems-page .form-container .hs-input[type=checkbox]{
  display: inline-block;
}

.systems-page .form-container ul.no-list.hs-error-msgs,
.systems-page .form-container ul.no-list.hs-error-msgs li{
  margin: 0;
}

.systems-page .form-container ul.no-list.hs-error-msgs{
  padding: 0;
  max-width: 767px;
}

.systems-page .form-container .form-input-validation-message{
  font-size: inherit;
}

/* Misc page-specific overrides */
.error-404-pg .page-center.py-8{
  padding-top: 0 !important;
}

.error-404-pg .my-7{
  margin-bottom: 0 !important;
}
/* ================================
   Brand theme overrides
   ================================ */
body .icon svg{
  fill: var(--highlight-red);
}

body .tns-nav button.tns-nav-active,
body .tns-nav button:hover,
body .tns-nav button:focus{
  background-color: var(--highlight-red);
}

body .social-links__icon{
  background-color: var(--highlight-red);
}

body .social-links__icon svg{
  fill: #fff;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg{
  fill: var(--medium-red);
}

body .social-links__icon:active svg{
  fill: var(--dark-red);
}

body .team-member__description{
  background-color: var(--lightest-gray);
  color: var(--dark-gray);
  font-family: var(--font-family-base);
}