/* Settings
Variable configurations for things like colors, fonts, sizes, etc…
*/

:root {
    --grid-x-spacing: 15px;
    --grid-y-spacing: 15px;
    --container-x-spacing: 15px;

    --sm-1-container-max-width: 600px;
    --sm-2-container-max-width: 740px;
    --md-1-container-max-width: 1000px;
    --lg-1-container-max-width: 1440px;
    --lg-2-container-max-width: 1680px;
    --100p-container-max-width: 100%;

    --h-col-spacing-5: 25px;



    --v-spacing-1: 10px;
    --v-spacing-2: 10px;
    --v-spacing-3: 20px;
    --v-spacing-4: 20px;
    --v-spacing-5: 30px;
    --v-spacing-6: 30px;
    --v-spacing-7: 35px;
    --v-spacing-8: 40px;
    --v-spacing-9: 45px;
    --v-spacing-10: 50px;

    --white-color: #fff;
    --black-color: #000;

    --brand-color: #E94F39;
    --brand-darken-1-color: #D0392B;
    --brand-darken-2-color: #AB2E21;

    --space-cadet-color: #20274D;
    --gunmetal-color: #2B2E3D;
    --pearl-white-color: #FAFAFC;

    --grayscale-1-color: #383D54;
    --grayscale-2-color: #494B5B;
    --grayscale-3-color: #5F6175;
    --grayscale-4-color: #6F7388;
    --grayscale-5-color: #8E90A3;
    --grayscale-6-color: #B5B7C4;
    --grayscale-7-color: #D8D9DF;
    --grayscale-8-color: #EDEDF1;
    --grayscale-9-color: #F7F7FA;

    --electric-violet-color: #8931f8;
    --vivid-sky-blue-color: #49CCF9;
    --hot-pink-color: #FC71AF;
    --light-coral-color: #F26E6E;
    --pumpkin-color: #FD7922;
    --mountain-meadow-color: #13B887;
    --mantis-color: #6AC94E;
    --sunglow-color: #FDC830;
    --blue-crayola-color: #5577F9;
    --blue-crayola-darken-color: #1E5BCC;;

    --dark-text-color: var(--gunmetal-color);
    --light-text-color: var(--grayscale-5-color);
    --light-text-hover-color: var(--grayscale-2-color);
    --semi-light-text-color: var(--grayscale-4-color);
    --semi-light-text-hover-color: var(--grayscale-1-color);
    --white-text-color: var(--white-color);
    --brand-text-color: var(--brand-color);

    --shadow-color: rgba(43, 46, 61, 0.2);

    --radial-gradient: radial-gradient(ellipse at 50% 100%, #2e355d 30%, #2b2e3d 70%);
    --fading-border-gradient: radial-gradient(ellipse, var(--grayscale-4-color) 30%, #2b2e3d 70%);
    --angle-gradient: linear-gradient(134deg, #2B2E3D 10%, #2E355D 60%, #7C353E 100%);
    --angle-gradient-2: linear-gradient(301deg, #EDEDF1 0%, #FAFAFC 100%);

    --heading-line-height: 1.2em;
    --text-line-height: 1.4em;
    --font-family: Open Sans, sans-serif;

    --h1-font: 700 30px/1.2em var(--font-family);
    --h2-font: 700 26px/var(--heading-line-height) var(--font-family);
    --h3-font: 700 22px/var(--heading-line-height) var(--font-family);
    --h4-font: 800 18px/var(--heading-line-height) var(--font-family);
    --h5-font: 600 14px/var(--heading-line-height) var(--font-family);
    --h6-font: 800 14px/var(--heading-line-height) var(--font-family);


    --xs-400-font: 400 10px/var(--text-line-height) var(--font-family);
    --xs-500-font: 500 10px/var(--text-line-height) var(--font-family);
    --xs-600-font: 600 10px/var(--text-line-height) var(--font-family);
    --xs-700-font: 700 10px/var(--text-line-height) var(--font-family);

    --sm-400-font: 400 12px/var(--text-line-height) var(--font-family);
    --sm-500-font: 500 12px/var(--text-line-height) var(--font-family);
    --sm-600-font: 600 12px/var(--text-line-height) var(--font-family);
    --sm-700-font: 700 12px/var(--text-line-height) var(--font-family);
    --sm-800-font: 800 12px/var(--text-line-height) var(--font-family);

    --md-400-font: 400 14px/var(--text-line-height) var(--font-family);
    --md-500-font: 500 14px/var(--text-line-height) var(--font-family);
    --md-600-font: 600 14px/var(--text-line-height) var(--font-family);
    --md-700-font: 700 14px/var(--text-line-height) var(--font-family);

    --lg-400-font: 400 16px/var(--text-line-height) var(--font-family);
    --lg-500-font: 500 16px/var(--text-line-height) var(--font-family);
    --lg-600-font: 600 16px/var(--text-line-height) var(--font-family);
    --lg-700-font: 700 16px/var(--text-line-height) var(--font-family);
}
@media screen and (min-width: 768px){
    :root {
        --container-x-spacing: 25px;

        --h1-font: 700 36px/1.2em var(--font-family);
        --h2-font: 700 30px/var(--heading-line-height) var(--font-family);
        --h3-font: 700 24px/var(--heading-line-height) var(--font-family);
        --h4-font: 800 20px/var(--heading-line-height) var(--font-family);
        --h5-font: 600 16px/var(--heading-line-height) var(--font-family);
        --h6-font: 800 14px/var(--heading-line-height) var(--font-family);


        --xs-400-font: 400 12px/var(--text-line-height) var(--font-family);
        --xs-500-font: 500 12px/var(--text-line-height) var(--font-family);
        --xs-600-font: 600 12px/var(--text-line-height) var(--font-family);
        --xs-700-font: 700 12px/var(--text-line-height) var(--font-family);

        --sm-400-font: 400 14px/var(--text-line-height) var(--font-family);
        --sm-500-font: 500 14px/var(--text-line-height) var(--font-family);
        --sm-600-font: 600 14px/var(--text-line-height) var(--font-family);
        --sm-700-font: 700 14px/var(--text-line-height) var(--font-family);
        --sm-800-font: 800 14px/var(--text-line-height) var(--font-family);

        --md-400-font: 400 16px/var(--text-line-height) var(--font-family);
        --md-500-font: 500 16px/var(--text-line-height) var(--font-family);
        --md-600-font: 600 16px/var(--text-line-height) var(--font-family);
        --md-700-font: 700 16px/var(--text-line-height) var(--font-family);

        --lg-400-font: 400 18px/var(--text-line-height) var(--font-family);
        --lg-500-font: 500 18px/var(--text-line-height) var(--font-family);
        --lg-600-font: 600 18px/var(--text-line-height) var(--font-family);
        --lg-700-font: 700 18px/var(--text-line-height) var(--font-family);
    }
}
@media screen and (min-width: 1024px){
    :root {
        --v-spacing-1: 10px;
        --v-spacing-2: 20px;
        --v-spacing-3: 30px;
        --v-spacing-4: 40px;
        --v-spacing-5: 50px;
        --v-spacing-6: 60px;
        --v-spacing-7: 70px;
        --v-spacing-8: 80px;
        --v-spacing-9: 90px;
        --v-spacing-10: 100px;
        
        --h1-font: 800 56px/var(--heading-line-height) var(--font-family);
        --h2-font: 700 48px/var(--heading-line-height) var(--font-family);
        --h3-font: 700 36px/var(--heading-line-height) var(--font-family);
        --h4-font: 700 24px/var(--heading-line-height) var(--font-family);
        --h5-font: 600 20px/var(--heading-line-height) var(--font-family);
        --h6-font: 700 16px/var(--heading-line-height) var(--font-family);

        --container-x-spacing: 25px;
    }
}

@media screen and (min-width: 1280px){
    :root {
        --container-x-spacing: 50px;
    }
}

/* Tools
Globally used mixins and functions
*/

/* Generic
CSS resets and normalizing rules to create a foundation for your styles.
*/

*, *: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;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

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

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, 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;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
  max-width: 100%;
}

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 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;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 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, IE 10+, and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/* Elements
Style rules for bare HTML elements (<body<, <h1>, <a>, <p>, <button> etc.)
*/

html {
  font: var(--md-400-font);
}

body {
  font: var(--md-400-font);
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: var(--brand-color);
  text-decoration: none;
  transition: all .2s ease-in-out;
}

a:hover,
a:focus {
  color: var(--brand-darken-1-color);
  text-decoration: none;
}

a:active {
  color: var(--brand-darken-2-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.35em;
  line-height: 1.25em;
  color: var(--gunmetal-color);
}
h1 {
  font: var(--h1-font);
}
h2 {
  font: var(--h2-font);
}
h3 {
  font: var(--h3-font);
}
h4 {
  font: var(--h4-font);
}
h5 {
  font: var(--h5-font);
}

h6 {
  font: var(--h6-font);
}

p {
  margin-top: 0;
  margin-bottom: 15px;
}

strong {
  font-weight: bold;
}

code {
  vertical-align: bottom;
}

ul, ol{
  list-style-position: inside;
  padding-left: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

blockquote {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding-left: 15px;
}

hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}
/* Fields */

fieldset {

  max-width: 100% !important;
}

fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]){
  width: 100% !important;
}

fieldset .input {
  margin-right: 0 !important;
}

.hs-form-field{
  margin-bottom: 30px !important;
}
[class*="form-columns-"] .hs-form-field{
  padding: 0 8px;
}
[class*="form-columns-"]  .hs-form-field:first-child{
  padding-left: 0;
}
[class*="form-columns-"] .hs-form-field:last-child{
  padding-right: 0;
}
[class*="form-columns-"] .hs-form-field:last-of-type{
  padding-right: 0 !important;
}
.hs-form-required{
  margin-left: 7px;
}

@media screen and (max-width: 480px){
  .hs-input{
    width: 100% !important;
  }
  [class*="form-columns-"] .hs-form-field{
    padding: 0;
  }
  .hs-form-field:last-child{
    margin-bottom: 0;
  }
}



/* Labels */

form label {
  display: block;
  float: none;
  width: auto;
  text-align: left;
  padding-top: 0;
  margin-bottom: 4px;
  cursor: pointer;
  color: var(--dark-text-color);
}
.ps-landing-form .hs-richtext,
.ps-landing-form .submitted-message,
.ps-landing-form form label{
  color: var(--grayscale-7-color);
}
.submitted-message{
  font: var(--md-600-font);
}

.hs-form-field > label{
  margin-bottom: 10px;
}
.hs-form-field > label > span {
  font: var(--md-600-font);
}
.inputs-list label > span {
  font: var(--sm-600-font);
}

/* Help text */

form legend {
  font-size: 0.875rem;
}


/* Inputs */

form input[type=text],
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;
  width: 100%;
  font-weight: normal;
  box-sizing: border-box;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  border: 1px solid var(--grayscale-8-color);
  border-radius: 4px;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
}
input:not([type=radio]):not([type=checkbox]):not(:disabled):not([type=submit]):hover,
input:not([type=radio]):not([type=checkbox]):not(:disabled):not([type=submit]):focus,
input:not([type=radio]):not([type=checkbox]):not(:disabled):not([type=submit]):active{
  border: 1px solid var(--blue-crayola-color);
}
input:not([type=radio]):not([type=checkbox]):disabled{
  color: var(--grayscale-7-color);
  border-color: var(--grayscale-7-color);
}
input:disabled{
  cursor: default;
}

select {
  background: var(--pearl-white-color)  url(https://4630175.fs1.hubspotusercontent-na1.net/hubfs/4630175/assets/svg/arrow_down.svg) no-repeat calc(100% - 14px) center;
  background-size: 12px;
  border: 1px solid var(--grayscale-8-color);
  border-radius: 4px;
  font: var(--md-600-font);
  height: 48px;
  line-height: 48px;
  padding: 0 30px 0 16px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-overflow: ellipsis;
}


select[multiple]{
  height: inherit;
}

select:hover,
select:focus,
select:active{
  border: 1px solid var(--blue-crayola-color) !important;
}
select:disabled{
  color: var(--grayscale-7-color);
  border-color: var(--grayscale-7-color);
  cursor: default;
}

textarea.hs-input {
  height: auto;
}


/* Inputs - checkbox/radio */

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

form .inputs-list > li {
  display: block;
  margin: 12px 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}
.hs-form-checkbox input,
.hs-form-radio input {
  margin-right: 10px;
}
.hs-input[type=radio],
.hs-input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
  margin-left: 2px;
  box-shadow: 0 0 0 2px var(--brand-color);
  width: 16px !important;
  height: 16px !important;
  border: solid 2px transparent;
  position: relative;
  cursor: pointer;
}

.hs-input[type=checkbox]{
  border-radius: 4px;
}
.hs-input[type=radio]:checked,
.hs-input[type=checkbox]:checked {
  background-color: var(--brand-color);
}
.hs-input[type=radio]:checked{
  border: solid 2px var(--white-color);
}
.hs-input[type=checkbox]:checked:before{
  content: "";
  display: block;
  border-left: 2px solid var(--white-color);
  border-bottom: 2px solid var(--white-color);
  width: 12px;
  height: 6px;
  transform: rotate(-45deg) translate(-1px, 1px);
}

.hs-input[type=radio] {
  border-radius: 100%;
}

.hs-input[type=radio]:disabled,
.hs-input[type=checkbox]:disabled {
  box-shadow: 0 0 0 2px var(--grayscale-7-color);
}
.hs-input[type=radio]:checked:disabled,
.hs-input[type=checkbox]:checked:disabled {
  background-color: var(--grayscale-7-color);
  box-shadow: 0 0 0 2px var(--grayscale-7-color);
}
.hs-input[type=radio]:disabled + span,
.hs-input[type=checkbox]:disabled + span {
  color: var(--grayscale-7-color);
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

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

.fn-date-picker .pika-table thead th {
  color: var(--dark-text-color);
}

.fn-date-picker td.is-today .pika-button {
  color: var(--brand-color);
}

.fn-date-picker td.is-selected .pika-button {
  background: var(--brand-color);
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus{
  background-color: var(--grayscale-6-color) !important;
}



/* Inputs - file picker */

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

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {

}

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 {
  color: #d0d5dd;

}

/* Override for legal consent container text color in English form */
#hs_cos_wrapper_free_trial .legal-consent-container .hs-form-booleancheckbox-display > span,
#hs_cos_wrapper_free_trial .legal-consent-container .hs-form-booleancheckbox-display > span p {
  color: #d0d5dd !important;
}


/* Validation */

.hs-error-msgs {
  border: 0;
}

.hs-error-msgs label {
  display: block;
  font: var(--md-400-font);
  color: var(--brand-color) !important;
  margin-top: 6px;
}

.hs-error-msg{
  color: var(--brand-color) !important;
}

input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
  border-color: var(--brand-color);
}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
  border-color: var(--brand-color);
}

.hs-form-required {
  color: var(--brand-color);
}

/* 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;
  background-color: var(--brand-color);
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}

.hs-default-font-element,
.hs-main-font-element {
  font: var(--md-400-font);
}

.legal-consent-container .hs-form-booleancheckbox-display>span{
  margin-left: 32px !important;
}

.hs-submit{
  margin-top: 30px;
}
.hs-submit .hs-button.primary.large,
.hs-submit .hs-button{
  width: 100%;
  max-width: none;
}
/* 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;
}


/* Objects
Style rules for elements responsible for layout or structuring.
*/

/* Responsive grid */

.row-fluid {
  width: 100%;
}

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

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

.row-fluid [class*='span'] {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.127659574%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

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

.row-fluid .span12 {
  width: 99.99999998999999%;
}

.row-fluid .span11 {
  width: 91.489361693%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
}

.row-fluid .span9 {
  width: 74.468085099%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
}

.row-fluid .span7 {
  width: 57.446808505%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
}

.row-fluid .span5 {
  width: 40.425531911%;
}

.row-fluid .span4 {
  width: 31.914893614%;
}

.row-fluid .span3 {
  width: 23.404255317%;
}

.row-fluid .span2 {
  width: 14.89361702%;
}

.row-fluid .span1 {
  width: 6.382978723%;
}

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

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

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

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

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

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

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

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

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

  .row-fluid .span12 {
    width: 99.999999993%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
  }
}

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

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

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

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

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

  .row-fluid .span12 {
    width: 100%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
  }
}

/* Clearfix */

.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

/* Visibilty classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive visibilty classes */

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

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

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

.container-fluid.ps-main__container {
  padding-left: 0;
  padding-right: 0;
}

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

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

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}
.ps-container {
    margin: auto;
}
.ps-section, .dnd-section{
    padding: 0 var(--container-x-spacing);
}
.ps-section.has-no-h-padding,
.dnd-section.has-no-h-padding{
    padding-left: 0;
    padding-right: 0;
}
.ps-section.has-v-padding {
    padding-top: var(--v-spacing-5);
    padding-bottom: var(--v-spacing-5);
}
.ps-section.has-v-margin {
    margin-top: var(--v-spacing-5);
    margin-bottom: var(--v-spacing-5);
}
.ps-section.has-pearl-white-bg{
    background: var(--pearl-white-color);
}
.ps-section.has-gunmetal-radial-gradient-bg{
    background: var(--radial-gradient);
}
.ps-section.has-gunmetal-angle-gradient-bg{
    background: var(--angle-gradient);
}


/* Components
Style rules for UI components
*/
/* 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%;
}

@keyframes stickyHeader {
	from {
		top: -100px;
	}
	to {
		top: 0;
	}
}
html {
	scroll-padding-top: 90px;
}
.ps-header-wrapper {
	height: 70px;
}
.ps-header {
	z-index: 1000;
	width: 100%;
	height: 70px;
	padding: 15px var(--container-x-spacing);
}
.ps-header {
	background: var(--gunmetal-color);
}

.ps-header:not(.is-sticky) .ps-mega-menu .is-lvl-0 > a {
	color: var(--pearl-white-color);
}
.ps-header:not(.is-sticky) .ps-mega-menu .is-lvl-0:hover > a {
	color: var(--grayscale-7-color);
}
.ps-header.is-sticky {
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0px 0px 14px rgb(4, 36, 57, 13%);
	animation-name: stickyHeader;
	animation-duration: 0.3s;
}
.ps-header #hs_cos_wrapper_logo-white,
.ps-header #hs_cos_wrapper_logo-black {
	display: none;
}
.ps-header .hs_cos_wrapper_type_logo img {
	display: block;
}
.ps-header:not(.is-sticky) #hs_cos_wrapper_logo-white {
	display: inline;
}
.ps-header.is-sticky #hs_cos_wrapper_logo-black {
	display: inline;
}

.ps-header__container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: var(--lg-1-container-max-width);
	margin: 0 auto;
	height: 100%;
}
.ps-header__logo {
	flex: 0 0 auto;
}
.ps-header__logo img {
	width: 130px !important;
}
.ps-header__main-nav {
	display: none;
	justify-content: space-between;
	flex: 1;
}
.ps-header__right-nav {
	display: flex;
	align-items: center;
}
.ps-header__right-nav .hs-language-switcher {
	display: none;
}
@media all and (min-width: 1024px) {
	.ps-header__right-nav .hs-language-switcher {
		display: inline-block;
		margin-left: 20px;
	}
}

.ps-header__right-nav > ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
}
.ps-header__right-nav > .hs_cos_wrapper_type_language_switcher {
	display: none;
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.ps-header .ps-button.is-sm-size {
		padding-right: 10px;
		padding-left: 10px;
	}
}

/*html[lang='en'] .ps-header .globe_class{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_great-britain.svg);
}*/
html[lang="en"] .ps-header .globe_class::before {
	content: "English";
}
/*html[lang='da'] .ps-header .globe_class{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_denmark.svg);
}*/
html[lang="da"] .ps-header .globe_class::before {
	content: "Dansk";
}
/*html[lang='de'] .ps-header .globe_class{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_germany.svg);
}*/
html[lang="de"] .ps-header .globe_class::before {
	content: "Deutsch";
}
/*html[lang='it'] .ps-header .globe_class{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_italy.svg);
}*/
html[lang="it"] .ps-header .globe_class::before {
	content: "Italiano";
}
/*html[lang='fr-fr'] .ps-header .globe_class{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_france.svg);
}*/
html[lang="fr-fr"] .ps-header .globe_class::before {
	content: "Français";
}
/*html[lang='nl-nl'] .ps-header .globe_class{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_netherlands.svg);
}*/
html[lang="nl-nl"] .ps-header .globe_class::before {
	content: "Nederlands";
}
/*html[lang='pl'] .ps-header .globe_class{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_poland.svg);
}*/
html[lang="pl"] .ps-header .globe_class::before {
	content: "Polski";
}
/*html[lang='es-es'] .ps-header .globe_class{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_spain.svg);
}*/
html[lang="es-es"] .ps-header .globe_class::before {
	content: "Español";
}

.ps-header .globe_class {
	background-image: url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/globe-white.svg");
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: 20px 20px; /* Was cover */
	border-radius: 0;
	width: 135px; /* Was 20px */
	height: 34px; /* Was 20px */
	padding-bottom: 13px;
}

@media screen and (max-width: 1023px) {
	.ps-header .globe_class {
		background-image: url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/globe-black.svg");
	}
}

.ps-header.is-sticky .globe_class {
	position: relative;
	background-image: url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/globe-black.svg");
}

.ps-header .globe_class::before {
	display: block;
	padding-top: 7px;
	padding-left: 27px;
	color: var(--pearl-white-color);
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
}
@media screen and (max-width: 1023px) {
	.ps-header .globe_class::before {
		color: #042439;
	}
}
@media screen and (min-width: 1024px) {
	.ps-header .globe_class::before {
		font-size: 12px;
	}
}
@media screen and (min-width: 1280px) {
	.ps-header .globe_class::before {
		font-size: 14px;
	}
}

.ps-header .globe_class::after {
	position: absolute;
	right: 0;
	top: 50%;
	content: "";
	width: 10px;
	height: 6px;
	margin-top: -3px;
	background-image: url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/arrow_down_white.svg");
	background-repeat: no-repeat;
	background-size: 12px 8px;
	transform: rotate(0deg);
	transition: transform 0.2s ease-in;
}
@media screen and (max-width: 1023px) {
	.ps-header .globe_class::after {
		background-image: url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/arrow_down.svg");
	}
}
.ps-header.is-sticky .globe_class::after {
	background-image: url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/arrow_down.svg");
}

.ps-header .globe_class:hover::after {
	transform: rotate(-180deg);
}

.ps-header.is-sticky .globe_class::before {
	color: #042439;
}

.ps-header .lang_list_class {
	top: 34px; /* Default 17px */
	width: 100%;
	padding-top: 0;
	overflow: hidden;
	text-align: left;
	background-color: var(--white-color);
	border-radius: 5px;
	box-shadow: 0px 8px 22px rgba(4, 36, 57, 0.24);
}

.ps-header:before {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	/*content:url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_great-britain.svg)
            url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_denmark.svg)
            url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_germany.svg)
            url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_france.svg)
            url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_italy.svg);
            url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_netherlands.svg);
            url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_poland.svg);
            url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_spain.svg);
    */
}

.ps-header .lang_list_class:before,
.ps-header .lang_list_class:after {
	display: none;
}
.ps-header .lang_list_class li {
	height: 37px;
	border: 0;
	padding: 10px 7px;
	background-color: transparent;
	text-align: center; /* Was left */
	cursor: pointer;
}
.ps-header .lang_list_class li:hover {
	background-color: #dce0e8;
}
.ps-header .lang_list_class li:first-child {
	border: 0;
	padding: 10px 7px;
	/*padding-top: 5px;*/
	/* display: none;*/
	background-color: #dce0e8;
	font-weight: bold;
}
.ps-header .lang_list_class li:last-child {
	border: 0;
	padding-bottom: 5px;
}

.ps-header .lang_switcher_link {
	position: relative;
	/*background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;*/
	font-size: 0;
	width: 100%;
	display: block;
	line-height: 16px;
}

.ps-header .lang_list_class li a:hover {
	color: #042439;
	cursor: pointer;
}

.ps-header .lang_switcher_link::before {
	display: block;
	font-size: 14px;
}

.ps-header .lang_switcher_link[data-language="en"]::before {
	content: "English";
}
.ps-header .lang_switcher_link[data-language="da"]::before {
	content: "Dansk";
}
.ps-header .lang_switcher_link[data-language="de"]::before {
	content: "Deutsch";
}
.ps-header .lang_switcher_link[data-language="it"]::before {
	content: "Italiano";
}
.ps-header .lang_switcher_link[data-language="fr-fr"]::before {
	content: "Français";
}
.ps-header .lang_switcher_link[data-language="nl-nl"]::before {
	content: "Nederlands";
}
.ps-header .lang_switcher_link[data-language="pl"]::before {
	content: "Polski";
}
.ps-header .lang_switcher_link[data-language="es-es"]::before {
	content: "Español";
}

/*.ps-header .lang_switcher_link[data-language="en"]{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_great-britain.svg);
}
.ps-header .lang_switcher_link[data-language="da"]{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_denmark.svg);
}
.ps-header .lang_switcher_link[data-language="de"]{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_germany.svg);
}
.ps-header .lang_switcher_link[data-language="it"]{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_italy.svg);
}
.ps-header .lang_switcher_link[data-language="fr-fr"]{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_france.svg);
}
.ps-header .lang_switcher_link[data-language="nl-nl"]{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_netherlands.svg);
}
.ps-header .lang_switcher_link[data-language="pl"]{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_poland.svg);
}
.ps-header .lang_switcher_link[data-language="es-es"]{
    background-image: url(https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/flag_spain.svg);
}*/

.ps-header__burger-btn {
	flex: 0;
	align-self: center;
	position: relative;
	width: 22px;
	height: 21px;
	display: block;
	z-index: 9;
	margin-left: 20px;
}

.ps-header .icon-explore-new-resellers-network {
	color: var(--electric-violet-color);
}
.ps-header .icon-map-protection,
.ps-header .icon-performance-insight {
	color: var(--vivid-sky-blue-color);
}
.ps-header .icon-notification,
.ps-header .icon-intelligent-prices {
	color: var(--hot-pink-color);
}
.ps-header .icon-account-management,
.ps-header .icon-market-expansion {
	color: var(--light-coral-color);
}
.ps-header .icon-c-level-overview,
.ps-header .icon-c-level-reports {
	color: var(--pumpkin-color);
}
.ps-header .icon-tech-support,
.ps-header .icon-market-insight {
	color: var(--mountain-meadow-color);
}
.ps-header .icon-faq,
.ps-header .icon-marketing-optimisation {
	color: var(--mantis-color);
}
.ps-header .icon-advanced-product-management,
.ps-header .icon-blog,
.ps-header .icon-team {
	color: var(--sunglow-color);
}
.ps-header .icon-competitor-monitoring,
.ps-header .icon-career,
.ps-header .icon-webinar,
.ps-header .icon-customer-success {
	color: var(--blue-crayola-color);
}
.ps-header .icon-partners,
.ps-header .icon-success-stories,
.ps-header .icon-integrations {
	color: var(--brand-color);
}

@media screen and (min-width: 1024px) {
	html {
		scroll-padding-top: 130px;
	}
	.ps-header-wrapper {
		height: 100px;
	}

	.ps-header {
		height: 100px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.ps-header__logo img {
		width: 136px !important;
	}
}
@media (min-width: 1024px) {
	.ps-header__burger-btn {
		display: none;
	}
	.ps-header__right-nav > .hs_cos_wrapper_type_language_switcher {
		display: block;
	}
	.ps-header__right-nav
		> .hs_cos_wrapper_type_language_switcher
		.lang_switcher_class {
		margin-left: 20px;
		margin-top: 2px;
	}
	.ps-header__main-nav {
		display: flex;
	}
}

@media screen and (min-width: 1280px) {
	.ps-header__logo img {
		width: 159px !important;
	}
}

/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) and (min-width: 1024px) {
	.ps-header__main-nav {
		display: none;
	}
	.ps-header__burger-btn {
		display: block;
	}
}
/* stylus-based screens */
@media (hover: none) and (pointer: fine) and (min-width: 1024px) {
	.ps-header__main-nav {
		display: none;
	}
	.ps-header__burger-btn {
		display: block;
	}
}

.ps-burger-menu__lang .hs-language-switcher {
	display: inline-block;
}
@include media all and (min-width: 1024px) {
	.ps-burger-menu__lang .hs-language-switcher {
		display: none;
	}
}

.hs-language-switcher {
	display: none;

	&:hover {
		.hs-language-switcher__menu {
			display: block;
		}
	}
}

.hs-language-switcher__button {
	cursor: pointer;
	display: flex;
	align-items: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	font-size: 14px;
	font-weight: 600;

	border: none;
	background-color: transparent;

	appearance: none;
}

.hs-language-switcher__label {
	display: flex;
	align-items: center;
	gap: 8px;
}

.hs-language-switcher__icon {
	width: 24px !important;
	height: auto !important;

	svg {
		display: none; /* Hide the default SVG */
	}

	/* Add your custom icon as background */
	&:after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		/* White */
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczp4PSJodHRwOi8vbnMuYWRvYmUuY29tL0V4dGVuc2liaWxpdHkvMS4wLyIgeG1sbnM6aT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB4bWxuczpncmFwaD0iaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iSWNvbnMiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+ICAgICAgICAgICAgCiAgICAgICAgICAgIDxwYXRoIGZpbGw9IndoaXRlIiBpZD0iZ2xvYmUiIGNsYXNzPSJzaXRlLWdsb2JlIiBkPSJNMjQwLDBDMTA3LjY2NCwwLDAsMTA3LjY2NCwwLDI0MHMxMDcuNjY0LDI0MCwyNDAsMjQwczI0MC0xMDcuNjY0LDI0MC0yNDBTMzcyLjMzNiwwLDI0MCwwek00MzEuOTU2LDE2MGgtODUuOTQ0Yy03LjU0OC00OC42Mi0yMS44OTYtODkuMjgtNDAuOTItMTE3LjQyQzM2Mi40MjQsNjEuNTMyLDQwOC44MTYsMTA0LjY4OCw0MzEuOTU2LDE2MHogTTMyMCwyNDBjMCwxNi43NjQtMC44NTIsMzIuNzUyLTIuMzA4LDQ4SDE2Mi4zMDhjLTEuNDU2LTE1LjI0OC0yLjMwOC0zMS4yMzYtMi4zMDgtNDhzMC44NTItMzIuNzUyLDIuMzA4LTQ4aDE1NS4zOCAgQzMxOS4xNDgsMjA3LjI0OCwzMjAsMjIzLjIzNiwzMjAsMjQweiBNMjQwLDQ0OGMtMjguODg4LDAtNjAuMjM2LTQ5Ljg5Mi03My40NzYtMTI4aDE0Ni45NTJDMzAwLjIzNiwzOTguMTA4LDI2OC44ODgsNDQ4LDI0MCw0NDh6TTE2Ni41MjQsMTYwQzE3OS43NjQsODEuODkyLDIxMS4xMTIsMzIsMjQwLDMyczYwLjIzNiw0OS44OTIsNzMuNDc2LDEyOEgxNjYuNTI0eiBNMTc0LjkwOCw0Mi41OGMtMTkuMDI0LDI4LjE0NC0zMy4zNzYsNjguOC00MC45MiwxMTcuNDJINDguMDQ0QzcxLjE4NCwxMDQuNjg4LDExNy41NzYsNjEuNTMyLDE3NC45MDgsNDIuNTh6IE0zNy44MTIsMTkyaDkyLjMyNGMtMS4zNTIsMTUuNDQ0LTIuMTM2LDMxLjQzNi0yLjEzNiw0OHMwLjc4NCwzMi41NTYsMi4xNCw0OEgzNy44MTJDMzQuMTQ4LDI3Mi41NiwzMiwyNTYuNTQ0LDMyLDI0MFMzNC4xNDgsMjA3LjQ0LDM3LjgxMiwxOTJ6TTQ4LjA0NCwzMjBoODUuOTRjNy41NDgsNDguNjIsMjEuODk2LDg5LjI4LDQwLjkyLDExNy40MkMxMTcuNTcyLDQxOC40NjgsNzEuMTg0LDM3NS4zMTIsNDguMDQ0LDMyMHogTTMwNS4wOTIsNDM3LjQyYzE5LjAyNC0yOC4xNDQsMzMuMzc2LTY4LjgsNDAuOTItMTE3LjQyaDg1Ljk0QzQwOC44MTYsMzc1LjMxMiwzNjIuNDI4LDQxOC40NjgsMzA1LjA5Miw0MzcuNDJMMzA1LjA5Miw0MzcuNDJ6TTQ0Mi4xODgsMjg4SDM0OS44NmMxLjM1Ni0xNS40NDQsMi4xNC0zMS40MzYsMi4xNC00OHMtMC43ODQtMzIuNTU2LTIuMTQtNDhoOTIuMzI0YzMuNjY4LDE1LjQ0LDUuODEyLDMxLjQ1Niw1LjgxMiw0OFM0NDUuODUyLDI3Mi41Niw0NDIuMTg4LDI4OHoiPjwvcGF0aD4KICAgICAgICA8L3N2Zz4=");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
}

.hs-language-switcher__menu {
	display: none;
	position: absolute;
	top: 100%; /* Positions the dropdown below the current language */
	left: 0;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
	z-index: 1;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;

	.hs-language-switcher__item {
		padding: 0;

		a {
			padding: 8px 12px;

			font-size: 14px;
			text-decoration: none;

			color: #1d2939;
		}
		&:hover {
			background-color: #f9fafb;
		}
	}
}

/* When sticky, or in mobile nav */
.ps-burger-menu__lang,
.ps-header.is-sticky {
	.hs-language-switcher__button {
		color: #1d2939;
	}
	.hs-language-switcher__icon {
		&:after {
			background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczp4PSJodHRwOi8vbnMuYWRvYmUuY29tL0V4dGVuc2liaWxpdHkvMS4wLyIgeG1sbnM6aT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB4bWxuczpncmFwaD0iaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iSWNvbnMiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDgwIDQ4MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+ICAgICAgICAgICAgCiAgICAgICAgICAgIDxwYXRoIGlkPSJnbG9iZSIgY2xhc3M9InNpdGUtZ2xvYmUiIGQ9Ik0yNDAsMEMxMDcuNjY0LDAsMCwxMDcuNjY0LDAsMjQwczEwNy42NjQsMjQwLDI0MCwyNDBzMjQwLTEwNy42NjQsMjQwLTI0MFMzNzIuMzM2LDAsMjQwLDB6TTQzMS45NTYsMTYwaC04NS45NDRjLTcuNTQ4LTQ4LjYyLTIxLjg5Ni04OS4yOC00MC45Mi0xMTcuNDJDMzYyLjQyNCw2MS41MzIsNDA4LjgxNiwxMDQuNjg4LDQzMS45NTYsMTYweiBNMzIwLDI0MGMwLDE2Ljc2NC0wLjg1MiwzMi43NTItMi4zMDgsNDhIMTYyLjMwOGMtMS40NTYtMTUuMjQ4LTIuMzA4LTMxLjIzNi0yLjMwOC00OHMwLjg1Mi0zMi43NTIsMi4zMDgtNDhoMTU1LjM4ICBDMzE5LjE0OCwyMDcuMjQ4LDMyMCwyMjMuMjM2LDMyMCwyNDB6IE0yNDAsNDQ4Yy0yOC44ODgsMC02MC4yMzYtNDkuODkyLTczLjQ3Ni0xMjhoMTQ2Ljk1MkMzMDAuMjM2LDM5OC4xMDgsMjY4Ljg4OCw0NDgsMjQwLDQ0OHpNMTY2LjUyNCwxNjBDMTc5Ljc2NCw4MS44OTIsMjExLjExMiwzMiwyNDAsMzJzNjAuMjM2LDQ5Ljg5Miw3My40NzYsMTI4SDE2Ni41MjR6IE0xNzQuOTA4LDQyLjU4Yy0xOS4wMjQsMjguMTQ0LTMzLjM3Niw2OC44LTQwLjkyLDExNy40Mkg0OC4wNDRDNzEuMTg0LDEwNC42ODgsMTE3LjU3Niw2MS41MzIsMTc0LjkwOCw0Mi41OHogTTM3LjgxMiwxOTJoOTIuMzI0Yy0xLjM1MiwxNS40NDQtMi4xMzYsMzEuNDM2LTIuMTM2LDQ4czAuNzg0LDMyLjU1NiwyLjE0LDQ4SDM3LjgxMkMzNC4xNDgsMjcyLjU2LDMyLDI1Ni41NDQsMzIsMjQwUzM0LjE0OCwyMDcuNDQsMzcuODEyLDE5MnpNNDguMDQ0LDMyMGg4NS45NGM3LjU0OCw0OC42MiwyMS44OTYsODkuMjgsNDAuOTIsMTE3LjQyQzExNy41NzIsNDE4LjQ2OCw3MS4xODQsMzc1LjMxMiw0OC4wNDQsMzIweiBNMzA1LjA5Miw0MzcuNDJjMTkuMDI0LTI4LjE0NCwzMy4zNzYtNjguOCw0MC45Mi0xMTcuNDJoODUuOTRDNDA4LjgxNiwzNzUuMzEyLDM2Mi40MjgsNDE4LjQ2OCwzMDUuMDkyLDQzNy40MkwzMDUuMDkyLDQzNy40MnpNNDQyLjE4OCwyODhIMzQ5Ljg2YzEuMzU2LTE1LjQ0NCwyLjE0LTMxLjQzNiwyLjE0LTQ4cy0wLjc4NC0zMi41NTYtMi4xNC00OGg5Mi4zMjRjMy42NjgsMTUuNDQsNS44MTIsMzEuNDU2LDUuODEyLDQ4UzQ0NS44NTIsMjcyLjU2LDQ0Mi4xODgsMjg4eiI+PC9wYXRoPgogICAgICAgIDwvc3ZnPg==");
		}
	}
}

.ps-header.is-sticky .language-switcher .current-language svg {
	display: none;
}

/* When sticky */

.ps-header.is-sticky .language-switcher .current-language {
	color: #20274d;
}

.ps-header.is-sticky .language-switcher .current-language svg {
	fill: #20274d;
}
.ps-mega-menu {
    list-style: none;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0;
    margin: 0;
}
.ps-mega-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.ps-mega-menu .is-lvl-0 {
    position: relative;
    margin: 0 10px; /* Was 0 15px */
}
@media screen and (min-width: 1024px) and (max-width: 1380px){
  .ps-mega-menu .is-lvl-0 {    
    margin: 0; /* Was 0 15px */
  }
}
.ps-mega-menu .is-lvl-0 > a {
    font: var(--sm-600-font);
    color: #042439;
    padding: 15px 5px; /* Was 15px 10px */
}
@media screen and (min-width: 1280px) {
    .ps-mega-menu .is-lvl-0 > a {
        padding:15px 10px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
    .ps-mega-menu .is-lvl-0 {
        margin: 0; /* was 0 3px */
    }
    .ps-mega-menu .is-lvl-0 > a {
        font: var(--xs-600-font);
    }
    .ps-header__right-nav .ps-button{
        font: var(--xs-600-font) !important;
    }
}



.ps-mega-menu .is-lvl-0:hover > a {
    color: #e94f38;
}
.ps-mega-menu .is-lvl-0.has-children:before,
.ps-mega-menu .is-lvl-0.is-active-link:before,
.ps-mega-menu .is-lvl-0.is-active-branch:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -25px;
    width: 8px;
    height: 8px;
    background: #e94f38;
    border-radius: 50%;
    transition: opacity 0.1s ease-in;
}
.is-lvl-0.current-menu-ancestor > a,
.is-lvl-0.current-menu-item > a {
    color: #e94f38;
}
.is-lvl-0.has-children:not(.is-active-link):not(.is-active-branch):before {
    opacity: 0;
}
.is-lvl-0.has-children:hover:before {
    opacity: 1 !important;
}
.is-lvl-0.has-children:hover .ps-mega-menu__dropdown {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.1s ease-in;
}

.ps-mega-menu__dropdown {
    visibility: hidden;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.1s ease-in;
    padding: 40px 50px 5px;
}

.ps-mega-menu__dropdown.is-grid {
    display: flex;
    position: fixed;
    top: 60px;
    width: 100%;
    max-width: 1540px;
    left: 50%;
    transform: translateX(-50%);
}

.ps-mega-menu__dropdown.is-list {
    width: 420px;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -210px;
}
.ps-mega-menu__dropdown.is-list ul{
    padding: 15px;
}

.ps-mega-menu__dropdown.is-grid .ps-mega-menu__dropdown-scroll > ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 0;
}
.ps-mega-menu__dropdown.is-grid .is-lvl-1 {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
    padding: 15px;
}

.ps-mega-menu__dropdown.is-grid .is-lvl-1:nth-child(4n+3),
.ps-mega-menu__dropdown.is-grid .is-lvl-1:nth-child(4n+4) {
    padding-top: 15px;
    padding-bottom: 15px;
    grid-template-rows: 1fr;
    border-top: 1px solid #efeef1;
}
.ps-mega-menu__dropdown.is-grid .is-lvl-1:nth-child(4n+2) {
    border-radius: 0 17px 0 0;
    background: #FAFAFC;
    border-right: 0;
}
.ps-mega-menu__dropdown.is-grid .is-lvl-1:nth-child(4n+3) {
    border-radius: 0 0 0 17px;
    align-items: center;
}
.ps-mega-menu__dropdown.is-grid .is-lvl-1:nth-child(4n+4) {
    border-radius: 0 0 17px 0;
    background: #ffffff;
}
.ps-mega-menu__dropdown.is-grid .is-lvl-1 > ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    position: relative;
    padding: 15px 0 0;
}
.ps-mega-menu__dropdown.is-grid .is-lvl-1 > ul:before {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    top: 0;
    border-top: 1px solid #efeef1;
}

.ps-mega-menu__dropdown-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 90px);
    background-color: #fff;
    border: 1px solid #efeef1;
    box-shadow: 0 8px 22px 0 rgba(4, 36, 57, 0.24);
    border-radius: 17px;
}


.ps-mega-menu-item {
    font-family: Montserrat, sans-serif;
}
.ps-mega-menu-item > a {
    display: flex;
    flex-wrap: nowrap;
    border-radius: 10px;
    height: 100%;
    padding: 10px;
}
.ps-mega-menu-item__icon {
    flex: 0;
    margin-right: 16px;
    font-size: 24px;
}
.ps-mega-menu-item__text {
    flex: 1 1 auto;
}
.ps-mega-menu-item__title {
    color: #042439;
    font: var(--sm-600-font);
}
.ps-mega-menu-item__sub-title {
    color: var(--light-text-color);
    font: var(--xs-500-font);
    margin-top: 6px;
    margin-bottom: 6px;
}

.ps-mega-menu-item > a:hover {
    background-color: var(--grayscale-9-color);
}
.ps-mega-menu__dropdown.is-grid .is-lvl-1:nth-child(4n+2) .ps-mega-menu-item > a:hover{
    background-color: var(--grayscale-8-color);
}
.ps-mega-menu__dropdown.is-grid .is-lvl-1 > .ps-mega-menu-item{
    margin-bottom: 15px;
}
.ps-mega-menu__dropdown.is-grid .is-lvl-1 > .ps-mega-menu-item > a > .ps-mega-menu-item__text > .ps-mega-menu-item__title{
    font: var(--lg-700-font);
}

.ps-mega-menu__dropdown .is-button{
    align-self: center;
}
.ps-burger-menu {
	position: absolute;
	/* height: calc(100vh - 70px);
    top: 70px;*/
	width: 100%;
	left: 0;
	background: #fff;
	overflow-y: auto;
	padding: 45px var(--container-x-spacing) 35px;
	display: none;
	z-index: 99;
	padding-bottom: 400px; /* Fix overflow issue with language picker */
}
.ps-burger-menu__container {
	max-width: 420px;
	margin: 0 auto;
}
.ps-burger-menu::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
.ps-burger-menu::-webkit-scrollbar-track {
	border-radius: 8px;
	background-color: #cecdcd;
}
.ps-burger-menu::-webkit-scrollbar-thumb {
	background-color: #e94f38;
	border-radius: 8px;
}
.ps-burger-menu::-webkit-scrollbar-thumb:hover {
	background: #c94531;
}

.ps-burger-menu li.has-children {
	position: relative;
}

.ps-burger-menu__list-lvl-0,
.ps-burger-menu__list-lvl-1,
.ps-burger-menu__list-lvl-2 {
	padding: 0;
	margin: 0;
	list-style: none;
}
.ps-burger-menu__list-lvl-1,
.ps-burger-menu__list-lvl-2 {
	display: none;
	margin: 0 -15px;
	padding: 0 15px;
	background: #f7f7f7;
	border-radius: 10px;
}
.ps-burger-menu__list-lvl-1 {
	padding-top: 15px;
	padding-bottom: 5px;
}
.ps-burger-menu__list-lvl-2 {
	padding-top: 5px;
	padding-bottom: 15px;
}
.ps-burger-menu__item-lvl-0,
.ps-burger-menu__item-lvl-1,
.ps-burger-menu__item-lvl-2 {
	margin-bottom: 15px;
}
.ps-burger-menu__item-lvl-1 {
	margin-bottom: 20px;
}
.ps-burger-menu__item-lvl-0:last-child,
.ps-burger-menu__item-lvl-2:last-child {
	margin-bottom: 0;
}

.ps-burger-menu__item-lvl-0 > a {
	margin-bottom: 15px;
	display: block;
	cursor: pointer;
}

.ps-burger-menu__item-lvl-0.is-active-link > a,
.ps-burger-menu__item-lvl-0.is-active-branch > a {
	color: #e94f38;
}

.ps-burger-menu
	a.is-active-link
	> .ps-burger-menu-item__text
	> .ps-burger-menu-item__title,
.ps-burger-menu
	a.is-active-branch
	> .ps-burger-menu-item__text
	> .ps-burger-menu-item__title {
	color: #e94f38;
}

.is-expanded > ul {
	display: block;
}

.ps-burger-menu__item-lvl-1.has-children > .ps-burger-menu-item {
	margin-bottom: 15px;
}

.ps-burger-menu__btn-arrow {
	display: block;
	position: absolute;
	right: -12px;
	top: -6px;
	padding: 10px;
	cursor: pointer;
	font-size: 16px;
	transition: all 330ms ease-in-out;
}

.ps-burger-menu__btn-arrow:active {
	color: var(--brand-darken-1-color);
}
.is-expanded > .ps-burger-menu__btn-arrow {
	transform: rotate(180deg);
}

.ps-burger-menu-item {
	font-family: Montserrat, sans-serif;
	width: 100%;
	max-width: 320px;
}
.ps-burger-menu-item > a {
	display: flex;
	flex-wrap: nowrap;
	border-radius: 10px;
	height: 100%;
	padding: 0;
}

.ps-burger-menu-item__icon {
	flex: 0;
	margin-right: 16px;
	font-size: 24px;
}
.ps-burger-menu-item__text {
	flex: 1 1 auto;
}
.ps-burger-menu-item__title {
	transition: all 200ms ease-in-out;
}
.ps-burger-menu-item__sub-title {
	margin-top: 4px;
	transition: all 200ms ease-in-out;
}

.ps-burger-menu__item-lvl-0 > a {
	color: var(--dark-text-color);
	font: var(--lg-600-font);
}

.ps-burger-menu__item-lvl-1 .ps-burger-menu-item__title {
	color: var(--dark-text-color);
	font: var(--md-600-font);
}
.ps-burger-menu__item-lvl-1 .ps-burger-menu-item__sub-title {
	color: var(--light-text-color);
	font: var(--sm-400-font);
	line-height: 16px;
}

.ps-burger-menu__item-lvl-2 .ps-burger-menu-item__title {
	color: var(--dark-text-color);
	font: var(--sm-600-font);
}
.ps-burger-menu__item-lvl-2 .ps-burger-menu-item__sub-title {
	color: var(--light-text-color);
	font: var(--xs-400-font);
	line-height: 14px;
}

.ps-burger-menu__item-lvl-0 > a:hover,
.ps-burger-menu__item-lvl-0 > a:active {
	color: var(--brand-color);
}
.ps-burger-menu-item:hover .ps-burger-menu-item__title {
	color: var(--brand-color);
}

@media screen and (min-width: 1024px) {
	.ps-burger-menu {
		/* top: 100px;
        height: calc(100vh - 100px);*/
	}
}
.ps-footer {
    padding: 0 var(--container-x-spacing);
    background: var(--radial-gradient);
}
.ps-footer__container {
    max-width: var(--lg-1-container-max-width);
    margin: 0 auto;
}
.ps-footer__logo {
    width: 130px;
    margin-bottom: 38px;
}
.ps-footer__address {
    margin-bottom: 16px;
}

.ps-footer__main {
      padding: 30px 0 10px;
}

.ps-footer__main h5 {
    color: var(--pearl-white-color);
    font: var(--md-700-font);
    margin-bottom: 24px;
}
.ps-footer__main ul{
    padding: 0;
    margin: 0 0 36px;
    list-style: none;
}
.ps-footer__main ul:last-child{
    margin-bottom: 0;
}

.ps-footer__main ul li {
    margin-bottom: 16px;
    font: var(--sm-500-font);
    color: var(--grayscale-7-color);
}
.ps-footer__main ul a {
    font: var(--sm-500-font) !important;
    color: var(--grayscale-7-color);
}
.ps-footer__main ul a:hover {
    color: var(--white-color);
}

.ps-footer-col {
    margin-bottom: 36px;
}

.ps-footer-col.is-layout-helper{
    display: none;
}

.ps-footer-col:last-child {
    padding-right: 0;
}


.ps-footer-bottom {
    padding: 31px var(--container-x-spacing) 40px;
    margin: 0 calc(var(--container-x-spacing) * -1);
    background: var(--gunmetal-color);
    position: relative;
}
.ps-footer-bottom:before {
    content: "";
    height: 1px;
    position: absolute;
    left: var(--container-x-spacing);
    right: var(--container-x-spacing);
    top: 0;
    background: var(--fading-border-gradient);
}

.ps-footer-bottom__container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.ps-footer-service-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ps-footer-service-menu li {
    color: var(--grayscale-5-color);
    font: var(--sm-500-font);
    margin-right: 20px;
    margin-left: 20px;
    white-space: nowrap;
    margin-bottom: 16px;
}

.ps-footer-service-menu a {
    color: var(--grayscale-5-color);
    cursor: pointer;
}
.ps-footer-service-menu a:hover {
    color: var(--pearl-white-color);
}
.ps-footer-service-menu li.ps-footer-service-menu__copyright{
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
}

.ps-footer__social {
    display: flex;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
}
.ps-footer__social ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}
.ps-footer__social ul li {
    margin-left: 15px;
    margin-bottom: 16px;
    line-height: 0;
}
.ps-footer__social ul li:first-child{
    margin-left: 0;
}
.ps-footer__social li a {
    display: block;
}
.ps-footer__social .icon {
    font-size: 24px;
    color: var(--grayscale-5-color);
    display: block;
    transition: all 200ms;
}
.ps-footer__social .icon:hover {
    color: var(--pearl-white-color);
}

@media screen and (min-width: 768px) {
    .ps-footer__main {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .ps-footer-col{
        padding-left: 20px;
        width: 33%;
    }
    .ps-footer-col:first-child{
        padding-left: 0;
    }
    .ps-footer-col.is-layout-helper {
        display: block;
    }
    .ps-footer-bottom{
        padding-bottom: 14px;
    }
    .ps-footer-bottom__container {
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: nowrap;
    }
    .ps-footer-service-menu {
        justify-content: flex-start;
    }
    .ps-footer-service-menu li{
        margin-left: 0;
        margin-right: 40px;
    }
    .ps-footer-service-menu li.ps-footer-service-menu__copyright{
        margin-right: 40px;
        text-align: left;
    }
    .ps-footer__social{
        margin-top: 0;
    }
}
@media screen and (min-width: 1024px) {
    .ps-footer__main {
        padding: 60px 0 50px;
    }
    .ps-footer__logo {
        width: 323px;
    }
    .ps-footer-col {
        padding-right: 20px;
        max-width: 200px;
        width: auto;
        margin-bottom: 0;
    }
    .ps-footer-col.is-layout-helper{
        display: none;
    }
    .ps-footer-bottom__container {
        align-items: center;
    }
    .ps-footer-service-menu li.ps-footer-service-menu__copyright{
        width: auto;
    }
}
@media screen and (min-width: 1280px) {
    .ps-footer__main {
        padding: 80px 0 70px;
    }
    .ps-footer-col {
        padding-right: 20px;
        max-width: 220px;
    }
}

.has-square-slides .swiper-slide.ps-image-swiper__slide,
.has-rectangle-slides .swiper-slide.ps-image-swiper__slide {
    border-radius: 12px;
}
.has-square-slides .swiper-slide.ps-image-swiper__slide,
.has-rectangle-slides .swiper-slide.ps-image-swiper__slide {
   /* object-position: 50% 50%;
    object-fit: cover;*/
    border-radius: 12px;
}



.has-logo-slides .swiper-slide.ps-image-swiper__slide{
    /*width: 200px;*/
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.has-logo-slides .swiper-slide.ps-image-swiper__slide img{
    width: 90%;
    max-height: 100%;
}

.has-square-slides .swiper-slide.ps-image-swiper__slide{
    width: 200px;
    height: 200px;
    overflow: hidden;
}
.has-rectangle-slides .swiper-slide.ps-image-swiper__slide {
    width: 300px;
    height: 200px;
    overflow: hidden;
}
.has-square-slides .swiper-slide.ps-image-swiper__slide img,
.has-rectangle-slides .swiper-slide.ps-image-swiper__slide img{
    object-position: 50% 50%;
    object-fit: cover;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
}




.swiper-pagination.ps-image-swiper__pagination {
    position: relative;
    padding: 36px 0 0;
}
.swiper-pagination.ps-image-swiper__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 6px;
    background: var(--grayscale-8-color);
    border-radius: 0;
    opacity: 1;
    cursor: pointer;
}

.swiper-pagination.ps-image-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--brand-color);
}

.ps-image-swiper__prev,
.ps-image-swiper__next {
    position: absolute;
    top: calc(50% - 17.5px);
    margin-top: -24px;
    cursor: pointer;
    border-radius: 50%;
    border: 0;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    background-color: #E94F38;
    transition: all 200ms ease-in-out;
    display: none;
    z-index: 2;
}
.ps-image-swiper__prev {
    left: 36px;
}
.ps-image-swiper__next {
    right: 36px;
}
.ps-image-swiper__prev .icon,
.ps-image-swiper__next .icon {
    color: #ffffff;
 
}

.ps-image-swiper__prev .icon {
    margin-left: -2px;
}
.ps-image-swiper__next .icon {
    margin-right: -2px;
}

.ps-image-swiper__prev:hover,
.ps-image-swiper__next:hover {
    background-color: var(--grayscale-8-color);
}

.has-logo-slides  .ps-image-swiper__prev,
.has-logo-slides  .ps-image-swiper__next,
.has-logo-slides .swiper-pagination.ps-image-swiper__pagination{
    display: none;
}

@media screen and (min-width: 768px) {
    .ps-image-swiper__prev,
    .ps-image-swiper__next {
        display: flex;
    }

    .has-square-slides .swiper-slide.ps-image-swiper__slide{
        width: 200px;
        height: 200px;
    }
    .has-rectangle-slides .swiper-slide.ps-image-swiper__slide {
        width: 400px;
        height: 266px;
    }
}

@media screen and (min-width: 1024px) {
    .has-square-slides .swiper-slide.ps-image-swiper__slide{
        width: 300px;
        height: 300px;
    }
    .has-rectangle-slides .swiper-slide.ps-image-swiper__slide {
        width: 600px;
        height: 400px;
    }
}
.ps-cite-swiper{
    border-radius: 12px;
    background: var(--radial-gradient);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

.ps-cite-swiper__slide {
    width: 70%;
    padding: 15px;
    font-size: 24px;
    box-sizing: border-box;
}

.swiper-pagination.ps-cite-swiper__pagination {
    position: relative;
    padding: 50px 0 30px;
    bottom: 0;
}

.swiper-pagination.ps-cite-swiper__pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    margin: 0 6px;
    background: var(--grayscale-8-color);
    border-radius: 0;
    opacity: 1;
    cursor: pointer;
}

.swiper-pagination.ps-cite-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--brand-color);
}
.ps-cite-swiper-text{
    margin: 0 auto;
    padding: var(--v-spacing-7) 24px;

    max-width: 900px;
    font: var(--lg-400-font);
    color: var(--white-color);
    text-align: center;

}
.ps-cite-swiper-text *{
    line-height: 1.25em;
}
.ps-cite-swiper-person{
    text-align: center;

}

.ps-cite-swiper-person__image{
    border-radius: 50%;
    border: 2px solid var(--grayscale-8-color);
    width: 150px;
    height: 150px;
    margin-top: 30px;
}
.ps-cite-swiper-person__description{
    margin-left: 0;
    opacity:.8;
   
}
.ps-cite-swiper-person__position{
    font: var(--md-600-font);
    color: var(--white-color);
    margin: 0 auto;
    opacity:.8;
}

.ps-cite-swiper-person__name{
    color: var(--white-color);
    opacity:.8;
}
.ps-cite-swiper-person__name h5, .ps-cite-swiper-person__name h6{
    color: var(--white-color);
}


@media screen and (min-width: 768px){
    .ps-cite-swiper-text{
        font: 27px/40px Montserrat;
    }
}

@media screen and (min-width: 1024px){
   
}
.ps-testimonials{
    background: url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/images/bg-map.svg") center center no-repeat;
    background-size: contain;
}

.ps-testimonials__container{
    max-width: 800px;
    margin: 0 auto;
}

.ps-testimonials-thumbs {
    width: 100%;
    margin: var(--v-spacing-5) 0 0;
}

.ps-testimonials-thumbs .swiper-slide {
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
}
.ps-testimonials-thumbs .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid transparent;
    opacity: 0.6;
}

.ps-testimonials-thumbs .swiper-slide-thumb-active img {
    opacity: 1;
    border: 3px solid var(--blue-crayola-color) !important;
}


.ps-testimonials-thumbs.has-logos {
    width: 100%;
    margin: var(--v-spacing-5) 0 0;
}

.ps-testimonials-thumbs.has-logos .swiper-slide {
    width: 120px;
    height: 100px;
    border-radius: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ps-testimonials-thumbs.has-logos .swiper-slide img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    border-radius: 0;
    overflow: hidden;
    border: 0;
    opacity: 0.4;
}

.ps-testimonials-thumbs.has-logos .swiper-slide-thumb-active img {
    opacity: 1;
    border: 0 !important;
}








.ps-testimonials-swiper {
    width: 100%;
    margin-top: var(--v-spacing-5);
}
.ps-testimonials-swiper-slide{
    box-sizing: border-box;
    width: 100%;
}

.ps-testimonials-swiper__text{
    font: var(--md-500-font);
    color: var(--gunmetal-color);
    text-align: center;
    margin-bottom: var(--v-spacing-5);
}
.ps-testimonials-swiper__person-name{
    margin-bottom: 12px;
    font: 800 24px/var(--text-line-height) var(--font-family);
    text-align: center;
}
.ps-testimonials-swiper__person-position{
    font: var(--md-500-font);
    color: var(--grayscale-4-color);
    margin-bottom: 30px;
    text-align: center;
}
.ps-testimonials-swiper__logo{
    text-align: center;
    margin: 0 auto;
    display: block;
}
.ps-testimonials-swiper__logo img{
    margin: 0 auto;
}
.swiper-button-prev.ps-testimonials-swiper__prev,
.swiper-button-next.ps-testimonials-swiper__next{
    top: auto;
    bottom: 50px;
}


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

@media screen and (min-width: 1024px){
   
}
.ps-text-image {
    display: flex;
}

.ps-text-image.has-image-on-left,
.ps-text-image.has-image-on-right {
    flex-direction: column;
}

.ps-text-image__image {
    display: none;
}
.ps-text-image__text {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

@media screen and (min-width: 768px) {
    .ps-text-image {
        max-width: var(--sm-2-container-max-width);
        margin: 0 auto;
    }
}
@media screen and (min-width: 1024px) {
    .ps-text-image {
        max-width: none;
        margin: 0 auto;
    }

    .ps-text-image.has-image-on-left {
        flex-direction: row;
    }

    .ps-text-image.has-image-on-right {
        flex-direction: row-reverse;
    }

    .ps-text-image.has-image-on-left .ps-text-image__image {
        margin-right: 30px;
    }

    .ps-text-image.has-image-on-right .ps-text-image__image {
        margin-left: 30px;
    }

    .ps-text-image__image {
        flex: 0 0 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ps-text-image__text {
        flex: 0 0 calc(50% - 30px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ps-text-image.has-vertical-alignment-top .ps-text-image__image,
    .ps-text-image.has-vertical-alignment-top .ps-text-image__text{
        align-items: flex-start;
    }

    .ps-text-image__text-container {
        max-width: 600px;
    }

    .ps-text-image.has-image-on-left .ps-text-image__text-container {
        margin-left: auto;
    }

    .ps-text-image.has-image-on-right .ps-text-image__text-container {
        margin-right: auto;
    }

    .ps-text-image__text .ps-heading__media {
        display: none;
    }
}

@media screen and (min-width: 1700px) {
    .ps-text-image.has-image-on-left .ps-text-image__image .ps-media {
        margin-left: -120px;
    }

    .ps-text-image.has-image-on-right .ps-text-image__image .ps-media {
        margin-right: -120px;
    }
}
.ps-scrollable-image{
    max-width: 100%;
    overflow: auto;
}
.ps-scrollable-image img{
    max-width: none;
    margin: 0 auto;
    display: block;
}
.ps-scrollable-image .ps-media{
    overflow: visible;
}
.ps-scrollable-image .ps-media__img{
    max-width: none;
}
.ps-get-started {
    max-width: var(--lg-1-container-max-width);
    margin: 0 auto;
}
.cookieconsent-optout-marketing {
text-align: center;
}

.ps-get-started__tab{
    display: none;
  
}
.ps-get-started__tab.is-active{
    display: block;
}

.ps-get-started__meeting{
    padding: 24px 10px;
    background: #fff;
    height: auto;
    border-radius: 10px;
}
.ps-get-started__form{
    background: #ffffff;
    border-radius: 10px;
    padding: 24px;
    height: 100%;
    padding-block: 6rem !important;
}

.ps-get-started__tab-heading{
    margin-bottom: 30px;
}
.ps-get-started__meeting .ps-get-started__tab-heading{
    padding: 0 14px;
}


.ps-get-started__menu{
    margin-top: 40px;
}
.ps-get-started__menu-item{
    background: #ffffff;
    border-radius: 10px;
    padding: 24px 72px 24px 24px;
    position: relative;
    margin-bottom: 24px;
    cursor: pointer;
    display: block;
}
.ps-get-started__menu-item:last-child{
    margin-bottom: 48px;
}
.ps-get-started__menu-item:hover{
    background: var(--grayscale-9-color);
}


.ps-get-started__menu-item:after {
    content: "";
    box-shadow: 0 0 0 2px var(--grayscale-7-color);
    width: 20px;
    height: 20px;
    background: #fff;
    border: solid 2px #fff;
    position: absolute;
    right: 24px;
    top: 24px;
    border-radius: 50%;
}
.ps-get-started__menu-item.is-active:after {
    content: "";
    box-shadow: 0 0 0 2px var(--brand-color);
    width: 20px;
    height: 20px;
    background: var(--brand-color);
    border: solid 2px #fff;
    position: absolute;
    right: 24px;
    top: 24px;
    border-radius: 50%;
}
@media screen and (min-width: 768px){
    .ps-get-started__form{
        padding: 30px;
    }
    .ps-get-started__meeting{
        padding: 30px;
    }
    .ps-get-started__meeting .ps-get-started__tab-heading{
        padding: 0;
    }
}
@media screen and (min-width: 1180px){
    .ps-get-started{
        display: flex;
    }
    .ps-get-started__left {
      width:45%
  }
    .ps-get-started__tabs{
        width:55%;
    }
    .ps-get-started__left{
        padding-right: 25px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .ps-get-started__tabs{
        padding-left: 25px;
        display: flex;
    }
    .ps-get-started__tab{
        width: 100%;
    }

    .ps-get-started__menu-item:last-child{
        margin-bottom: 0;
    }

    .ps-get-started__tab-heading{
        display: none;
    }

    .ps-get-started__meeting{
        min-height: 747px;
        height: 100%;
    }
}
.ps-faq {
}

.ps-faq__item {
    border-bottom: 1px solid var(--grayscale-8-color);
    padding: 20px 0;
}

.ps-faq__item-question {
    position: relative;
    padding-right: 30px;
    cursor: pointer;
}
.ps-faq__item-question h4{
    margin: 0;
    font: var(--lg-600-font);
    color: #FFFFFF;
}

.ps-faq__item-question:after {
    content: "\e933";
    font-family: 'iconsax';
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 20px;
    color: #FFFFFF;
}

.ps-faq__item.is-expanded .ps-faq__item-question:after {
    content: "\e934";
}

.ps-faq__item-answer {
    display: none;
    color: #FFFFFF;
    font: var(--md-400-font);
    padding: 10px 30px 0 0;
}
.ps-faq__item-answer p:last-child{
    margin-bottom: 0;
}

@media screen and (max-width: 768px){
    .ps-faq__item-answer {
        padding: 10px 0 0 0;
    }
}
div#hs-eu-cookie-confirmation {
    position: fixed !important;
    box-shadow: 0 1px 146px #000  !important;
    color: var(--gunmetal-color)  !important;
    font-weight: 400 !important;
    font-family: Montserrat, sans-serif !important;
}
.ps-landing-form {
  max-width: var(--lg-1-container-max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column; /* Ensure stacking on mobile */
}

.ps-landing-form__left,
.ps-landing-form__right {
  width: 100%;
}

@media screen and (min-width: 1180px) {
  .ps-landing-form {
    flex-direction: row; /* Revert to side-by-side layout on desktop */
  }

  .ps-landing-form__left {
    width: 50%;
    padding-right: 25px;
    align-items: center;
    order: 1; /* Ensure left content comes first */
  }

  .ps-landing-form__right {
    margin-top: 0;
    padding-left: 25px;
    width: 50%;
    display: block;
    order: 2; /* Ensure right content comes second */
  }
}
.ps-pricing{
    font-size: 12px;
    line-height: 1.4em;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    width: 100%;
    border-collapse: collapse;
    --cell-padding: 10px;
}
.ps-pricing th{
    vertical-align: bottom;
    text-align: center;
    position: sticky;
    z-index: 100;
    top: 70px;
    background: #ffffff;
    padding: 20px 0 0;
}
@media screen and (min-width: 1024px) {
    .ps-pricing th{
        top: 100px;
    }
}
.ps-pricing th:first-child{
    text-align: left;
}

.ps-pricing.has-2-packages th{
    width: 33.3%;
}
.ps-pricing.has-3-packages th{
    width: 22%;
}
.ps-pricing.has-3-packages th:first-child{
    width: 34%;
}
.ps-pricing.has-4-packages th{
    width: 20%;
}
.ps-pricing.has-4-packages th:first-child{
    width: 20%;
}
.ps-pricing.has-5-packages th{
    width: 17%;
}
.ps-pricing.has-5-packages th:first-child{
    width: 15%;
}
.ps-pricing__package-price-text-row td{
    padding: var(--cell-padding);
    text-align: center;
}
.ps-pricing__package-price-amount-row td{
    padding: 0 var(--cell-padding) var(--cell-padding);
    vertical-align: middle;
    text-align: center;
}
.ps-pricing__package-cta-row td{
    text-align: center;
}
.ps-pricing__package-cta-row .ps-button{
    padding: 1em;
}
.ps-pricing__package-title{
    text-transform: uppercase;
    font-size: 1.43em;
    font-weight: 600;
}
.ps-pricing__package-title-border{
    border-bottom: 1px solid var(--grayscale-8-color);
    padding: var(--cell-padding);
}
.ps-pricing__package-title-border.is-most-popular{
    border-bottom-color: var(--brand-color);
}

.ps-pricing__package-price-text{
    color: var(--grayscale-4-color);
}

.ps-pricing-package__price-amount{
    color: var(--gunmetal-color);
    font-size: 2.57em;
    white-space: nowrap;
}
.ps-pricing-package__price-amount span{
    font-size: 0.44em;
}

.ps-pricing__feature-title {
    color: var(--gunmetal-color);
}
.ps-pricing__feature-title span{
    margin-right: 4px;
}
.ps-pricing__feature-title .icon-tooltip{
    color: var(--grayscale-5-color);
    font-size: 1em;
}

.ps-pricing__feature-text {
    color: var(--grayscale-4-color);
}

.ps-pricing__feature-row{

}
.ps-pricing__feature-row td{
    text-align: center;
    padding: var(--cell-padding);
}
.ps-pricing__feature-row td:first-child{
    text-align: left;
}
.ps-pricing__feature-row .icon-success{
    color: var(--brand-color);
}
.ps-pricing__feature-section-btn-row ~ .ps-pricing__feature-row:nth-child(even){
     background: #FAFAFC;
 }
.ps-pricing__feature-section-btn-row td{
    padding: calc(var(--cell-padding) * 2) var(--cell-padding) var(--cell-padding);
    border-bottom: 1px solid var(--grayscale-8-color);
}
.ps-pricing__feature-section-btn{
    font: var(--md-500-font);
    font-weight: 500;
    font-size: 1.14em;
    cursor: pointer;
}
.ps-pricing__feature-section-btn .icon-arrow-up{
    display: inline-block;
    transition: .3s;
    transform: translate(0, 0.0625em);
}
.ps-pricing__feature-section-btn .icon-arrow-up.is-rotated{
    transform: rotate(180deg) translate(0, -0.18em);
}
.ps-pricing-toggle {
    cursor: pointer;
}
.ps-pricing-toggle__inner {
    display: inline-flex;
    align-items: center;
}
.ps-pricing-toggle__inner span {
    flex: 0
}
.ps-pricing-toggle__input {
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.ps-pricing-toggle__switcher {
    width: 36px;
    height: 14px;
    border-radius: 7px;
    position: relative;
    background: var(--brand-color);
}
.ps-pricing-toggle__switcher:before {
    content: "";
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px #0000003D;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -2px;
    transition: .3s all;
}
.ps-pricing-toggle__input:checked + .ps-pricing-toggle__inner .ps-pricing-toggle__switcher:before {
    left: calc(100% - 18px);
}
.ps-pricing-toggle__toggle-1, .ps-pricing-toggle__toggle-2 {
    color: #8E90A3;
    font-size: 1.14em;
    font-weight: 600;
}
.ps-pricing-toggle__toggle-1{
    margin-right: 1em;
}
.ps-pricing-toggle__toggle-2{
    margin-left: 1em;
}
.ps-pricing-toggle__input:not(:checked) + .ps-pricing-toggle__inner .ps-pricing-toggle__toggle-1 {
    color: var(--gunmetal-color);
}
.ps-pricing-toggle__input:checked + .ps-pricing-toggle__inner .ps-pricing-toggle__toggle-2 {
    color: var(--gunmetal-color);
}


.ps-pricing-package__price-amount-period-2{
    display: none;
}
.ps-pricing.is-period-2 .ps-pricing-package__price-amount-period-1{
    display: none;
}
.ps-pricing.is-period-2 .ps-pricing-package__price-amount-period-2{
    display: block;
}

.ps-pricing__package-label-row td{
    padding: var(--cell-padding) 0 0;
    text-align: center;
}
.ps-pricing__package-label-row td:first-child{
    text-align: left;
    padding-left: var(--cell-padding);
}

.ps-label {
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
}
.ps-label.is-gray-color {
    color: var(--gunmetal-color);
    background: var(--grayscale-8-color);
}
.ps-label.is-brand-color {
    color: var(--brand-color);
    background: #FCECEA;
}

.ps-pricing__package-select{
    height: 40px;
    line-height: 40px;
    padding-left: 16px !important;
}



@media screen and (max-width: 767px){
    .ps-pricing__package-title-row.is-full{
        display: none;
    }
    .ps-pricing-toggle{
        font-size: 9px;
    }
    .ps-pricing-package__price-amount{
        font-size: 1.7em;
    }
    .ps-pricing th:not(:nth-child(1)):not(:nth-child(2)),
    .ps-pricing td:not(:nth-child(1)):not(:nth-child(2)) {
         display: none;
     }
    .ps-pricing th:nth-child(1),
    .ps-pricing td:nth-child(1),
    .ps-pricing th:nth-child(2),
    .ps-pricing td:nth-child(2) {
        width: 50%;
    }
}

@media screen and (min-width: 768px){
    .ps-pricing{
        font-size: 11px;
        --cell-padding: 11px;
    }
    .ps-pricing.has-4-packages,
    .ps-pricing.has-5-packages{
        font-size: 10px;
        --cell-padding: 8px;
    }
    .ps-pricing.has-4-packages .ps-pricing__package-title,
    .ps-pricing.has-5-packages .ps-pricing__package-title{
        font-size: 1.13em;
    }
    .ps-pricing.has-3-packages .ps-pricing-package__price-amount{
        font-size: 2.1em;
    }
    .ps-pricing.has-4-packages .ps-pricing-package__price-amount,
    .ps-pricing.has-5-packages .ps-pricing-package__price-amount {
        font-size: 1.57em;
    }

    .ps-pricing__package-title-row.is-minimized{
        display: none;
    }
    .ps-pricing th,
    .ps-pricing td {
        display: table-cell !important;
    }
}
@media screen and (min-width: 1024px){
    .ps-pricing{
        font-size: 12px;
        --cell-padding: 13px;
    }
    .ps-pricing.has-3-packages .ps-pricing-package__price-amount{
        font-size: 2.57em;
    }
}
@media screen and (min-width: 1280px){
    .ps-pricing{
        font-size: 13px;
        --cell-padding: 16px;
    }
    .ps-pricing.has-4-packages,
    .ps-pricing.has-5-packages{
        font-size: 12px;
    }
}
@media screen and (min-width: 1440px){
    .ps-pricing{
        font-size: 14px;
        --cell-padding: 18px;
    }
    .ps-pricing.has-4-packages,
    .ps-pricing.has-5-packages{
        font-size: 13px;
    }
    .ps-pricing.has-2-packages{

    }
    .ps-pricing.has-3-packages{

    }
    .ps-pricing.has-4-packages{

    }
    .ps-pricing.has-5-packages{

    }
}
.ps-tooltip {
    box-shadow: 0px 2px 6px #1018281A;
    font: var(--xs-500-font);
    color: #FCFCFC;
    padding: 6px 8px;
    border-radius: 6px;
    background: #344054;
    max-width: 290px;
    z-index: 100;
}
.ps-tooltip {
    display: none;
}

.ps-tooltip[data-show] {
    display: block;
}

.ps-tooltip__arrow,
.ps-tooltip__arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #344054;
}

.ps-tooltip__arrow {
    visibility: hidden;
}

.ps-tooltip__arrow::before {
    visibility: visible;
    content: '';
    transform: rotate(45deg);
}

.ps-tooltip[data-popper-placement^='top'] > .ps-tooltip__arrow {
    bottom: -4px;
}

.ps-tooltip[data-popper-placement^='bottom'] > .ps-tooltip__arrow {
    top: -4px;
}

.ps-tooltip[data-popper-placement^='left'] > .ps-tooltip__arrow {
    right: -4px;
}

.ps-tooltip[data-popper-placement^='right'] > .ps-tooltip__arrow {
    left: -4px;
}

@font-face {
    font-family: 'iconsax';
    src:
            url('https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/icons/iconsax.ttf?ie16m1') format('truetype'),
            url('https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/icons/iconsax.woff?ie16m1') format('woff'),
            url('https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/icons/iconsax.svg?ie16m1#iconsax') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"], .icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconsax' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-arrow-left:before {
    content: "\e900";
  
}
.icon-arrow-right:before {
    content: "\e901";
}
.icon-arrow-down:before {
    content: "\e902";
}
.icon-arrow-up:before {
    content: "\e903";
}
.icon-arrow2-left:before {
    content: "\e904";
}
.icon-arrow2-right:before {
    content: "\e905";
}
.icon-arrow2-down:before {
    content: "\e906";
}
.icon-arrow2-up:before {
    content: "\e907";
}
.icon-checkmark:before {
    content: "\e908";
}
.icon-success:before {
    content: "\e909";
}
.icon-error:before {
    content: "\e90a";
}
.icon-map-protection:before {
    content: "\e90e";
}
.icon-market-insight:before {
    content: "\e90f";
}
.icon-marketing-optimisation:before {
    content: "\e910";
}
.icon-download:before {
    content: "\e911";
}
.icon-blog:before {
    content: "\e912";
}
.icon-c-level-reports:before {
    content: "\e913";
}
.icon-competitor-monitoring:before {
    content: "\e914";
}
.icon-notification:before {
    content: "\e915";
}
.icon-explore-new-resellers-network:before {
    content: "\e916";
}
.icon-account-management:before {
    content: "\e917";
}
.icon-advanced-product-management:before {
    content: "\e918";
}
.icon-faq:before {
    content: "\e919";
}


.icon-tech-support:before {
    content: "\e91a";
}
.icon-webinar:before {
    content: "\e91b";
}
.icon-partners:before {
    content: "\e91c";
}
.icon-c-level-overview:before {
    content: "\e91d";
}
.icon-intelligent-prices:before {
    content: "\e91e";
}
.icon-hide-pass:before {
    content: "\e91f";
}
.icon-vuesax-bold-video-square:before {
    content: "\e920";
}
.icon-success-stories:before {
    content: "\e921";
}
.icon-integrations:before {
    content: "\e922";
}
.icon-career:before {
    content: "\e923";
}
.icon-customer-success:before {
    content: "\e924";
}
.icon-market-expansion:before {
    content: "\e925";
}
.icon-vuesax-bold-document-text:before {
    content: "\e926";
}
.icon-performance-insight:before {
    content: "\e927";
}
.icon-see-pass:before {
    content: "\e928";
}
.icon-team:before {
    content: "\e92a";
}
.icon-business-intelligence:before {
    content: "\e92b";
}
.icon-linkedin:before {
    content: "\e90b";
}
.icon-facebook:before {
    content: "\e90c";
}
.icon-instagram:before {
    content: "\e90d";
}
.icon-youtube:before {
    content: "\e929";
}
.icon-at:before {
    content: "\e92c";
}
.icon-tel:before {
    content: "\e92d";
}

.icon-rocket:before {
    content: "\e92e";
}
.icon-upload:before {
    content: "\e92f";
}
.icon-free-trial:before {
    content: "\e930";
}
.icon-instagramant-video-tour:before {
    content: "\e931";
}
.icon-personal-demo:before {
    content: "\e932";
}
.icon-plus:before {
    content: "\e933";
}
.icon-minus:before {
    content: "\e934";
}
.icon-tooltip:before {
    content: "\e935";
}
.icon-twitter:before {
    content: "\e936";
}
.icon-email:before {
    content: "\e937";
}

/* 29x */

.icon-priceshape{
    background-image: url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/assets/svg/priceshape.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
}
.icon-faq-navigation:before{
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0idnVlc2F4X2xpbmVhcl9tZXNzYWdlLXF1ZXN0aW9uIiBkYXRhLW5hbWU9InZ1ZXNheC9saW5lYXIvbWVzc2FnZS1xdWVzdGlvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYyMCAtMjUyKSI+CiAgICA8ZyBpZD0ibWVzc2FnZS1xdWVzdGlvbiI+CiAgICAgIDxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNSwxNkgxMUw2LjU1LDE4Ljk2QTEsMSwwLDAsMSw1LDE4LjEzVjE2YTQuNzI0LDQuNzI0LDAsMCwxLTUtNVY1QTQuNzI0LDQuNzI0LDAsMCwxLDUsMEgxNWE0LjcyNCw0LjcyNCwwLDAsMSw1LDV2NkE0LjcyNCw0LjcyNCwwLDAsMSwxNSwxNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYyMiAyNTQuNDMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxM2I4ODciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgICAgPHBhdGggaWQ9IlZlY3Rvci0yIiBkYXRhLW5hbWU9IlZlY3RvciIgZD0iTTEuNjYsNC41VjQuMjlBMS41NjcsMS41NjcsMCwwLDEsMi41LDIuOTZhMS41MzMsMS41MzMsMCwwLDAsLjgyLTEuM0ExLjY2LDEuNjYsMCwxLDAsMCwxLjY2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MzAuMzQgMjU4Ljg2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTNiODg3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgICAgIDxwYXRoIGlkPSJWZWN0b3ItMyIgZGF0YS1uYW1lPSJWZWN0b3IiIGQ9Ik0wLDBIMjRWMjRIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYyMCAyNTIpIiBmaWxsPSJub25lIiBvcGFjaXR5PSIwIi8+CiAgICAgIDxwYXRoIGlkPSJWZWN0b3ItNCIgZGF0YS1uYW1lPSJWZWN0b3IiIGQ9Ik0uNS41SC41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MzEuNSAyNjUuMjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxM2I4ODciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
}
.icon-priceshape:before{
    content: "\e92d";
    opacity: 0;
}

.icon-book-ic:before {
  content:url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/menu-icons/book-ic.svg");
}

.icon-border-data-ic:before {
  content:url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/menu-icons/border-data-ic.svg");
}

.icon-competitor-report-ic:before {
  content:url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/menu-icons/competitor-report-ic.svg");
}

.icon-market-data-ic:before {
  content:url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/menu-icons/market-data-ic.svg");
}

.icon-market-report-ic:before {
  content:url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/menu-icons/market-report-ic.svg");
}

.icon-press-release-ic:before {
  content:url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/menu-icons/press-release-ic.svg");
}

.icon-vendor-mng-ic:before {
  content:url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/menu-icons/vendor-mng-ic.svg");
}

.icon-video-tour-ic:before {
  content:url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/menu-icons/video-tour-ic.svg");
}

.icon-why-ps-ic:before {
  content:url("https://4630175.fs1.hubspotusercontent-eu1.net/hubfs/4630175/menu-icons/why-ps-ic.svg");
}
.ps-blog-post {

}

.ps-blog-post__header {
    background: var(--radial-gradient);
    margin-bottom: var(--v-spacing-10);
}
.ps-blog-post__header-container{
    max-width: var(--lg-1-container-max-width);
    margin: 0 auto;
}
.ps-blog-post__header-top {
    padding: 50px var(--container-x-spacing);
}
.ps-blog-post__header-top-container{
    max-width: var(--sm-2-container-max-width);
    margin: 0 auto;
}

.ps-blog-post__header-back-btn {
    margin-bottom: 10px;
}


.ps-blog-post__header-bottom {
    padding: 30px var(--container-x-spacing);
    background: var(--gunmetal-color);
    position: relative;
}
.ps-blog-post__header-bottom .ps-blog-post__header-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ps-blog-post__header-bottom:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--fading-border-gradient);
}

.ps-blog-post__header-bottom-left {
}


.ps-blog-post__header-author{
    display: flex;
    align-items: center;
    margin-top: auto;
}
.ps-blog-post__header-author-avatar{
    flex: 0 0 40px;
    margin-right: 12px;
    border-radius: 50%;
}
.ps-blog-post__header-author-avatar img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.ps-blog-post__header-author-main{
    flex: 1 1 auto;
}
.ps-blog-post__header-author-name{
    color: var(--pearl-white-color);
    font: var(--sm-600-font);
}
.ps-blog-post__header-author-name a{
    color: var(--pearl-white-color);
}
.ps-blog-post__header-author-name a:hover{
    color: var(--grayscale-5-color);
}
.ps-blog-post__header-author-date{
    color: var(--grayscale-5-color);
    font: var(--sm-500-font);
    text-transform: capitalize;
}


.ps-blog-post__header-bottom-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.ps-blog-post__header-reading-time {
    color: var(--grayscale-5-color);
    margin-bottom: 20px;
}

.ps-blog-post__header-social {                                   
    color: var(--grayscale-5-color);
    display: flex;
    margin-left: 60px;
    align-items: center;
}

.ps-blog-post__header-social ul {
    display: flex;
    padding: 0;
    list-style: none;
    margin: 0 0 0 24px;
}
.ps-blog-post__header-social ul li {
    margin-left: 15px;
    line-height: 0;
}
.ps-blog-post__header-social ul li:first-child{
    margin-left: 0;
}
.ps-blog-post__header-social li a {
    display: block;
}
.ps-blog-post__header-social .icon {
    font-size: 24px;
    color: var(--grayscale-5-color);
    display: block;
    transition: all 200ms;
}
.ps-blog-post__header-social .icon:hover {
    color: var(--pearl-white-color);
}
.ps-blog-post__body-container{
    padding: 0 var(--container-x-spacing);
    max-width: var(--lg-1-container-max-width);
    margin: 0 auto;
    box-sizing: content-box;
}

.ps-blog-post__body-container.has-table-of-contents{
    display: flex;
}
.ps-blog-post__body-container.has-table-of-contents .ps-blog-post__body{
    margin: 0;
}

.ps-blog-post__body-container.has-table-of-contents .ps-blog-post__table-of-contents{
    margin-right: 50px;
    padding-top: 30px;
    display: none;
    flex: 0 0 auto;
}
@media screen and (min-width: 768px){
    .ps-blog-post__body-container.has-table-of-contents .ps-blog-post__table-of-contents{
        margin-right: 25px;
        width: 200px;
        flex: 0 0 200px;
        display: block;
    }
}
@media screen and (min-width: 1024px){
    .ps-blog-post__body-container.has-table-of-contents .ps-blog-post__table-of-contents{
        margin-right: 50px;
    }
}
@media screen and (min-width: 1280px){
    .ps-blog-post__body-container.has-table-of-contents .ps-blog-post__table-of-contents{
        margin-right: 90px;
        width: 260px;
        flex: 0 0 260px;
    }
}
.ps-blog-post__body {
    font: var(--md-500-font);
    line-height: 27px;
    color: var(--grayscale-4-color);
    max-width: var(--md-1-container-max-width);
    margin: 0 auto;
}
.ps-blog-post__body h1,
.ps-blog-post__body h2,
.ps-blog-post__body h3,
.ps-blog-post__body h4,
.ps-blog-post__body h5,
.ps-blog-post__body h6 {
    margin-top: 1em;
    margin-bottom: 0.5em;
    line-height: 1.4em;
    color: var(--gunmetal-color);
}
.ps-blog-post__body h2 {
    font: var(--h2-font);
}
.ps-blog-post__body h3{
    font: var(--h3-font);
}
.ps-blog-post__body h5,
.ps-blog-post__body h6{
    font: var(--h5-font) !important;
}
.ps-blog-post__body em,
.ps-blog-post__body i{
    font-style: italic;
}

.ps-blog-post__body div,
.ps-blog-post__body picture,
.ps-blog-post__body img,
.ps-blog-post__body ul,
.ps-blog-post__body ol,
.ps-blog-post__body code,
.ps-blog-post__body blockquote,
.ps-blog-post__body table,
.ps-blog-post__body pre,
.ps-blog-post__body .hs-embed-wrapper,
.ps-blog-post__body p {
    margin-top: 5px;
    margin-bottom: 5px;
}
.ps-blog-post__body > .hs_cos_wrapper > picture,
.ps-blog-post__body > .hs_cos_wrapper > ul,
.ps-blog-post__body > .hs_cos_wrapper > ol,
.ps-blog-post__body >.hs_cos_wrapper > code,
.ps-blog-post__body > .hs_cos_wrapper > blockquote,
.ps-blog-post__body > .hs_cos_wrapper > table,
.ps-blog-post__body > .hs_cos_wrapper > pre,
.ps-blog-post__body > .hs_cos_wrapper > p
{
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}
.ps-blog-post__body figure.wp-block-embed.is-type-video{
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
.ps-blog-post__body hr{
    width: 16px;
    height: 16px;
    margin: 50px auto;
border-radius: 50%;
    position: relative;
    background-color: var(--grayscale-7-color);
}
.ps-blog-post__body hr:before,
.ps-blog-post__body hr:after{
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    right: calc(100% + 24px);
    top: 0;
    background: var(--grayscale-7-color);
    
}
.ps-blog-post__body hr:after{
    right: auto;
    left: calc(100% + 24px)
}


.ps-blog-post__body a{
    color: var(--brand-color);
}
.ps-blog-post__body a:hover{
    color: var(--brand-darken-1-color);
}

.ps-blog-post__body pre {
    overflow: auto;
}

.ps-blog-post__body code {
    vertical-align: bottom;
}

.ps-blog-post__body blockquote {
    border-left: 2px solid;
    padding-left: 25px;
}

.ps-blog-post__body img{
    max-width: 100%;
}
.ps-blog-post__body table th,
.ps-blog-post__body table td,
.ps-blog-post__body table{
    border: 1px solid var(--grayscale-5-color);
}

.ps-blog-post__header{color: var(--pearl-white-color);}

.ps-blog-post__header-tags svg{
    width: 16px;
    color: var(--pearl-white-color);
    position: relative;
    top: 2px;
}
.ps-blog-post__header-tags svg path{
    fill: var(--pearl-white-color);
}
.ps-blog-post__header-tags-link{
    color: var(--pearl-white-color);
    margin-left: 7px;
    font: var(--sm-400-font);
}
.ps-blog-post__header-tags-link:hover{
    color: var(--grayscale-5-color);
}

@media screen and (min-width: 1024px){
    .ps-blog-post__header-bottom-right {
        align-items: center;
        flex-direction: row;
    }
    .ps-blog-post__header-reading-time {
        margin-bottom: 0;
    }

    .ps-blog-post__body {
        font: var(--lg-500-font);
        line-height: 32px;
    }
}

/* Question box, added by 29x by request of PriceShape 10.01.2025 */
.question-box-container {
    display: flex;
    align-items: center;
    background-color: #F2F4F7;
    border-radius: 8px;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: none;
    flex-wrap: wrap;
  }
  .question-box-container img {
    width: 100%;
    height: auto;
    border-radius: 4px;
  }
  .question-box-image, .question-box-text {
    flex: 1;
    max-width: 50%;
    padding: 20px;
  }
  .question-box-text h2 {
    font-size: 24px;
    margin: 0 0 10px;
    color: #20274D;
  }
  .question-box-text p {
    font-size: 16px;
    margin: 0 0 20px;
    color: #4A4A4A;
  }
  .question-box-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #E94F38;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.3s;
  }
  .question-box-button:hover {
    background-color: #D0392B;
  }
  /* Mobile styles */
  @media (max-width: 768px) {
    .question-box-container {
      display: block;
      text-align: center;
    }
    .question-box-image, .question-box-text {
      max-width: 100%;
      padding: 10px;
    }
    .question-box-image {
      margin-bottom: 20px;
    }
  }

/* Utilities
Helper or utility rules that tweak Objects or Components by adjusting and override existing rules.
*/

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

.has-top-spacing-0{
  margin-top: 0;
}
.has-top-spacing-1{
  margin-top: var(--v-spacing-1);
}
.has-top-spacing-2{
  margin-top: var(--v-spacing-2);
}
.has-top-spacing-3{
  margin-top: var(--v-spacing-3);
}
.has-top-spacing-4{
  margin-top: var(--v-spacing-4);
}
.has-top-spacing-5{
  margin-top: var(--v-spacing-5);
}
.has-top-spacing-6{
  margin-top: var(--v-spacing-6);
}
.has-top-spacing-7{
  margin-top: var(--v-spacing-7);
}
.has-top-spacing-8{
  margin-top: var(--v-spacing-8);
}
.has-top-spacing-9{
  margin-top: var(--v-spacing-9);
}
.has-top-spacing-10{
  margin-top: var(--v-spacing-10);
}

.has-bottom-spacing-0{
  margin-bottom: 0;
}
.has-bottom-spacing-1{
  margin-bottom: var(--v-spacing-1);
}
.has-bottom-spacing-2{
  margin-bottom: var(--v-spacing-2);
}
.has-bottom-spacing-3{
  margin-bottom: var(--v-spacing-3);
}
.has-bottom-spacing-4{
  margin-bottom: var(--v-spacing-4);
}
.has-bottom-spacing-5{
  margin-bottom: var(--v-spacing-5);
}
.has-bottom-spacing-6{
  margin-bottom: var(--v-spacing-6);
}
.has-bottom-spacing-7{
  margin-bottom: var(--v-spacing-7);
}
.has-bottom-spacing-8{
  margin-bottom: var(--v-spacing-8);
}
.has-bottom-spacing-9{
  margin-bottom: var(--v-spacing-9);
}
.has-bottom-spacing-10{
  margin-bottom: var(--v-spacing-10);
}

.has-h-padding-5{
  padding-left: var(--h-col-spacing-5);
  padding-right: var(--h-col-spacing-5);
}


.has-max-width-sm-1{
  width: var(--sm-1-container-max-width);
  max-width: 100%;
}
.has-max-width-sm-2{
  width: var(--sm-2-container-max-width);
  max-width: 100%;
}
.has-max-width-md-1{
  width: var(--md-1-container-max-width);
  max-width: 100%;
}
.has-max-width-lg-1{
  width: var(--lg-1-container-max-width);
  max-width: 100%;
}
.has-max-width-lg-2{
  width: var(--lg-2-container-max-width);
  max-width: 100%;
}
.has-max-width-100p{
  width: var(--100p-container-max-width);
  max-width: 100%;
}

/* 3rd party
3rd party styles
*/

/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

.container {
    width: 100%;
    max-width: 100%;
    padding-right: var(--grid-x-spacing);
    padding-left: var(--grid-x-spacing);
    margin-right: auto;
    margin-left: auto;
}


.container-fluid {
    width: 100%;
    padding-right: var(--grid-x-spacing);
    padding-left: var(--grid-x-spacing);
    margin-right: auto;
    margin-left: auto;
}


.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: calc(var(--grid-x-spacing) * -1) !important;
    margin-left: calc(var(--grid-x-spacing) * -1) !important;
}

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

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: var(--grid-x-spacing);
    padding-left: var(--grid-x-spacing);
}

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

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

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

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

.order-first {
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 320px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.333333%;
    }
    .offset-sm-2 {
        margin-left: 16.666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.333333%;
    }
    .offset-sm-5 {
        margin-left: 41.666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.333333%;
    }
    .offset-sm-8 {
        margin-left: 66.666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.333333%;
    }
    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.333333%;
    }
    .offset-md-2 {
        margin-left: 16.666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.333333%;
    }
    .offset-md-5 {
        margin-left: 41.666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.333333%;
    }
    .offset-md-8 {
        margin-left: 66.666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.333333%;
    }
    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1024px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.333333%;
    }
    .offset-lg-2 {
        margin-left: 16.666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.333333%;
    }
    .offset-lg-5 {
        margin-left: 41.666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.333333%;
    }
    .offset-lg-8 {
        margin-left: 66.666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.333333%;
    }
    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1280px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.333333%;
    }
    .offset-xl-2 {
        margin-left: 16.666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.333333%;
    }
    .offset-xl-5 {
        margin-left: 41.666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.333333%;
    }
    .offset-xl-8 {
        margin-left: 66.666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.333333%;
    }
    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 320px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1024px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1280px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

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

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

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

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

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

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

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

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 320px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }
    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }
    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1024px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1280px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }
    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 320px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.5rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }
    .m-sm-n5 {
        margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }
    .m-md-n1 {
        margin: -0.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }
    .m-md-n3 {
        margin: -1rem !important;
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }
    .m-md-n4 {
        margin: -1.5rem !important;
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }
    .m-md-n5 {
        margin: -3rem !important;
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1024px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }
    .m-lg-n1 {
        margin: -0.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }
    .m-lg-n3 {
        margin: -1rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }
    .m-lg-n4 {
        margin: -1.5rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }
    .m-lg-n5 {
        margin: -3rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1280px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }
    .m-xl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xl-n3 {
        margin: -1rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }
    .m-xl-n4 {
        margin: -1.5rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }
    .m-xl-n5 {
        margin: -3rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}
/*# sourceMappingURL=bootstrap-grid.css.map */


/*
    module partials
*/
.ps-decoration{
    height: 100%;
}
.ps-decoration.has-border-radius {
    border-radius: 12px;
}
.ps-decoration.has-padding{
    padding: 30px;
}
.ps-decoration.has-shadow {
    box-shadow: 0px 8px 21px var(--shadow-color);
}
.ps-decoration.has-gradient {
    background: var(--angle-gradient);
}

@media screen and (min-width: 1280px) {
    .ps-decoration.has-padding{
        padding: 50px;
    }
}
.ps-spacing {
    display: flex;
}
.ps-spacing.is-aligned-left {
    justify-content: flex-start;
}
.ps-spacing.is-aligned-center {
    justify-content: center;
}
.ps-spacing.is-aligned-right {
    justify-content: flex-end;
}
.ps-spacing__container{
    flex: 0 1 auto;
}
[class^="col-"] {
    margin-top: var(--grid-y-spacing);
    margin-bottom: var(--grid-y-spacing);
}
.ps-card{
    border-radius: 12px;
    border: 1px solid var(--grayscale-8-color);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ps-card__image-container{
    height: 180px;
    flex: 0 0 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: var(--angle-gradient-2);
    position: relative;
}
.ps-card__image{
    max-height: 180px;
}
.ps-card__image-container.has-image-covering .ps-card__image{
    object-position: 50% 50%;
    object-fit: cover;
    max-width: none;
    min-width: 100%;
    min-height: 100%;
}

.ps-card__text-container{
    padding: 27px 32px;
    flex: 1;
    border-radius: 0 0 12px 12px;
    border-top: 0;
    display: flex;
    flex-direction: column;
}

.ps-card__reading-time{
    font: var(--sm-600-font);
    color: var(--grayscale-5-color);
    margin-bottom: 7px;
}
.ps-card__title{
    color: var(--gunmetal-color);

}
.ps-card__title a{
    color: var(--gunmetal-color);
}
.ps-card__title a:hover{
    color: var(--grayscale-1-color);
}
.ps-card__text{
    color: var(--grayscale-4-color);
    font: var(--md-500-font);
}
.ps-card__text > *:last-child {
    margin-bottom: 0;
}

.ps-card__author{
    display: flex;
    align-items: center;
    margin-top: auto;
    padding-top: 33px;
}
.ps-card__author-avatar{
    flex: 0 0 40px;
    margin-right: 12px;
}
.ps-card__author-avatar img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.ps-card__author-main{
    flex: 1 1 auto;
}
.ps-card__author-name{
    color: var(--gunmetal-color);
    font: var(--sm-600-font);
}
.ps-card__author-name a{
    color: var(--gunmetal-color);
}
.ps-card__author-name a:hover{
    color: var(--grayscale-1-color);
}
.ps-card__author-date{
    color: var(--grayscale-5-color);
    font: var(--sm-500-font);
    text-transform: capitalize;
}
.ps-card__tags{
    margin-top: 7px;
}
.ps-card__tags svg{
    width: 16px;
    color: var(--gunmetal-color);
    position: relative;
    top: 2px;
}
.ps-card__tags svg path{
    fill: var(--gunmetal-color);
}
.ps-card__tags-link{
    color: var(--gunmetal-color);
    margin-left: 7px;
    font: var(--sm-400-font);
}
.ps-card__tags-link:hover{
    color: var(--grayscale-1-color);
}

@media screen and (min-width: 768px){
    .ps-card__image-container{
        height: 280px;
        flex: 0 0 280px;
    }
    .ps-card__image{
        max-height: 280px;
    }
}
.ps-heading {
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: stretch;
}
.ps-heading__main {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ps-heading__media {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}
.ps-heading h1,
.ps-heading h2,
.ps-heading h3,
.ps-heading h4,
.ps-heading h5,
.ps-heading h6 {
    width: 100%;
    text-align: center;
}
.ps-heading h1,
.ps-heading h2{
    /*margin-bottom: 20px;*/
}
.ps-heading h3,
.ps-heading h4{
    /*margin-bottom: 15px;*/
}
.ps-heading h5,
.ps-heading h6 {
    /*margin-bottom: 8px;*/
}

.ps-heading h1:last-child,
.ps-heading h2:last-child,
.ps-heading h3:last-child,
.ps-heading h4:last-child,
.ps-heading h5:last-child,
.ps-heading h6:last-child {
    margin-bottom: 0;
}

.ps-heading__text {
    color: var(--light-text-color);
    font: var(--md-500-font);
    margin-bottom: 26px;
}
.ps-heading__text p:last-child{
    margin-bottom: 0;
}
.ps-heading h1 + .ps-heading__media + .ps-heading__text,
.ps-heading h1 + .ps-heading__text,
.ps-heading h2 + .ps-heading__media + .ps-heading__text,
.ps-heading h2 + .ps-heading__text {
    font: var(--lg-500-font);
}


.ps-heading h1 + .ps-heading__media,
.ps-heading h2 + .ps-heading__media{
    margin-top: 3px;
}
.ps-heading h3 + .ps-heading__media {
    margin-top: 11px;
}
.ps-heading h4 + .ps-heading__media{
    margin-top: 14px;
}
.ps-heading h5 + .ps-heading__media,
.ps-heading h6 + .ps-heading__media {
    margin-top: 17px;
}

.ps-heading h1 + .ps-heading__text,
.ps-heading h2 + .ps-heading__text{
    margin-bottom: 33px;
}
.ps-heading h3 + .ps-heading__text{
    margin-bottom: 22px;
}

.ps-heading h4 + .ps-heading__text,
.ps-heading h5 + .ps-heading__text,
.ps-heading h6 + .ps-heading__text {
    margin-bottom: 19px;
}

.ps-heading h1 + .ps-heading__footer,
.ps-heading h2 + .ps-heading__footer{
    margin-top: 5px;
}
.ps-heading h3 + .ps-heading__footer{
    margin-top: 7px;
}

.ps-heading h4 + .ps-heading__footer {
    margin-top: 11px;
}
.ps-heading h5 + .ps-heading__footer,
.ps-heading h6 + .ps-heading__footer {
    margin-top: 13px;
}


.ps-heading .ps-heading__text:last-child {
    margin-bottom: 0;
}

.ps-heading__prefix {
    font: var(--md-600-font);
    color: var(--gunmetal-color);
    margin: 0 auto 8px;
}

.ps-heading__prefix:before {
    content: "";
    border-top: 1px solid var(--brand-color);
    border-bottom: 1px solid var(--brand-color);
    width: 16px;
    margin-right: 10px;
    margin-left: -11px;
    position: relative;
    top: -4px;
    display: inline-block;
    vertical-align: center;
}
.ps-heading__prefix + .ps-heading__icon{
    margin-top: 20px;
}
.ps-heading__icon {
    border-radius: 50%;
    margin-bottom: 20px;
    background: #1677F91A;
}
.ps-heading__icon .icon {
    display: block;
    color: var(--blue-crayola-color);
    margin-right: -1px;
}

.ps-heading__icon.is-md,
.ps-heading__icon.is-lg {
    padding: 15px;
}
.ps-heading__icon.is-md .icon,
.ps-heading__icon.is-lg .icon {
    font-size: 24px;
}

.ps-heading *:last-child{
    margin-bottom: 0;
}

.ps-heading__footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto 0 24px;
}

.ps-heading__footer .ps-button,
.hs-button.primary.large {
    margin-bottom: 15px;
    width: 80%;
    max-width: 300px;
}
.ps-heading__footer .ps-button:last-child,
.hs-button.primary.large:last-child {
    margin-bottom: 0;
}


.ps-heading__form {
    width: 100%;
}

.ps-heading__media-list {
    margin-top: 24px;
    width: 100%;
}
.ps-heading__media-list .ps-media__img{
    margin: 0 auto;
}


.ps-heading.has-light-text-color .ps-heading__prefix {
    color: var(--pearl-white-color);
}
.ps-heading.has-light-text-color .ps-heading__icon {
    background: #FAFAFC1A;
}
.ps-heading.has-light-text-color .ps-heading__icon .icon {
    color: var(--pearl-white-color);
}

.ps-heading.has-light-text-color h1,
.ps-heading.has-light-text-color h2,
.ps-heading.has-light-text-color h3,
.ps-heading.has-light-text-color h4,
.ps-heading.has-light-text-color h5,
.ps-heading.has-light-text-color h6 {
    color: var(--pearl-white-color);
}
.ps-heading.has-light-text-color p,
.ps-heading.has-light-text-color .ps-heading__text p {
    color: var(--grayscale-7-color);
}

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

}

@media screen and (min-width: 1024px) {


    .ps-heading__icon.is-lg {
        padding: 15px;
    }
    .ps-heading__icon.is-lg .icon {
        font-size: 30px;
    }
    .ps-heading.is-aligned-left {
        text-align: left;
        display: flex;
        justify-content: stretch;
        align-items: flex-start;
        flex-direction: row;
    }
    .ps-heading.is-aligned-left .ps-heading__icon {
        margin-right: 30px;
    }
    .ps-heading.is-aligned-left .ps-heading__main {
        align-items: flex-start;
    }
    .ps-heading.is-aligned-left .ps-heading__prefix{
        margin: 0 0 8px;
    }
    .ps-heading.is-aligned-left .ps-heading__prefix:before {
              margin-left: 0;
    }
    .ps-heading.is-aligned-left h1,
    .ps-heading.is-aligned-left h2,
    .ps-heading.is-aligned-left h3,
    .ps-heading.is-aligned-left h4,
    .ps-heading.is-aligned-left h5,
    .ps-heading.is-aligned-left h6 {
        text-align: left;
    }
    .ps-heading.is-aligned-left p {
        text-align: left;
    }
    .ps-heading__footer {
        margin-top: auto;
        flex-direction: row;
    }
    .ps-heading.is-aligned-left .ps-heading__footer{
        align-items: flex-start;
        justify-content: flex-start;
    }

    .ps-heading.is-aligned-left .ps-heading__media-list .ps-media__img{
        margin: 0;
    }

    .ps-heading__footer .ps-button {
        margin-left: 12px;
        margin-right: 12px;
        margin-bottom: 0;
        min-width: 0;
        width: auto;
        max-width: none;
    }
    .ps-heading__footer .ps-button:first-child {
        margin-left: 0;
    }
    .ps-heading__footer .ps-button:last-child {
        margin-right: 0;
    }

}

@media screen and (min-width: 1280px) {
    .ps-heading__icon.is-lg {
        padding: 20px;
    }
    .ps-heading__icon.is-lg .icon {
        font-size: 40px;
    }
    .ps-heading.is-aligned-left .ps-heading__icon {
        margin-right: 30px;
    }
}



.ps-heading.is-aligned-always-left {
    text-align: left;
    display: flex;
    justify-content: stretch;
    align-items: flex-start;
    flex-direction: row;
}
.ps-heading.is-aligned-always-left .ps-heading__icon {
    margin-right: 30px;
}
.ps-heading.is-aligned-always-left .ps-heading__main {
    align-items: flex-start;
}
.ps-heading.is-aligned-always-left .ps-heading__prefix{
    margin: 0 0 8px;
}
.ps-heading.is-aligned-always-left .ps-heading__prefix:before {
    margin-left: 0;
}

.ps-heading.is-aligned-always-left h1,
.ps-heading.is-aligned-always-left h2,
.ps-heading.is-aligned-always-left h3,
.ps-heading.is-aligned-always-left h4,
.ps-heading.is-aligned-always-left h5,
.ps-heading.is-aligned-always-left h6 {
    text-align: left;
}
.ps-heading.is-aligned-always-left p {
    text-align: left;
}
.ps-heading.is-aligned-always-left .ps-heading__footer{
    align-items: flex-start;
    justify-content: flex-start;
}
@media screen and (min-width: 1280px) {
    .ps-heading.is-aligned-always-left .ps-heading__icon {
        margin-right: 30px;
    }
}



.ps-get-started__menu-item .ps-heading.is-aligned-always-left .ps-heading__icon,
.ps-get-started__menu-item .ps-heading.is-aligned-left .ps-heading__icon {
    margin-right: 15px !important;
    margin-bottom: 0 !important;
}
.ps-media{
    border-radius: 8px;
    overflow: hidden;
    display: block;
}
.ps-media__video{
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
}
.ps-media__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ps-media__img{
    max-width: 100%;
    display: block;
}
.ps-media__img img{
    border-radius: 8px;
}
/* 29x MP4 video addon */
.ps-media__img video {
  max-width:100%;
}
/* End 29x */
.ps-button {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    vertical-align: middle;
    transition: all 200ms ease-in-out;
    will-change: transform;

    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: nowrap;
    border-radius: 4px;
    cursor: pointer;
}

.ps-button:hover,
.ps-button:active,
.ps-button:focus {
    text-decoration: none;
}

.ps-button.has-icon-on-left {
    flex-direction: row;
}
.ps-button.has-icon-on-right {
    flex-direction: row-reverse;
}

/***************************************************/
/* Size
/***************************************************/
.ps-button.is-full-width {
    width: 100%;
}

.ps-button.is-sm-size {
    padding: 6px 16px 4px;
    height: 32px;
    font: var(--sm-600-font);
}

.ps-button.is-md-size {
    padding: 6px 24px 4px;
    height: 48px;
    font: var(--sm-600-font);
}

.ps-button.is-lg-size {
    padding: 6px 24px 4px;
    height: 56px;
    font: var(--md-600-font);
}

.ps-button .icon{
    font-size: 1em;
    margin-top: -2px;
    color: inherit;
}
.ps-button.has-icon-on-left .icon {
    margin-right: 0.6em;
    margin-left: -0.4em;
}
.ps-button.has-icon-on-right .icon {
    margin-left: 0.6em;
    margin-right: -0.4em;
}

/***************************************************/
/* Type
/***************************************************/
.ps-button.is-primary-type {
    background-color: var(--brand-color);
}
.ps-button.is-primary-type:hover {
    background-color: var(--brand-darken-1-color);
}
.ps-button.is-primary-type:active {
    background-color: var(--brand-darken-2-color);
}

.ps-button.is-secondary-type {
    background-color: var(--grayscale-9-color);
}
.ps-button.is-secondary-type:hover {
    background-color: var(--grayscale-8-color);
}
.ps-button.is-secondary-type:active {
    background-color: var(--grayscale-7-color);
}

.ps-button.is-outline-type {
    border: 1px solid;
    background-color: transparent;
}
.ps-button.is-outline-type:hover {
    background-color: var(--grayscale-9-color);
}
.ps-button.is-outline-type:active {
    background-color: var(--grayscale-8-color);
}

.ps-button.is-ghost-type {
    background-color: transparent;
}
.ps-button.is-ghost-type:hover {
    background-color: var(--grayscale-8-color);
}
.ps-button.is-ghost-type:active {
    background-color: var(--grayscale-7-color);
}

.ps-button.is-link-type {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
}
.ps-button.is-link-type.has-icon-on-left .icon {
    margin-left: 0;
}
.ps-button.is-link-type.has-icon-on-right .icon {
    margin-right: 0;
}


.ps-button.has-white-text-color{
    color: var(--pearl-white-color);
}
.ps-button.is-ghost-type.has-white-text-color:hover,
.ps-button.is-link-type.has-white-text-color:hover{
    color: var(--grayscale-5-color);
}
.ps-button.has-gunmetal-text-color{
    color: var(--gunmetal-color);
}
.ps-button.has-brand-text-color{
    color: var(--brand-color);
}
.ps-button.has-blue-crayola-text-color{
    color: var(--blue-crayola-color);
}

/***************************************************/
/* Other buttons
/***************************************************/
.btn-burger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    left: 0;
    top: 0;
    z-index: 101;
    width: 22px;
    height: 21px;
    cursor: pointer;
    transition: transform 330ms ease-out;
}
.btn-burger__line {
    background-color: var(--brand-color);
    border-radius: 5px;
    width: 100%;
    height: 3px;
}
.btn-burger__line.m--half {
    width: 100%;
}
.btn-burger__line.m--start {
    transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
    transform-origin: right;
}
.btn-burger__line.m--end {
    align-self: flex-end;
    transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
    transform-origin: left;
}
.btn-burger.is-cross {
    transform: rotate(-45deg);
}
.btn-burger.is-cross .btn-burger__line.m--start {
    transform: rotate(-90deg) translateX(2px);
    width: 50%;
}
.btn-burger.is-cross .btn-burger__line.m--end {
    transform: rotate(-90deg) translateX(-2px);
    width: 50%;
}


.hs-button.primary.large{
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    vertical-align: middle;
    transition: all 200ms ease-in-out;
    will-change: transform;
    white-space: nowrap;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    border-radius: 4px;
    color: #ffffff;
    background-color: var(--brand-color);
    padding: 5px 24px;
    height: 48px;
    font: var(--sm-600-font);
    border: 0;
    cursor: pointer;
}
.hs-button.primary.large:hover {
    background-color: var(--brand-darken-1-color);
}
.hs-button.primary.large:active {
    background-color: var(--brand-darken-2-color);
}


@media screen and (max-width: 1023px){
    .ps-button.is-md-size,
    .hs-button.primary.large{
       /* height: 32px;
        font: var(--sm-600-font);*/
    }
    .ps-button.is-lg-size {
       /* height: 48px;
        font: var(--sm-600-font);*/
    }
}