/* Theme base styles */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');

/* 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
*/

/* 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 HTML elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* 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;
}

/* 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: inherit;
  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-container {
  padding: 20px;
  background: white;
}
.header-container img {
  max-width: 222px;
}

@media screen and (min-width: 1200px) {
  .header-container {
    padding: 20px 0;
  }
}
footer {
  width: 100%;
  background-color: #ffdd33; /* Bright yellow */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
}

.footer-upper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px;
  width: 100%;
  flex-direction: column;
  gap: 20px;
}

.footer-bottom {
  color: #000;
  text-align: center;
  margin-bottom: 28px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  padding: 0 40px;
}

.footer-left img {
  width: 256px;
}

.footer-right {
  display: flex;
  gap: 20px;
}

.footer-icon {
  display: block;
  width: 28px;
  height: 28px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.facebook-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M19.843 7.8055C18.355 7.8055 17.932 8.4655 17.932 9.9205V12.322H21.8897L21.4997 16.2123H17.9312V28H13.195V16.2115H10V12.3212H13.1965V9.98725C13.1965 6.0625 14.77 4 19.1838 4C20.131 4 21.2643 4.075 21.9408 4.1695V7.822' fill='black'/%3E%3C/svg%3E");
}
.linkedin-icon {
  width: 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='24' viewBox='0 0 26 24' fill='none'%3E%3Cpath d='M0 2.78788C0 1.97978 0.282836 1.31312 0.848485 0.787879C1.41413 0.262618 2.1495 0 3.05455 0C3.94344 0 4.66262 0.25857 5.21212 0.775758C5.77777 1.30909 6.06061 2.00402 6.06061 2.86061C6.06061 3.63636 5.78587 4.28281 5.23636 4.8C4.67072 5.33333 3.92727 5.6 3.00606 5.6H2.98182C2.09292 5.6 1.37375 5.33333 0.824242 4.8C0.274739 4.26667 0 3.59595 0 2.78788ZM0.315152 24V7.80606H5.69697V24H0.315152ZM8.67879 24H14.0606V14.9576C14.0606 14.3919 14.1253 13.9555 14.2545 13.6485C14.4808 13.099 14.8242 12.6343 15.2848 12.2545C15.7455 11.8747 16.3232 11.6848 17.0182 11.6848C18.8283 11.6848 19.7333 12.905 19.7333 15.3455V24H25.1152V14.7152C25.1152 12.3232 24.5495 10.5091 23.4182 9.27273C22.2869 8.03636 20.7919 7.41818 18.9333 7.41818C16.8485 7.41818 15.2242 8.31515 14.0606 10.1091V10.1576H14.0364L14.0606 10.1091V7.80606H8.67879C8.7111 8.32322 8.72727 9.9313 8.72727 12.6303C8.72727 15.3293 8.7111 19.1192 8.67879 24Z' fill='black'/%3E%3C/svg%3E");
}
.youtube-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M29.2875 8.72505C29.1726 8.26421 28.9477 7.83809 28.632 7.48323C28.3163 7.12837 27.9193 6.85534 27.475 6.68755C23.2 5.03755 16.375 5.05005 16 5.05005C15.625 5.05005 8.8 5.03755 4.525 6.68755C4.08068 6.85534 3.68366 7.12837 3.36799 7.48323C3.05231 7.83809 2.82739 8.26421 2.7125 8.72505C2.3875 9.96255 2 12.2376 2 16.0001C2 19.7626 2.3875 22.0376 2.7125 23.2751C2.82739 23.7359 3.05231 24.162 3.36799 24.5169C3.68366 24.8717 4.08068 25.1448 4.525 25.3126C8.625 26.9001 15.05 26.9501 15.9125 26.9501H16.0875C16.95 26.9501 23.375 26.9001 27.475 25.3126C27.9193 25.1448 28.3163 24.8717 28.632 24.5169C28.9477 24.162 29.1726 23.7359 29.2875 23.2751C29.6125 22.0376 30 19.7626 30 16.0001C30 12.2376 29.6125 9.96255 29.2875 8.72505ZM20.275 16.4126L14.275 20.4126C14.1954 20.4711 14.0988 20.5019 14 20.5001C13.9172 20.497 13.8361 20.4756 13.7625 20.4376C13.6826 20.396 13.6158 20.3331 13.5694 20.2559C13.5231 20.1787 13.4991 20.0901 13.5 20.0001V12.0001C13.4991 11.91 13.5231 11.8214 13.5694 11.7442C13.6158 11.667 13.6826 11.6041 13.7625 11.5626C13.8422 11.52 13.932 11.4999 14.0222 11.5043C14.1124 11.5087 14.1998 11.5375 14.275 11.5876L20.275 15.5876C20.3447 15.6315 20.4022 15.6923 20.442 15.7645C20.4818 15.8366 20.5027 15.9177 20.5027 16.0001C20.5027 16.0824 20.4818 16.1635 20.442 16.2356C20.4022 16.3078 20.3447 16.3686 20.275 16.4126Z' fill='black'/%3E%3C/svg%3E");
}

@media screen and (min-width: 1200px) {
  .footer-upper {
    padding: 40px 0;
    flex-direction: row;
    gap: 0;
  }
  .footer-bottom {
    padding: 0;
  }
}
.container{
  width: 100%;
  max-width: 1112px;
  margin: 0 auto;
}
form,
.submitted-message {
  background-color: transparent !important;
}
.submitted-message {
  a {
    display: flex;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 100px;
    border: 2px solid #ffde3b;
    background: #fff;
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    text-decoration: none;
    width: fit-content;
    justify-self: center;
  }
  a:hover,
  a:focus {
    font-family: Roboto;
    color: #000;
    text-decoration: none;
    font-weight: 600;
  }
}
.contact-element {
  margin: 0 0 20px 0;
  display: flex;
  align-items: flex-start;
}
.contact-element svg {
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  position: relative;
  top: 2px;
}
.contact-element .contact-link {
  text-decoration: none;
  color: black;
}
.hs-form
  .hs-dependent-field
  .inputs-list
  .hs-form-booleancheckbox
  .hs-form-booleancheckbox-display
  p {
  margin-left: 0 !important;
}
h3 {
  text-align: left;
  margin: 0;
  width: 100%;
}
.hs-input {
  background-color: white;
  border: 1px solid #e0e0e0; /* $gray-info */
  width: 100%;
  height: 47px;
  border-radius: 6px;
  padding: 0 0 0 10px;
}
.hbspt-form,
.formcont {
  color: #000;
}
.hbspt-form .hs-input,
.formcont .hs-input {
  background-color: white;
  border: 1px solid #e0e0e0; /* $gray-info */
  width: 100%;
  height: 47px;
  border-radius: 6px;
  padding: 0 0 0 10px;
}
.hs-form .hs-button {
  width: 100%;
  white-space: pre-wrap;
  background: #ffde3b; /* $yellow */
  border-radius: 50px;
  border: none;
  font-family: Arial, sans-serif; /* $font-body */
  font-weight: 400; /* $font-weight-regular */
  padding: 10px 25px;
  margin: 0 auto;
  display: block;
  text-align: center;
  transition: all 0.5s ease;
  color: #000;
}
.hs-form .hs-button:hover {
  background: #f7c644; /* $yellow-dark */
}
.hs-form fieldset {
  width: 100%;
  max-width: none;
}
.hs-form .hs-error-msgs li {
  margin: 0;
}
.hs-form label,
.hs-form legend,
.hs-form textarea,
.hs-form select,
.hs-form input {
  font-family: Arial, sans-serif; /* $font-body */
  font-weight: 400; /* $font-weight-regular */
  font-size: 14px;
  color: #212529;
}
.hs-form .hs-form-field {
  position: relative;
  margin: 0 0 30px 0;
}
.hs-form .hs-form-field label {
  position: absolute;
  top: -10px;
  left: 10px;
  padding: 0 12px;
  background: white;
  font-weight: 300; /* $font-weight-light */
}
.hs-form .input {
  margin-right: 2rem;
}
.hs-form .hs_file_upload {
  padding-top: 30px !important;
}
.hs-form .hs-form-radio ul,
.hs-form .hs-form-booleancheckbox ul {
  list-style-type: none;
}
.hs-form .hs-form-radio label,
.hs-form .hs-form-booleancheckbox label {
  position: relative;
  left: auto;
  top: auto;
  font-size: 16px;
  padding: 0;
  margin-top: 1rem;
}
.hs-form .hs-form-radio p,
.hs-form .hs-form-booleancheckbox p {
  font-size: 14px;
  line-height: 1.3;
  display: inline-block;
}
.hs-form .hs_contact_topic.hs-form-field label {
  position: relative;
  left: auto;
  top: auto;
  font-size: 16px;
  padding: 0;
  margin-top: 1rem;
  font-weight: 400; /* $font-weight-regular */
}
.hs-form .hs_contact_topic.hs-form-field .hs-field-desc {
  font-size: 14px;
  font-weight: 300; /* $font-weight-light */
  margin: 0 0 2rem;
}
.hs-form .hs_contact_topic.hs-form-field .inputs-list {
  padding: 0;
  display: block;
}
@media (min-width: 768px) {
  .hs-form .hs_contact_topic.hs-form-field .inputs-list {
    flex-wrap: wrap;
    display: flex;
  }
}
.hs-form .hs-richtext h2 {
  padding-bottom: 10px;
}
.hs-form .hs-fieldtype-radio .input {
  padding-top: 12px;
}
.hs-form .hs-fieldtype-radio {
  margin-bottom: 50px !important;
}
.hs-form .hs-form-checkbox,
.hs-form .hs-form-radio {
  position: relative;
  list-style: none;
  flex: 0 0 33.3333%;
}
.hs-form .hs-form-checkbox label,
.hs-form .hs-form-radio label {
  position: relative;
  font-size: 14px;
  margin-bottom: 1.5rem;
}
.hs-form .hs-form-checkbox .hs-form-checkbox-display,
.hs-form .hs-form-radio .hs-form-radio-display {
  display: flex;
  align-items: center;
}
.hs-form .hs-form-checkbox .hs-form-checkbox-display .hs-input,
.hs-form .hs-form-radio .hs-form-radio-display .hs-input {
  font-size: 14px;
  border-radius: 6px;
  height: 17px;
  width: 17px;
  background: white;
  border: 2px solid #ccc;
  margin: 0 10px 0 0;
}
.hs-form .hs-form-checkbox .hs-form-checkbox-display .hs-input input,
.hs-form .hs-form-radio .hs-form-radio-display .hs-input input {
  line-height: 47px;
}
.hs-form .hs-form-checkbox .hs-form-checkbox-display span {
  font-family: Arial, sans-serif; /* $font-body */
  font-weight: 400; /* $font-weight-regular */
  line-height: 1;
  color: #212529;
}
.hs-form .hs-form-radio .hs-form-radio-display span {
  font-family: Arial, sans-serif; /* $font-body */
  font-weight: 700; /* $font-weight-bold */
  line-height: 1.2;
}
.hs-form textarea {
  font-size: 14px;
  height: 90px !important;
  color: #000;
  padding: 10px 0 0 10px !important;
}
.hs-form .hs-error-msgs {
  padding: 0;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .hs-form .hs-error-msgs {
    margin-bottom: 0;
  }
}
.hs-form .hs-error-msgs li {
  list-style: none;
}
.hs-form .hs-error-msgs li .hs-error-msg {
  color: red;
  top: auto;
  font-size: 10px;
  left: 0;
}
.hs-form .legal-consent-container .hs-richtext p {
  font-size: 12px;
  margin-bottom: 2rem;
}
.hs-form .hs-dependent-field .inputs-list {
  padding: 0;
}
.hs-form .hs-dependent-field .inputs-list .hs-form-booleancheckbox {
  list-style: none;
}
.hs-form
  .hs-dependent-field
  .inputs-list
  .hs-form-booleancheckbox
  .hs-form-booleancheckbox-display {
  display: flex;
  align-items: center;
}
.hs-form
  .hs-dependent-field
  .inputs-list
  .hs-form-booleancheckbox
  .hs-form-booleancheckbox-display
  input {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 20px;
  width: 20px;
}
.hs-form
  .hs-dependent-field
  .inputs-list
  .hs-form-booleancheckbox
  .hs-form-booleancheckbox-display
  p {
  font-size: 14px;
}
.grecaptcha-badge {
  margin: 0 auto 3rem 0;
}
/* 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%;
}

/* 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;
  }
}