/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

.hljs{display:block;overflow-x:auto;padding:.5em;background:#2b2b2b;color:#bababa}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#6896ba}.hljs-code,.hljs-selector-class{color:#a6e22e}.hljs-emphasis{font-style:italic}.hljs-attribute,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-variable{color:#cb7832}.hljs-params{color:#b9b9b9}.hljs-string{color:#6a8759}.hljs-addition,.hljs-built_in,.hljs-builtin-name,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-subst,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-type{color:#e0c46c}.hljs-comment,.hljs-deletion,.hljs-meta{color:#7f7f7f}

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* Cuysotm Header */


.header__skip {
    height: 1px;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    top: -1000px;
    width: 1px;
}
/* Header  */
.custom_nav { 
  width:100%;
  display: flex;
  justify-content:space-between;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  padding: 8px 16px;
  z-index:900;
  background:#ffffff;
}

.header-fixed .custom_nav {
   padding: 0px 16px;
}

/* Header - Logo */
.custom_nav__logo { 
  margin-right: auto;
}
.custom_nav__logo .text-logo{font-family:'Lato',sans-serif;font-weight:300;font-size:28px;}

/* Header - Hamburger Menu */
.custom_nav__hamburger-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
}
.custom_nav__hamburger-menu .ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom_nav__hamburger-menu .hamRotate.active { transform: rotate(45deg); }
.custom_nav__hamburger-menu .hamRotate180.active { transform: rotate(180deg); }
.custom_nav__hamburger-menu .line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#005081;
  stroke-width:5.5;
  stroke-linecap:round;
}
.custom_nav__hamburger-menu .ham4 .top { stroke-dasharray: 40 121; }
.custom_nav__hamburger-menu .ham4 .bottom { stroke-dasharray: 40 121; }
.custom_nav__hamburger-menu .ham4.active .top { stroke-dashoffset: -68px; }
.custom_nav__hamburger-menu .ham4.active .bottom { stroke-dashoffset: -68px; }

/* HEader - Menu */
.custom_nav__nav,
.custom_nav__menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.custom_nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  max-width: 100%;
  overflow: visible;
  font-weight: bold;
  color: inherit;
}
.custom_nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover {
  text-decoration: none;
}
.custom_nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { 
  overflow: visible; 
  width: auto;
}
}
.custom_nav__cta { padding-left: 16px; }

 .custom_nav__logo img {
height:auto;
}

@media (min-width: 850px) {
 
  .custom_nav__logo img {
    max-width:15vw;
}
  .header-fixed .custom_nav__logo img {
    max-width:10vw;
}
  
  .custom_nav__hamburger-menu { display: none; }
  .custom_nav li.hs-menu-item.hs-menu-depth-1 { margin: 0; }
  .custom_nav li.hs-menu-item.hs-menu-depth-1 > a { padding: 16px; text-decoration:none; }
  /* Dropdown */
  
    .hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
  }
  
 .hs-item-has-children:hover ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
  }
  
  nav.custom_nav__nav>.hs-menu-wrapper, nav.custom_nav__nav>.hs-menu-wrapper>ul, .custom_nav li.hs-menu-item.hs-menu-depth-1 {
    height:100%;
    display:flex;
    align-items:center;
    gap:1.5rem;
}


  .custom_nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
     top:100%;
  }
  .custom_nav ul.hs-menu-children-wrapper {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 0px 12px rgba(10, 10, 10, 0.16), 0 2px 4px rgba(10, 10, 10, 0.3);
    padding: 16px 8px 8px 8px; 
    position: relative;
  }
 
}
@media (max-width: 850px) {
  .noscroll {
    overflow:hidden;
    max-height:100vh;
  }
  
  li.hs-menu-item.hs-menu-depth-1:last-child>a:after {
    top:100%;
  }
  
  .custom_nav__nav {
    position:absolute;
    top:0;
    transition:ease all 0.5s;
    opacity:0;
  }
   nav.custom_nav__nav.open {
    height: 100vh;
    top:0;
      transition:ease all 0.5s;
    z-index: 5;
    left: 0;
    opacity:1;
}
  .logo__hamburger__wrapper {
    z-index: 7;
}
  .logo__hamburger__wrapper {
    position: relative;
    width: 100%;
}
  .custom_nav__logo { 
    padding: 8px 0;
    background:#ffffff;
  }
  .custom_nav__logo img {
    width: 200px !important; 
    height: auto;
  }
  
  .header__container.content-wrapper {
    position: relative;
}

div#custom_nav__hamburger-menu {
    top:50%;
    transform:translateY(-50%);
}
  .custom_nav__hamburger-menu { display: inline-block; }
  .custom_nav__nav, .custom_nav__menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul { flex-direction: column; }
  .custom_nav__nav {
    width: 100%;
    height: 0;
    padding: 0;
    opacity: 0;
    left:0;
    overflow:hidden;
   transition: height 400ms;
  }
  .custom_nav__nav.open {
    background-color: #FAF8F5;
    height: auto;
    padding: 16px;
    opacity: 1;
    
  }
  .custom_nav__cta { 
    padding-left: 0; 
    padding-top: 16px;
  }
  /* Dropdown */
  .custom_nav__nav, .custom_nav__menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
    align-items: flex-start;
    align-content: center;
  }
  
  ul.menu__wrapper.no-list {
    display: flex;
    justify-content:center;
    align-items:center;
    gap:50px;
}

  
  li.hs-item-has-children ul.hs-menu-children-wrapper {
    opacity:0;
    visibility:hidden;
    padding:0 16px !important;
      pointer-events:none;
    transform-origin: top left;
 transition: all 1s ease, opacity 60s;
}
  
li.hs-item-has-children.open-now ul.hs-menu-children-wrapper {
     opacity:1;
     visibility:visible;
      padding:16px !important;
    pointer-events: all;
  transform-origin: bottom left;
  transition: all 1s ease, opacity 30s;

}
  
  li.hs-item-has-children ul.hs-menu-children-wrapper li {
    height:0;
    visibility:hidden;
    opacity:0;
    transition: all 1s ease, opacity 0.3s;
  }
  li.hs-item-has-children.open-now ul.hs-menu-children-wrapper li {
    height:auto;
    visibility:visible;
    opacity:1;
    transition: all 1s ease, opacity 3s;
  }
  
  
  
  .custom_nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper,
  .custom_nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    position: relative !important;
    padding: 16px 0 16px 16px;
  }
  .custom_nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    font-weight: normal;
    overflow: visible;
  }
}
/* Blog Search */

.hs-search-field__bar .button:focus, .hs-search-field__bar .button:hover, .hs-search-field__bar button:focus, .hs-search-field__bar button:hover {
  background:transparent;
}
.hs-search-field {
  position: relative;
}

.hs-search-field__bar + ul.hs-search-field__suggestions {
    display: none !important;
}
.hs-search-field__input {
  box-sizing: border-box;
  width: 100%;
}
.hs-search-field__bar button svg {
  height: 10px;
}
.hs-search-field__suggestions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #000;
}
.hs-search-field__suggestions li {
  display: block;
  margin: 0;
  padding: 0;
}
.hs-search-field__suggestions #results-for {
  font-weight: bold;
}
.hs-search-field__suggestions a,
.hs-search-field__suggestions #results-for {
  display: block;
}
.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  outline: none;
}


/* blog tags */

.sidebar-topics {
    margin-top: 1.5rem;
}

.sidebar-topics h4 {
    text-decoration:none;
    margin-bottom:0.5rem;
}

.sidebar-topics ul {
    list-style-type:none;
    padding:0;
    margin-bottom:80px;
}
.sidebar-topics li {
    border-bottom-width:2px;
    border-bottom-style: solid;
    padding:15px 0;
}

@font-face {
      font-family: 'Koch';
      src: url('//1951013.fs1.hubspotusercontent-na1.net/hubfs/1951013/raw_assets/public/anseo-2024/fonts/KochGeometric-Demi.otf') format('opentype');
      font-weight: normal;
      font-style: normal;
      font-display: block;
    }
/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
    text-underline-offset: 0.35em;

}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: 900;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
/* Fields */

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

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

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

/* Inputs - checkbox/radio */

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

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

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

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

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

.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 .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

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

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

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

/* GDPR */

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

/* Validation */

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

.hs-input.invalid.error {
  border-color: #EF6B51;
}

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

/* Submit button */

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

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Header DND sections */

header.header.main {
    position: relative;
    box-shadow: 0 2px 4px rgba(33, 51, 67, .12);
    top:-100%;
    transition: top 1s ease-in-out; /* Smooth slide-in effect */
}

header.header.main.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width:100%;
  background:white;
  z-index: 1000;
 
}

.header .dnd-section {
  padding: 0;
}

/* Header container */

.header__container {
  display: flex;
  justify-content: space-between;
}

.header__row-1 {
  padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 0 !important;
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}




.header__search .hs-search-field__input {
  
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-position: center right 15px;
    background-repeat: no-repeat;
  
  height: 45px;
  padding: 0 0.7rem;
}




.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: #494A52;
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #494A52;
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }}

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: #F8FAFC;
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}

/* footer */

/* Menu Columns */
.menu-columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.menu-column {
  margin-bottom: 1.5rem;
  padding-right: 1rem;
}

.menu-columns--one-col .menu-column { width: 100%; }
.menu-columns--two-col .menu-column { width: 50%; }
.menu-columns--three-col .menu-column { width: 33.3333333333%; }
.menu-columns--four-col .menu-column { width: 25%; }
.menu-columns--five-col .menu-column { width: 20%; }
.menu-columns--six-col .menu-column { width: 16.6666666667%; }

@media (max-width: 767px) {
  .menu-columns--one-col-sm .menu-column { width: 100%; }
  .menu-columns--two-col-sm .menu-column { width: 50%; }
  .menu-columns--three-col-sm .menu-column { width: 33.3333333333%; }
  .menu-columns--four-col-sm .menu-column { width: 25%; }
  .menu-column {
    padding-right: 0;
  }
}

/* Menu Title */

p.menu-column__title {}

/* Menu Items */

.menu-column__menu-item {
  margin-bottom: 0.5rem;
}

a.menu-column__menu-link {
  border-bottom-color: transparent;
  text-decoration: none;
}

a.menu-column__menu-link:hover,
a.menu-column__menu-link:focus,
a.menu-column__menu-link:active {
  border-bottom-color: inherit;
  text-decoration: none;
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
 /* display: flex; */
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* Search Input */


.hs-search-field__bar button {
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: 16px;
  bottom: 0;
  display: flex;
  height: 42px;
  justify-content: center;
  right: 0;
  top: 0;
  padding: 2px 0 0px;
  pointer-events: all;
  position: absolute;
  width: 42px;
}

.hs-search-field__bar button:before {
  display:none;
}

.hs-search-field__bar button span,
.hs-search-field__bar button svg {
  height: 16px !important;
  width: 16px !important;
  display:flex;
}

.hs-search-field .hs-search-field__input {
  border: 1px solid #151F6D;
  border-radius: 6px;
  box-shadow: none;
  cursor: pointer;
  height: 32px;
  padding: 20px;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.hs-search-field__suggestions {
  border: 0px solid transparent !important;
  box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
  font-size: 1rem;
  position: absolute;
  width: 100%;
  z-index: 100;
}

.hs-search-field__suggestions li#results-for,
.hs-search-field__suggestions li a {
  padding: 0.25rem 0.5rem;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

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

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}

/* Blog post */

.blog-post {
  margin: 0 auto;
  max-width: 960px;
}

.blog-post__meta {
  margin-bottom: 1.4rem;
}

.blog-post__meta a {
  text-decoration: underline;
}

.blog-post__timestamp {
  display: block;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 0.35rem;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (max-width: 768px) {

.contents.credit-bar>.flex {
    flex-direction: column;
}

span.inline-block.my-0.created-separator {
    display: none;
}

.contents.credit-bar img {
    align-self: self-start;
}

}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}

/* code block */


.language-label, .copy-button {
     border: none;
    padding: 5px 10px;
    border-radius: 3px;
   font-family: Arial, sans-serif;
    margin-left: 10px;
}

.copy-button {
    cursor: pointer;
}


.code-block, code {
    background-color: #2b2b2b;
    padding: 15px;
    border-radius: 4px;
    overflow-x: auto;
    display: inline-block;
    width: 100%;
  color:#bababa;
}

pre.hljs {
    margin-top: 0;
}

.label-button-container {
    display: flex;
    justify-content: space-between;
    color: #b4b4b4;
    background: #545454;
}

  
      code::-webkit-scrollbar {
            height: 10px;
        }
        
        code::-webkit-scrollbar-track {
            border-radius: 8px;
            background-color: #545454;
              }
        
        code::-webkit-scrollbar-thumb {
            border-radius: 8px;
            background-clip: content-box;
            background-color: #b4b4b4;
        }

        a.tags_2024 {
    background: #e9e9e9;
    color: #000;
    font-size: .55rem;
    padding: .1em .5em;
    text-decoration: none;
    text-transform: lowercase;
    border-radius: 5px;
}

h3.tag-title {
    margin-bottom: 0.15rem;
}

/* reddit cards */
    .thumbnail-wrapper {
      cursor: pointer;
    position: relative;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    border-radius: 8px;
    border-width: .0625rem;
    border-style: solid;
    border-color: var(--color-neutral-border-weak);
    height: 78px;
    width: 104px;
    }

.thumbnail-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

hr.sep {
    width:100%;
    border: 0;
    background-color: transparent;
    margin: var(--misc-divider-margin);
    border-width: 0;
    border-bottom-width: .0625rem;
    border-style: solid;
    border-bottom-color: #00000019;
}

faceplate-screen-reader-content {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.inset-0 {
    inset: 0;
}

.absolute {
    position: absolute;
}

 .card-wrap {
        --van-black: #000;
    --van-white: #fff;
    --van-gray-1: #f7f8fa;
    --van-gray-2: #f2f3f5;
    --van-gray-3: #ebedf0;
    --van-gray-4: #dcdee0;
    --van-gray-5: #c8c9cc;
    --van-gray-6: #969799;
    --van-gray-7: #646566;
    --van-gray-8: #323233;
    --van-red: #ee0a24;
    --van-blue: #1989fa;
    --van-orange: #ff976a;
    --van-orange-dark: #ed6a0c;
    --van-orange-light: #fffbe8;
    --van-green: #07c160;
    --van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
    --van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
    --van-primary-color: var(--van-blue);
    --van-success-color: var(--van-green);
    --van-danger-color: var(--van-red);
    --van-warning-color: var(--van-orange);
    --van-text-color: var(--van-gray-8);
    --van-text-color-2: var(--van-gray-6);
    --van-text-color-3: var(--van-gray-5);
    --van-text-link-color: #576b95;
    --van-active-color: var(--van-gray-2);
    --van-active-opacity: 0.6;
    --van-disabled-opacity: 0.5;
    --van-background-color: var(--van-gray-1);
    --van-background-color-light: var(--van-white);
    --van-padding-base: 4px;
    --van-padding-xs: 8px;
    --van-padding-sm: 12px;
    --van-padding-md: 16px;
    --van-padding-lg: 24px;
    --van-padding-xl: 32px;
    --van-font-size-xs: 10px;
    --van-font-size-sm: 12px;
    --van-font-size-md: 14px;
    --van-font-size-lg: 16px;
    --van-font-weight-bold: 500;
    --van-line-height-xs: 14px;
    --van-line-height-sm: 18px;
    --van-line-height-md: 20px;
    --van-line-height-lg: 22px;
    --van-base-font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC','miui','Hiragino Sans GB','Microsoft Yahei',sans-serif;
    --van-price-integer-font-family: Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;
    --van-animation-duration-base: 0.3s;
    --van-animation-duration-fast: 0.2s;
    --van-animation-timing-function-enter: ease-out;
    --van-animation-timing-function-leave: ease-in;
    --van-border-color: var(--van-gray-3);
    --van-border-width-base: 1px;
    --van-border-radius-sm: 2px;
    --van-border-radius-md: 4px;
    --van-border-radius-lg: 8px;
    --van-border-radius-max: 999px;
    --van-badge-size: 16px;
    --van-badge-color: var(--van-white);
    --van-badge-padding: 0 3px;
    --van-badge-font-size: var(--van-font-size-sm);
    --van-badge-font-weight: var(--van-font-weight-bold);
    --van-badge-border-width: var(--van-border-width-base);
    --van-badge-background-color: var(--van-danger-color);
    --van-badge-dot-color: var(--van-danger-color);
    --van-badge-dot-size: 8px;
    --van-badge-font-family: -apple-system-font,Helvetica Neue,Arial,sans-serif;
    --van-popup-background-color: var(--van-background-color-light);
    --van-popup-transition: transform var(--van-animation-duration-base);
    --van-popup-round-border-radius: 16px;
    --van-popup-close-icon-size: 22px;
    --van-popup-close-icon-color: var(--van-gray-5);
    --van-popup-close-icon-margin: 16px;
    --van-popup-close-icon-z-index: 1;
    --van-loading-text-color: var(--van-text-color-2);
    --van-loading-text-font-size: var(--van-font-size-md);
    --van-loading-spinner-color: var(--van-gray-5);
    --van-loading-spinner-size: 30px;
    --van-loading-spinner-animation-duration: 0.8s;
    --van-button-mini-height: 24px;
    --van-button-mini-padding: 0 var(--van-padding-base);
    --van-button-mini-font-size: var(--van-font-size-xs);
    --van-button-small-height: 32px;
    --van-button-small-padding: 0 var(--van-padding-xs);
    --van-button-small-font-size: var(--van-font-size-sm);
    --van-button-normal-padding: 0 15px;
    --van-button-normal-font-size: var(--van-font-size-md);
    --van-button-large-height: 50px;
    --van-button-default-height: 44px;
    --van-button-default-line-height: 1.2;
    --van-button-default-font-size: var(--van-font-size-lg);
    --van-button-default-color: var(--van-text-color);
    --van-button-default-background-color: var(--van-background-color-light);
    --van-button-default-border-color: var(--van-border-color);
    --van-button-primary-color: var(--van-white);
    --van-button-primary-background-color: var(--van-primary-color);
    --van-button-primary-border-color: var(--van-primary-color);
    --van-button-success-color: var(--van-white);
    --van-button-success-background-color: var(--van-success-color);
    --van-button-success-border-color: var(--van-success-color);
    --van-button-danger-color: var(--van-white);
    --van-button-danger-background-color: var(--van-danger-color);
    --van-button-danger-border-color: var(--van-danger-color);
    --van-button-warning-color: var(--van-white);
    --van-button-warning-background-color: var(--van-warning-color);
    --van-button-warning-border-color: var(--van-warning-color);
    --van-button-border-width: var(--van-border-width-base);
    --van-button-border-radius: var(--van-border-radius-sm);
    --van-button-round-border-radius: var(--van-border-radius-max);
    --van-button-plain-background-color: var(--van-white);
    --van-button-disabled-opacity: var(--van-disabled-opacity);
    --van-button-icon-size: 1.2em;
    --van-button-loading-icon-size: 20px;
    --van-nav-bar-height: 46px;
    --van-nav-bar-background-color: var(--van-background-color-light);
    --van-nav-bar-arrow-size: 16px;
    --van-nav-bar-icon-color: var(--van-primary-color);
    --van-nav-bar-text-color: var(--van-primary-color);
    --van-nav-bar-title-font-size: var(--van-font-size-lg);
    --van-nav-bar-title-text-color: var(--van-text-color);
    --van-nav-bar-z-index: 1;
    --van-image-placeholder-text-color: var(--van-text-color-2);
    --van-image-placeholder-font-size: var(--van-font-size-md);
    --van-image-placeholder-background-color: var(--van-background-color);
    --van-image-loading-icon-size: 32px;
    --van-image-loading-icon-color: var(--van-gray-4);
    --van-image-error-icon-size: 32px;
    --van-image-error-icon-color: var(--van-gray-4);
    --van-tag-padding: 0 var(--van-padding-base);
    --van-tag-text-color: var(--van-white);
    --van-tag-font-size: var(--van-font-size-sm);
    --van-tag-border-radius: 2px;
    --van-tag-line-height: 16px;
    --van-tag-medium-padding: 2px 6px;
    --van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs);
    --van-tag-large-border-radius: var(--van-border-radius-md);
    --van-tag-large-font-size: var(--van-font-size-md);
    --van-tag-round-border-radius: var(--van-border-radius-max);
    --van-tag-danger-color: var(--van-danger-color);
    --van-tag-primary-color: var(--van-primary-color);
    --van-tag-success-color: var(--van-success-color);
    --van-tag-warning-color: var(--van-warning-color);
    --van-tag-default-color: var(--van-gray-6);
    --van-tag-plain-background-color: var(--van-background-color-light);
    --van-card-padding: var(--van-padding-xs) var(--van-padding-md);
    --van-card-font-size: var(--van-font-size-sm);
    --van-card-text-color: var(--van-text-color);
    --van-card-background-color: var(--van-gray-1);
    --van-card-thumb-size: 88px;
    --van-card-thumb-border-radius: var(--van-border-radius-lg);
    --van-card-title-line-height: 16px;
    --van-card-desc-color: var(--van-gray-7);
    --van-card-desc-line-height: var(--van-line-height-md);
    --van-card-price-color: var(--van-gray-8);
    --van-card-origin-price-color: var(--van-text-color-2);
    --van-card-num-color: var(--van-text-color-2);
    --van-card-origin-price-font-size: var(--van-font-size-xs);
    --van-card-price-font-size: var(--van-font-size-sm);
    --van-card-price-integer-font-size: var(--van-font-size-lg);
    --van-card-price-font-family: var(--van-price-integer-font-family);
    --van-checkbox-size: 20px;
    --van-checkbox-border-color: var(--van-gray-5);
    --van-checkbox-transition-duration: var(--van-animation-duration-fast);
    --van-checkbox-label-margin: var(--van-padding-xs);
    --van-checkbox-label-color: var(--van-text-color);
    --van-checkbox-checked-icon-color: var(--van-primary-color);
    --van-checkbox-disabled-icon-color: var(--van-gray-5);
    --van-checkbox-disabled-label-color: var(--van-text-color-3);
    --van-checkbox-disabled-background-color: var(--van-border-color);
    --van-overlay-z-index: 1;
    --van-overlay-background-color: rgba(0, 0, 0, 0.7);
    font-family: var(--font-sans);
    --rem360: 22.5rem;
    --rem320: 20rem;
    --rem192: 12rem;
    --rem144: 9rem;
    --rem128: 8rem;
    --rem96: 6rem;
    --rem90: 5.625rem;
    --rem88: 5.5rem;
    --rem64: 4rem;
    --rem56: 3.5rem;
    --rem48: 3rem;
    --rem40: 2.5rem;
    --rem36: 2.25rem;
    --rem32: 2rem;
    --rem28: 1.75rem;
    --rem26: 1.625rem;
    --rem24: 1.5rem;
    --rem22: 1.375rem;
    --rem20: 1.25rem;
    --rem18: 1.125rem;
    --rem16: 1rem;
    --rem15: 0.9375rem;
    --rem14: 0.875rem;
    --rem12: 0.75rem;
    --rem10: 0.625rem;
    --rem8: 0.5rem;
    --rem6: 0.375rem;
    --rem4: 0.25rem;
    --rem2: 0.125rem;
    --rem1: 0.0625rem;
    --spacer-4xs: 0.125rem;
    --spacer-2xs: 0.25rem;
    --spacer-xs: 0.5rem;
    --spacer-sm: 0.75rem;
    --spacer-md: 1rem;
    --spacer-lg: 1.5rem;
    --spacer-xl: 2rem;
    --spacer-2xl: 3rem;
    --size-2xs: 0.25rem;
    --size-xs: 0.5rem;
    --size-sm: 0.75rem;
    --size-md: 1rem;
    --size-lg: 1.5rem;
    --size-xl: 2rem;
    --size-2xl: 3rem;
    --size-3xl: 4rem;
    --size-4xl: 6rem;
    --size-5xl: 8rem;
    --line-sm: 0.0625rem;
    --line-md: 0.125rem;
    --line-lg: 0.25rem;
    --radius-sm: 0.25rem;
    --radius-lg: 2rem;
    --radius-full: 624.9375rem;
    --font-10-15-bold: normal 700 0.625rem/0.9375rem var(--font-sans);
    --font-button-xs: normal 700 0.75rem/0.875rem var(--font-sans);
    --color-action-primary: var(--color-primary-background);
    --color-action-secondary: var(--color-primary-background-hover);
    --color-alert-positive: var(--color-success-content);
    --color-alert-negative: var(--color-danger-content);
    --color-button-primary-border-disabled: transparent;
    --color-input-default: var(--color-tone-6);
    --color-input-hover: var(--color-primary-background-hover);
    --color-input-text: var(--color-tone-1);
    --color-switch-input-background-disabled: var(--color-tone-6);
    --color-switch-input-background-hover: var(--color-tone-3);
    --elevation-xs: 0 0.0625rem 0.125rem 0 #00000040;
    --elevation-sm: 0 0.0625rem 0.25rem 0 #00000026,0 0.25rem 0.25rem 0 #00000026;
    --elevation-md: 0 0.25rem 0.5rem 0 #0000001a,0 0.375rem 0.75rem 0 #00000040;
    --elevation-lg: 0 0.75rem 0.75rem 0 #00000026,0 1rem 2rem 0 #00000040;
    --elevation-focus-ring: 0 0 0 0.25rem var(--color-global-alienblue);
    --font-sans: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol',sans-serif;
    --font-mono: Noto Mono,Menlo,Monaco,Consolas,monospace;
    --font-body: 0.875rem;
    --font-small: 0.75rem;
    --font-code: 0.875rem;
    --font-subheading: 0.75rem;
    --font-label: 0.625rem;
    --font-button-b1: normal bold 1.125rem/1.375rem var(--font-sans);
    --font-button-b2: normal bold 1rem/1.25rem var(--font-sans);
    --font-button-b3: normal bold 0.875rem/1.125rem var(--font-sans);
    --font-button-b4: normal bold 0.75rem/0.875rem var(--font-sans);
    --color-gradient-orangeyellow: linear-gradient(89.94deg, #ec0623 0%, #ff8717 100%);
    --color-gradient-bluepink: linear-gradient(89.94deg, #51b9ff 0%, #7785ff 52.6%, #b279ff 73.96%, #ff81ed 100%);
    --boxshadow-modal: 0px 2px 15px rgba(26, 26, 27, 0.3);
    --boxshadow-navigation: 0px 4px 14px rgba(0, 0, 0, 0.1);
    --boxshadow-tooltip: 0 1px 4px rgba(0, 0, 0, 0.15),0 4px 4px rgba(0, 0, 0, 0.15);
    color-scheme: light;
    --button-color-background-default: var(--color-button-secondary-background);
    --button-color-background-focus: var(--color-button-secondary-background-focus);
    --button-color-background-hover: var(--color-button-secondary-background-hover);
    --button-color-background-active: linear-gradient(var(--color-button-secondary-background-hover), var(--color-button-secondary-background-hover));
    --button-color-background-disabled: var(--color-button-secondary-background-disabled);
    --button-color-background-activated: var(--color-button-secondary-background-activated);
    --button-color-text-default: var(--color-button-secondary-text);
    --button-color-text-disabled: var(--color-button-secondary-text-disabled);
    --button-color-text-activated: var(--color-button-secondary-text-activated);
    --button-border-color-default: var(--color-button-secondary-border);
    color: var(--color-tone-1);
    --dx-text-color-light: inherit;
    --dx-text-color-dark: inherit;
    --dx-bg-color-light: initial;
    --dx-bg-color-dark: initial;
    --dx-border-color-light: initial;
    --dx-border-color-dark: initial;
    --shreddit-color-mods-reported-background: #fff2bd;
    --shreddit-color-mods-reported-background-hover: #ffe88f;
    --shreddit-color-mods-reported-onBackground: #665505;
    --shreddit-color-mods-filtered-background: #FBDBD4;
    --shreddit-color-mods-filtered-background-hover: #FDB3A4;
    --shreddit-color-mods-filtered-onBackground: #BC0117;
    --shreddit-color-wordmark: var(--color-global-brand-orangered);
    --shreddit-color-streak-progress: #ffdda8;
    --shreddit-color-streak-not-reached-background: #f9fafa;
    --shreddit-color-streak-not-reached-text: #576f76;
    --styled-scrollbar-background: var(--color-neutral-background);
    --dvh-unit: 1dvh;
    --viewport-height: calc(calc(var(--dvh-unit) * 100));
    font-size: var(--font-body);
    word-break: break-word;
    overflow-wrap: break-word;
    line-height: 1.5;
    --faceplate-body-padding: 0px!important;
    -webkit-font-smoothing: antialiased;
    --shreddit-header-height: 56px;
    --shreddit-header-large-height: 56px;
    --shreddit-bottom-padding: 52px;
    --page-y-padding: var(--shreddit-header-height);
    --spacer-a-px: 0.125rem;
    --spacer-button-lg-px: var(--spacer-md);
    --spacer-button-md-px: var(--spacer-md);
    --spacer-button-sm-px: var(--spacer-sm);
    --spacer-input-padding-left: var(--spacer-md);
    --spacer-input-padding-top: var(--spacer-2xs);
    --spacer-label-default: var(--spacer-md);
    --spacer-switch-input-active-pl: var(--spacer-xs);
    --size-banner-height: var(--size-rem40);
    --size-button-lg-h: var(--size-2xl);
    --size-button-md-h: 2.5rem;
    --size-button-sm-h: var(--size-xl);
    --size-button-xs-h: var(--size-lg);
    --size-switch-input-h: var(--size-xl);
    --size-switch-input-w: var(--size-2xl);
    --line-a-focus: var(--line-md);
    --line-a-outline-moz: 0px;
    --line-a-outline-wb: 0px;
    --line-button-lg-border: var(--line-sm);
    --line-button-md-border: var(--line-sm);
    --line-button-sm-border: var(--line-sm);
    --line-button-xs-border: var(--line-sm);
    --line-button-border-activated: var(--line-lg);
    --line-input-border: var(--line-lg);
    --radius-md: 1.25rem;
    --radius-accordion-size: 0px;
    --font-10: normal undefined null/null var(--font-sans);
    --font-12: normal undefined null/null var(--font-sans);
    --font-14: normal undefined null/null var(--font-sans);
    --font-16: normal undefined null/null var(--font-sans);
    --font-18: normal undefined null/null var(--font-sans);
    --font-20: normal undefined null/null var(--font-sans);
    --font-24: normal undefined null/null var(--font-sans);
    --font-32: normal undefined null/null var(--font-sans);
    --font-48: normal undefined null/null var(--font-sans);
    --font-64: normal undefined null/null var(--font-sans);
    --font-title-h0: var(--font-64);
    --font-title-h1: var(--font-32);
    --font-title-h2: var(--font-24);
    --font-title-h3: var(--font-18);
    --font-title-h4: var(--font-16);
    --font-title-h5: var(--font-14);
    --font-title-h6: var(--font-12);
    --font-14-20-regular: normal 400 0.875rem/1.25rem var(--font-sans);
    --font-14-20-semibold: normal 600 0.875rem/1.25rem var(--font-sans);
    --font-16-20-regular: normal 400 1rem/1.25rem var(--font-sans);
    --font-12-16-regular: normal 400 0.75rem/1rem var(--font-sans);
    --font-12-16-semibold: normal 600 0.75rem/1rem var(--font-sans);
    --font-button-lg: var(--font-14-20-semibold);
    --font-button-md: var(--font-14-20-semibold);
    --font-button-sm: var(--font-12-16-semibold);
    --font-label-default: var(--font-12-16-regular);
    --misc-accordion-border: 0;
    --misc-accordion-open-list-style-type: none;
    --misc-accordion-closed-list-style-type: none;
    --misc-divider-margin: 0;
    --misc-label-text-transform: capitalize;
    --misc-label-letter-spacing: initial;
    --blur-sm: 0.25rem;
    --blur-normal: 0.5rem;
    --blur-md: 0.75rem;
    --blur-lg: 1rem;
    --blur-xl: 1.5rem;
    --blur-2xl: 2.5rem;
    --blur-3xl: 4rem;
    --color-action-downvote: #6A5CFF;
    --color-action-upvote: #D93900;
    --color-ai-background-weaker: #E7FDF5;
    --color-ai-plain: #006C56;
    --color-ai-plain-hover: #015140;
    --color-alert-caution: #977000;
    --color-avatar-gradient: linear-gradient(0deg, #97AFBCff, #ffffffff 75%);
    --color-brand-background: #D93900;
    --color-brand-background-hover: #AE2C00;
    --color-brand-gradient-active: linear-gradient(180deg, #cd3700ff, #db3b00ff 68%, #D93900ff 100%);
    --color-brand-gradient-active-highlight: linear-gradient(83deg, #db3f0000 80%, #D93900ff 100%);
    --color-brand-gradient-default: linear-gradient(180deg, #D93900ff, #db3b00ff 30%, #AE2C00ff 100%);
    --color-brand-gradient-default-highlight: linear-gradient(258deg, #db3f0000 80%, #D93900ff 100%);
    --color-brand-gradient-hover: linear-gradient(180deg, #e23d00ff 15%, #cb3600ff 49%, #b43000ff 100%);
    --color-brand-gradient-hover-highlight: linear-gradient(323deg, #cb360000 65%, #cb3600ff 100%);
    --color-brand-onBackground: #FFFFFF;
    --color-category-live: #D93900;
    --color-category-nsfw: #DE019F;
    --color-category-spoiler: var(--color-tone-1);
    --color-caution-background: #FFBF0B;
    --color-caution-background-hover: #D8A100;
    --color-caution-onBackground: #000000;
    --color-caution-plain: #785800;
    --color-caution-plain-hover: #5B4200;
    --color-danger-background: #EB001F;
    --color-danger-background-disabled: #FDB3A4;
    --color-danger-background-hover: #BC0117;
    --color-danger-background-weaker: #FBDBD4;
    --color-danger-content: #BC0117;
    --color-danger-content-default: #ffffff;
    --color-danger-content-hover: #90000F;
    --color-danger-onBackground: #FFFFFF;
    --color-danger-plain: #BC0117;
    --color-danger-plain-hover: #90000F;
    --color-downvote-background: #6A5CFF;
    --color-downvote-background-disabled: rgba(106, 92, 255, 0.3);
    --color-downvote-background-hover: #523DFF;
    --color-downvote-content: #523DFF;
    --color-downvote-content-weak: #6A5CFF;
    --color-downvote-disabled: #523DFF4d;
    --color-downvote-onBackground: #FFFFFF;
    --color-downvote-onStrongScrim: #B29FFF;
    --color-downvote-onStrongScrim-disabled: rgba(178, 159, 255, 0.3);
    --color-downvote-onStrongScrim-weaker: #9580FF;
    --color-downvote-plain: #523DFF;
    --color-downvote-plain-disabled: rgba(82, 61, 255, 0.3);
    --color-downvote-plain-weaker: #6A5CFF;
    --color-elevation-large1: #0000003F;
    --color-elevation-large2: #00000026;
    --color-elevation-medium1: #0000003F;
    --color-elevation-medium2: #00000019;
    --color-elevation-small: #00000026;
    --color-elevation-xsmall: #0000003F;
    --color-favorite: #977000;
    --color-global-admin: #D93900;
    --color-global-alienblue: #1870F4;
    --color-global-black: #000000;
    --color-global-brand-orangered: #FF4500;
    --color-global-darkblue: #2A3236;
    --color-global-focus: #029DD5;
    --color-global-gold: #B78800;
    --color-global-moderator: #008A10;
    --color-global-nsfw: #DE019F;
    --color-global-offline: #667780;
    --color-global-online: #00C61C;
    --color-global-orangered: #FF4500;
    --color-global-stars: #977000;
    --color-global-white: #FFFFFF;
    --color-gradient-media: linear-gradient(180deg, #00000000, #0000008a 60%, #00000099 100%);
    --color-gradient-media-strong: linear-gradient(180deg, #00000000, #000000cc 60%, #000000e6 100%);
    --color-identity-admin: #D93900;
    --color-identity-coins: #B78800;
    --color-identity-moderator: #008A10;
    --color-identity-self: #01876D;
    --color-interactive-background-disabled: #0000000C;
    --color-interactive-content-disabled: #0000003F;
    --color-interactive-focused: #007FAE;
    --color-interactive-pressed: #00000026;
    --color-inverted-interactive-background-disabled: #FFFFFF0C;
    --color-inverted-interactive-content-disabled: #FFFFFF3F;
    --color-inverted-interactive-pressed: #FFFFFF26;
    --color-inverted-neutral-background: #0E1113;
    --color-inverted-neutral-background-hover: #181C1F;
    --color-inverted-neutral-border: #FFFFFF33;
    --color-inverted-neutral-content: #B7CAD4;
    --color-inverted-neutral-content-strong: #EEF1F3;
    --color-inverted-secondary-background: #2A3236;
    --color-inverted-secondary-background-hover: #333D42;
    --color-inverted-secondary-background-selected: #3D494E;
    --color-inverted-secondary-onBackground: #FFFFFF;
    --color-inverted-secondary-plain: #DBE4E9;
    --color-inverted-secondary-plain-hover: #FFFFFF;
    --color-media-background: rgba(0, 0, 0, 0.6);
    --color-media-background-hover: rgba(0, 0, 0, 0.8);
    --color-media-background-selected: rgba(0, 0, 0, 0.8);
    --color-media-border-selected: #FFFFFF;
    --color-media-border-weak: #FFFFFF19;
    --color-media-onBackground: #FFFFFF;
    --color-media-onBackground-disabled: #FFFFFF3F;
    --color-media-onBackground-weak: #E5EBEE;
    --color-media-onbackground: #ffffff;
    --color-media-onbackground-disabled: #ffffff40;
    --color-media-onbackground-weak: #B7CAD4;
    --color-neutral-background-container: #F6F8F9;
    --color-neutral-background-container-hover: #EEF1F3;
    --color-neutral-background-container-strong: #EEF1F3;
    --color-neutral-background-container-strong-hover: #E5EBEE;
    --color-neutral-background-gilded: #FFF9E0;
    --color-neutral-background-gilded-hover: #FFF3C0;
    --color-neutral-background-pinned: #FFFFFF;
    --color-neutral-background-strong-hover: #F6F8F9;
    --color-neutral-background-weak-hover: #EEF1F3;
    --color-neutral-border: #00000033;
    --color-neutral-border-medium: #0000007F;
    --color-neutral-border-weak: #00000019;
    --color-offline: #767676;
    --color-online: #01A816;
    --color-opacity-08: #13131314;
    --color-opacity-50: #00000080;
    --color-opacity-highlight: linear-gradient(#0A2F6C1a, var(--color-tone-6));
    --color-pizzaRed: #ef5350;
    --color-primary-border: #0A449B;
    --color-primary-border-hover: #0A2F6C;
    --color-primary-onBackground: #FFFFFF;
    --color-primary-onBackground-selected: #FFFFFF;
    --color-primary-plain: #0A449B;
    --color-primary-plain-hover: #0A2F6C;
    --color-primary-plain-visited: #7600A3;
    --color-primary-visited: #9B00D4;
    --color-scrim: #00000099;
    --color-scrim-background: #00000099;
    --color-scrim-background-strong: #000000CC;
    --color-scrim-gradient: linear-gradient(180deg, #00000000, #0000008a 60%, #00000099 100%);
    --color-scrim-strong: #000000cc;
    --color-secondary-hover: #000000;
    --color-secondary-onBackground: #000000;
    --color-secondary-plain-hover: #000000;
    --color-secondary-plain-weak: #5C6C74;
    --color-success-background: #008A10;
    --color-success-background-hover: #016E0B;
    --color-success-content: #016E0B;
    --color-success-hover: #005306;
    --color-success-onBackground: #FFFFFF;
    --color-success-plain: #016E0B;
    --color-success-plain-hover: #005306;
    --color-transparent-background-hover: #7487911a;
    --color-ui-modalbackground: var(--color-neutral-background-strong);
    --color-upvote-background: #D93900;
    --color-upvote-background-disabled: rgba(217, 57, 0, 0.3);
    --color-upvote-background-hover: #AE2C00;
    --color-upvote-content: #AE2C00;
    --color-upvote-content-weak: var(--color-global-brand-orangered);
    --color-upvote-disabled: #AE2C004d;
    --color-upvote-onBackground: #FFFFFF;
    --color-upvote-onStrongScrim: #FF895D;
    --color-upvote-onStrongScrim-disabled: rgba(255, 137, 93, 0.3);
    --color-upvote-onStrongScrim-weaker: #FF4500;
    --color-upvote-plain: #AE2C00;
    --color-upvote-plain-disabled: rgba(174, 44, 0, 0.3);
    --color-upvote-plain-weaker: #FF4500;
    --color-warning-background: #B78800;
    --color-warning-background-hover: #977000;
    --color-warning-content: #785800;
    --color-warning-content-hover: #5B4200;
    --color-warning-onBackground: #000000;
    --color-a-default: var(--color-primary);
    --color-a-hover: var(--color-primary-hover);
    --color-a-visited: var(--color-primary-visited);
    --color-banner-plain: var(--color-neutral-background-strong);
    --color-banner-plain-inverted: var(--color-neutral-content-strong);
    --color-banner-error: var(--color-danger-background);
    --color-banner-caution: var(--color-warning-background);
    --color-banner-success: var(--color-success-background);
    --color-banner-brand: var(--color-brand-background);
    --color-banner-plain-text: var(--color-neutral-content);
    --color-banner-plain-inverted-text: var(--color-neutral-background-weak);
    --color-banner-error-text: var(--color-danger-onBackground);
    --color-banner-caution-text: var(--color-warning-onBackground);
    --color-banner-caution-hover: var(--color-warning-background-hover);
    --color-banner-success-text: var(--color-success-onBackground);
    --color-banner-brand-text: var(--color-brand-onBackground);
    --color-button-overlay-focus: transparent;
    --color-button-overlay-active: transparent;
    --color-button-border-width: tomato;
    --color-button-border-width-activated: tomato;
    --color-button-primary-background-hover: var(--color-primary-background-hover);
    --color-button-primary-background-activated: var(--color-primary-background-selected);
    --color-button-primary-background-disabled: var(--color-interactive-background-disabled);
    --color-button-primary-border-hover: var(--color-primary-background);
    --color-button-primary-border-active: var(--color-primary-background-hover);
    --color-button-primary-text-disabled: var(--color-interactive-content-disabled);
    --color-button-primary-text-activated: var(--color-primary-onBackground-selected);
    --color-button-secondary-background: var(--color-secondary-background);
    --color-button-secondary-background-focus: var(--color-secondary-background);
    --color-button-secondary-background-hover: var(--color-secondary-background-hover);
    --color-button-secondary-background-disabled: var(--color-interactive-background-disabled);
    --color-button-secondary-background-activated: var(--color-secondary-background-selected);
    --color-button-secondary-border: transparent;
    --color-button-secondary-border-hover: var(--color-secondary-background);
    --color-button-secondary-border-active: var(--color-secondary-background-hover);
    --color-button-secondary-border-activated: transparent;
    --color-button-secondary-border-disabled: transparent;
    --color-button-secondary-text: var(--color-secondary-onBackground);
    --color-button-secondary-text-disabled: var(--color-interactive-content-disabled);
    --color-button-secondary-text-activated: var(--color-secondary-onBackground);
    --color-button-tertiary-background: transparent;
    --color-button-tertiary-background-focus: transparent;
    --color-button-tertiary-background-hover: var(--color-secondary-background-hover);
    --color-button-tertiary-background-disabled: transparent;
    --color-button-tertiary-background-activated: var(--color-neutral-content);
    --color-button-tertiary-border-hover: var(--color-secondary-background);
    --color-button-tertiary-border-active: var(--color-secondary-background-hover);
    --color-button-tertiary-text: var(--color-neutral-content-strong);
    --color-button-tertiary-text-disabled: var(--color-neutral-content-disabled);
    --color-button-tertiary-text-activated: var(--color-neutral-background);
    --color-button-plain-background-hover: var(--color-secondary-background-hover);
    --color-button-plain-background-disabled: transparent;
    --color-button-plain-background-activated: var(--color-secondary-background-selected);
    --color-button-plain-border-hover: var(--color-secondary-background);
    --color-button-plain-border-active: var(--color-secondary-background-hover);
    --color-button-plain-text: var(--color-secondary-plain);
    --color-button-plain-text-hover: var(--color-secondary-plain-hover);
    --color-button-plain-text-disabled: var(--color-interactive-content-disabled);
    --color-button-plain-text-activated: var(--color-secondary-onBackground);
    --color-button-primary-border-activated: var(--color-primary-background);
    --color-button-plain-inverted-background-activated: var(--color-neutral-content);
    --color-button-plain-inverted-text-activated: var(--color-neutral-background);
    --color-button-media-border-color-activated: var(--color-media-border-selected);
    --color-button-favorite-text: var(--color-favorite);
    --color-button-caution-background: var(--color-warning-background);
    --color-button-caution-background-hover: var(--color-warning-background-hover);
    --color-button-caution-background-disabled: var(--color-interactive-background-disabled);
    --color-button-caution-text: var(--color-warning-onBackground);
    --color-divider-default: var(--color-neutral-border);
    --color-input-secondary: var(--color-secondary-background);
    --color-input-secondary-hover: var(--color-secondary-background-hover);
    --color-input-border: transparent;
    --color-input-bordered: transparent;
    --color-input-bordered-hover: var(--color-neutral-background-hover);
    --color-input-secondary-text: var(--color-secondary-onBackground);
    --color-input-bordered-text: var(--color-secondary-plain);
    --color-input-helper-text: var(--color-neutral-content-weak);
    --color-input-pressed: var(--color-interactive-pressed);
    --color-input-radio: var(--color-secondary-plain-weak);
    --color-input-radio-hover: var(--color-neutral-content-strong);
    --color-label-default: var(--color-neutral-content-weak);
    --color-shimmer-background: #00000008;
    --color-shimmer-gradient-overlay: linear-gradient(to right, #00000000, #00000005 20%, #0000000f 50%, #00000008 70%, #00000000 100%);
    --color-switch-input-background-pressed-scrim: var(--color-interactive-pressed);
    --color-switch-input-background-handle: var(--color-global-white);
    --color-switch-input-background-handle-disabled: var(--color-secondary-background);
    --color-switch-input-background-default: var(--color-secondary-background);
    --color-switch-input-background-default-hover: var(--color-secondary-background-hover);
    --color-switch-input-background-default-disabled: var(--color-interactive-background-disabled);
    --color-switch-input-background-checked: var(--color-primary-background);
    --color-switch-input-background-checked-hover: var(--color-primary-background-hover);
    --color-switch-input-background-checked-disabled: var(--color-interactive-content-disabled);
    --color-tooltip-bg-neutral: var(--color-neutral-background-strong);
    --color-tooltip-text-neutral: var(--color-neutral-content);
    --color-tooltip-bg-inverted: var(--color-neutral-content);
    --color-tooltip-text-inverted: var(--color-neutral-background);
    --color-tooltip-bg-primary: var(--color-primary-background);
    --color-tooltip-text-primary: var(--color-primary-onBackground);
    --elevation-sm-inset: inset 0 0.0625rem 0.125rem 0 #00000021;
    --elevation-button-focus: var(--elevation-focus-ring);
    --elevation-switch-input-default-inset: var(--elevation-sm-inset);
    --color-neutral-content: #2A3C42;
    --color-neutral-content-disabled: #D6D6D6;
    --color-neutral-content-weak: #576F76;
    --color-neutral-content-strong: #0F1A1C;
    --color-neutral-background: #ffffff;
    --color-neutral-background-selected: #EAEDEF;
    --color-neutral-background-weak: #F9FAFA;
    --color-neutral-background-medium: #F8F8F8;
    --color-neutral-background-strong: #ffffff;
    --color-neutral-background-hover: #F2F4F5;
    --color-neutral-border-strong: #0F1A1C;
    --color-tone-1: #131313;
    --color-tone-2: #434343;
    --color-tone-3: #ACACAC;
    --color-tone-4: #E4E4E4;
    --color-tone-5: #F2F2F2;
    --color-tone-6: #F8F8F8;
    --color-tone-7: #ffffff;
    --color-ui-canvas: #F2F2F2;
    --color-primary: #0045AC;
    --color-primary-hover: #003584;
    --color-primary-background: #0045AC;
    --color-primary-background-hover: #003584;
    --color-primary-background-selected: #00255D;
    --color-secondary: #0F1A1C;
    --color-secondary-weak: #576F76;
    --color-secondary-background: #EAEDEF;
    --color-secondary-background-hover: #E2E7E9;
    --color-secondary-background-selected: #D2DADD;
    --color-secondary-plain: #0F1A1C;
    --shreddit-content-background: var(--color-neutral-background);
    grid-template-columns: auto 1fr auto;
    position: relative;
    margin-top: .25rem;
    margin-bottom: .25rem;
    display: flex;
    cursor: pointer;
    border-radius: 8px;
    background-color: var(--color-neutral-background);
    padding: .25rem;
   }

article.w-full.m-0 {
    width: 100%;
}

.text-wrap {
    width: 100%;
    margin: 0 1rem;
}

.contents a {
    text-decoration: none;
    color:#000000;
    font-weight:bold;
}

.text-12 {
    font-size: .65rem;
    line-height: 1rem;
}

.title {
  font-size:0.75rem;
  line-height: 1rem;
}

.flex {
  display:flex;
}

.gap-2xs {
    gap:0.25rem;
}

.align-center {
    align-items: center;
    justify-content: center;
   
}
.mt-2 {
  margin-top: 2rem; 
}

.contents.credit-bar img {
    border-radius: 50%;
    height: 1rem;
}

.card-wrap:hover {
    background: #eef4f7;
}

.card-wrap:hover {
    background: #eef4f7;
}

h3.tag-title, .accent_text, .hs-blog-post h1, .hs-blog-post h2 {
font-weight: lighter;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
    margin-top: 18px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    font-size: 0.65rem;
    letter-spacing:0.05rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5em;

    -webkit-text-stroke: 0px #005081;
  background-image:none;
}

.hs-blog-post .body-container-wrapper *
{
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
}

.blog-post__body * {
  font-size: 0.75rem;
    
}

.hs-blog-post h1, .hs-blog-post h2 {
  font-weight:700;
  margin-bottom:1rem;
}

div#hs_cos_wrapper_module_17243447957015 {
    width: 100%;
}

div#hs_cos_wrapper_narration, .contents.credit-bar {
    margin-bottom: 1em;
}

.sticy-sidebar {
    position: sticky;
    top: 1em;
}










/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}





html {
  font-size: 24px;
}

body {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #005081;
  font-size: 24px;
}

/* Paragraphs */

p {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  font-weight: normal; text-decoration: underline; font-family: Lato, sans-serif; font-style: normal;
  color: #0270E0;
}

a:hover,
a:focus {

  color: #0048b8;
}

a:active {
  font-weight: normal; text-decoration: underline; font-family: Lato, sans-serif; font-style: normal;
  color: #2a98ff;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
letter-spacing:0.05em;
  color: transparent;
    -webkit-text-stroke: 1px #005081;
    background-clip: text;
-webkit-background-clip: text;
background-image:url(https://www.seoanseo.ca/hubfs/Anseo/small-crosshatch.png);
background-size: contain;
background-color: #005081;
}
h1,
.h1 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  -webkit-text-stroke: 3px #005081;
   font-size: 50px;
  text-transform: none;
}

h2,
.h2 {
  font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  font-size: 38px;
  text-transform: none;
}

h3,
.h3 {
  font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  font-size: 30px;
  text-transform: none;
}

h4,
.h4 {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  font-size: 24px;
  text-transform: none;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  font-size: 16px;
  text-transform: none;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  font-size: 14px;
  text-transform: none;
}

/* Blockquote */

blockquote {
  border-left-color: #FFBC42;
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button,
.custom_nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a.button{
  border: 1px solid #005081;

  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;

  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(0, 80, 129, 1.0)

;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 24px;
  text-transform: none;
  text-shadow: 2px 2px 2px 

  
  
    
  


  rgba(0, 80, 129, 1.0)

,   /* Bottom right shadow */
  -2px -2px 2px 

  
  
    
  


  rgba(0, 80, 129, 1.0)

, /* Top left shadow */
  -2px 2px 2px 

  
  
    
  


  rgba(0, 80, 129, 1.0)

,  /* Bottom left shadow */
  2px -2px 2px 

  
  
    
  


  rgba(0, 80, 129, 1.0)

;  /* Top right shadow */
  overflow: hidden; /* Contain the pseudo-element within the anchor */
  z-index: 1; /* Ensure the text content is above the ::before pseudo-element */
  position:relative;
}

button:before,
.button:before,
.hs-button:before,
.hs-blog-post-listing__post-button:before,
.custom_nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a.button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://www.seoanseo.ca/hubfs/Anseo/small-crosshatch.png');
  background-size: 100%;
  opacity: 0.75; /* Adjust the opacity to control the transparency of the background image */
  z-index: -1; /* Position the pseudo-element behind the text content */
  background-position: 0% 51%;
}

form input[type=submit],
form .hs-button {
  background-image: url('https://www.seoanseo.ca/hubfs/Anseo/small-crosshatch.png');
  background-size: 100%;
  background-position: 0% 51%;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus,
.custom_nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a.button:hover {
  border: 1px solid #1a334e;
;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  border-radius: 6px;
  text-shadow: 2px 2px 2px 

  
  
    
  


  rgba(26, 51, 78, 1.0)

,   /* Bottom right shadow */
  -2px -2px 2px 

  
  
    
  


  rgba(26, 51, 78, 1.0)

, /* Top left shadow */
  -2px 2px 2px 

  
  
    
  


  rgba(26, 51, 78, 1.0)

,  /* Bottom left shadow */
  2px -2px 2px 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;  /* Top right shadow */
  text-decoration:none;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(40, 120, 169, 1.0);
  border-color: #2878a9;
}

div[data-test-id="canvas-toolbar"] button:before {
    background-image: none !important;
}

.hs-private button:before {
   display:none;
}





form,
.submitted-message {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 1px none #FFBC42;
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  /* background-color: 

  
  
    
  


  rgba(255, 188, 66, 1.0)

; */
  padding: 0px;
;
}

/* Form title */

.form-title {
  border: 1px none #FFBC42;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-family: Lato; font-style: normal; font-weight: 700; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 30px;
  color: #005081;
  /* background-color: 

  
  
    
  


  rgba(255, 188, 66, 1.0)

; */
}


/* Labels */

form label {
  color: #005081;
}

/* Help text */

form legend {
  color: #005081;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 2px solid #D1D6DC;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #005081;
  border-radius: 3px;
}

.hs-input {
    width: 100% !important;
}

.actions {
    text-align: right;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #005081;
}

::-moz-placeholder {
  color: #005081;
}

:-ms-input-placeholder {
  color: #005081;
}

::placeholder {
  color: #005081;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #005081;
}

.fn-date-picker td.is-selected .pika-button {
  background: #005081;
}

.fn-date-picker td .pika-button:hover {
  background-color: #005081 !important;
}

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

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px none #005081;
;
  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;
;
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 22px;
  background-color: 

  
  
    
  


  rgba(0, 80, 129, 1.0)

;
  border-radius: 6px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  color: #ffffff;
  border: 1px none #1a334e;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(40, 120, 169, 1.0);
  border-color: #2878a9;
}

:focus-visible { 
  outline: 2px solid 

  
  
    
  


  rgba(0, 80, 129, 1.0)

; 
                }

.grecaptcha-badge {
    display: none;
}





/* Table */

table {
  border: 1px solid #005081;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #005081;

  padding: 18px;

  color: #005081;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(0, 80, 129, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: ;
}





.header {
  background-color: 

  
  
    
  


  rgba(#null, 1.0)

;
}

li.hs-menu-item.hs-menu-depth-2 a {
    text-decoration: none !important;
    background-image: linear-gradient(transparent,transparent);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 100% 2px;
    padding-left:0 !important;
    padding-right:0px !important;
    padding-bottom:2px !important;
    margin:0 16px 8px;
  transition:ease all 5s;

}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #005081;
  font-family: Lato;
}

.menu__child-toggle-icon {
  border-top-color: #005081;
}

.menu .menu__link:hover,
.menu .menu__link: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 {
  color: #002859;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #002859;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #2878a9;
}

.menu__child-toggle-icon:active {
  border-top-color: #2878a9;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #005081;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #005081;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #005081;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #005081;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #005081;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(#null, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(#null, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Lato;
}

.header__language-switcher-label-current:after {
  border-top-color: #005081;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(#null, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #005081;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(0, 80, 129, 1.0)

;
  position:relative;
 }

.footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://www.seoanseo.ca/hubfs/Anseo/small-crosshatch.png);
  background-position: 50% 50%;
  background-size: 14%;
  opacity: 0.5; /* Adjust opacity */
  z-index: 1;
}

.footer__container {
   position: relative;
  z-index: 2; /* Ensures content is above the pseudo-element */
}

/* Footer content */

.footer a,
.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #ffffff;
   text-shadow: 2px 2px 2px 

  
  
    
  


  rgba(0, 80, 129, 1.0)

,   /* Bottom right shadow */
  -2px -2px 2px 

  
  
    
  


  rgba(0, 80, 129, 1.0)

, /* Top left shadow */
  -2px 2px 2px 

  
  
    
  


  rgba(0, 80, 129, 1.0)

,  /* Bottom left shadow */
  2px -2px 2px 

  
  
    
  


  rgba(0, 80, 129, 1.0)

;  /* Top right shadow */
  -webkit-text-stroke: 0px 

  
  
    
  


  rgba(0, 80, 129, 1.0)

;
}

 .footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {   text-decoration: underline;
    text-underline-offset: 0.5em;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #005081;
}

.blog-post__tag-link {
  color: #005081;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #002859;
}

.blog-post__tag-link:active {
  color: #2878a9;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #005081;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #002859;
}

.blog-related-posts__title-link:active {
  color: #2878a9;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #0270E0;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #0048b8;
}

#comments-listing .comment-reply-to:active {
  color: #2a98ff;
}





.hs-search-results__title {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #005081;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #005081;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #002859;
}

.hs-blog-post-listing__post-title-link:active {
  color: #2878a9;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #005081;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #005081;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #002859;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #2878a9;
}

.hs-pagination__link-icon svg {
  fill: #005081;
}

/* Pricing card */

.card__price {
  font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #005081;
  font-size: 30px;
}

.card__body svg {
  fill: #005081;
}

/* Social follow */

.social-links__icon {
  background-color: #005081;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #002859;
}

.social-links__icon:active {
  background-color: #2878a9;
  font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #005081;
  font-size: 30px;
}