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


.padding-page {
  padding-top: 1.5rem;
}

.grid-page {
  padding: 1rem;
  margin: 0 0.75rem;
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  flex-direction: column;
  align-items: center;
  overflow: visible;
  justify-content: flex-start;
}

.categories-wrapper {
  grid-column: span 3/span 3;
  align-self: flex-start;
  display: block;
  max-width: 250px;
}

.categories-cotnent {
  grid-column: span 9/span 9;
  display: block;
}

.tutorials-row1-page {
  padding-bottom: 3.5rem;
  padding-top: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.categories-cotnent h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: -0.05em;
  font-weight: 800;
}

.tutorials-row1-page > div {
  max-width: 80rem;
  margin: 0 auto;
}

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

.tutorials-row1-page ul {
  padding-left: 1rem;
}
.tutorials-row1-page p {
  color: rgba(17,24,39);
}
.video-section h3 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding-top: 2.5rem;
  font-weight: 800;
  letter-spacing: -0.05em;
  color: rgba(17,24,39);
}

.video-wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
  -ms-flex: 0 0 66.66666667%;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding-right: 0.75rem;
}

.video-wrapper > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 62.5%;
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  vertical-align: middle;
}
.categories-wrapper {
  position: sticky;
  top: 0;
}

.tutorials-row1-page p {
  margin-bottom: 1em;
  margin-top: 0.75rem;
  font-size: 16px;
  line-height: 1.5rem;
}

.tutorials-row1-page strong {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: rgba(17,24,39);
}

.tutorials-row1-page h4 {
  color: rgba(17,24,39);
  font-weight: 800;
  margin: 0;
}
.categories-cotnent h2 {
  color: rgba(17,24,39);
}
.categories-cotnent hr {
  border: 1px solid #e5e7eb;
  height: 0;
  margin-top: 2rem;
  margin-bottom: 2.5rem;
}

@media(max-width:767px){
  .categories-wrapper {
    display: none;
  } 
  .tutorials-row1-page {
    padding: 3rem 2rem 3.5rem;
    padding: 0;
  }
  .grid-page {
    display: block;
    max-width: 32rem;
    margin: 0 auto;
  }
  .grid-page {
    display: block;
    max-width: 32rem;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

@media(max-width:639px){
  .grid-page {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/*! 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;
}

/* 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;
}
:root {
	--color-gray: #5e5c64;
  --color-orange: #ff6b00;
}
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.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: 0px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -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%;
    *width: 99.94680850063828%;
}

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

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

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

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

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

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

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

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

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

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

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

.container-fluid {
    *zoom: 1;
}

.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%;
        *zoom: 1;
    }

    .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: 0px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -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%;
        *width: 99.9468085036383%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .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: 0px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -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%;
        *width: 99.94680851063829%;
    }

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

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

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

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

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

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

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

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

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

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

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

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.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 ;
    }
}
.page-center,  .dnd-section > .row-fluid, .content-wrapper {
  padding:0 12px;
  margin:0 auto;
}
.dnd-section .dnd-column {
  padding: 0 20px;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}
@font-face { 
  font-family: "feather"; src: url(https://7742518.fs1.hubspotusercontent-na1.net/hubfs/7742518/Charm_October2022/Fonts/feather-webfont.cc5143b2b877.eot) format("embedded-opentype"), 
    url(https://7742518.fs1.hubspotusercontent-na1.net/hubfs/7742518/raw_assets/public/Charm_October2022/fonts/feather-webfont.2cf523cd335b.woff) format("woff"), 
    url(https://7742518.fs1.hubspotusercontent-na1.net/hubfs/7742518/raw_assets/public/Charm_October2022/fonts/feather-webfont.b8e9cbc7ac23.ttf) format("truetype"); 
}

@font-face { 
  font-family: Avenir Next W02; src: url(https://7742518.fs1.hubspotusercontent-na1.net/hubfs/7742518/raw_assets/public/Charm_October2022/fonts/AvenirNext-Regular.woff2) format("woff2"), 
    url(https://7742518.fs1.hubspotusercontent-na1.net/hubfs/7742518/raw_assets/public/Charm_October2022/fonts/AvenirNext-Regular.woff) format("woff"); 
}

@font-face { 
  font-family: Avenir Next W02; src: url(https://7742518.fs1.hubspotusercontent-na1.net/hubfs/7742518/raw_assets/public/Charm_October2022/fonts/AvenirNext-Medium.woff2) format("woff2"), 
    url(https://7742518.fs1.hubspotusercontent-na1.net/hubfs/7742518/raw_assets/public/Charm_October2022/fonts/AvenirNext-Medium.woff) format("woff"); font-weight: 500; 
}

@font-face { 
  font-family: Avenir Next W02; src: url(https://7742518.fs1.hubspotusercontent-na1.net/hubfs/7742518/raw_assets/public/Charm_October2022/fonts/AvenirNext-Demi.woff2) format("woff2"), 
    url(https://7742518.fs1.hubspotusercontent-na1.net/hubfs/7742518/raw_assets/public/Charm_October2022/fonts/AvenirNext-Demi.woff2) format("woff"); font-weight: 600; 
}

@font-face { 
  font-family: spacesword; src: url(https://7742518.fs1.hubspotusercontent-na1.net/hubfs/7742518/raw_assets/public/Charm_October2022/fonts/spacesword-low.woff2) format("woff2"), 
    url(https://7742518.fs1.hubspotusercontent-na1.net/hubfs/7742518/raw_assets/public/Charm_October2022/fonts/spacesword-low.woff) format("woff"); 
}
@font-face { font-family: "intercom-font"; src: url("https://js.intercomcdn.com/fonts/proximanova-regular.a7942249.woff") format("woff"); font-display: swap; }

@font-face { font-family: "intercom-font"; src: url("https://js.intercomcdn.com/fonts/proximanova-regular-italic.053a1112.woff") format("woff"); font-style: italic; font-display: swap; }

@font-face { font-family: "intercom-font"; src: url("https://js.intercomcdn.com/fonts/proximanova-semibold.46e3f047.woff") format("woff"); font-weight: bold; font-display: swap; }

body {
  line-height: 1.5;
  word-break: break-word;
  background-color: #fcfcfc;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-font-feature-settings: "liga" 0;
  font-feature-settings: "liga" 0;
}

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

/* Paragraphs */

p {
  margin: 0 0 1em;
}

/* Anchors */

a {
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
a:hover {
  text-decoration: underline;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.66em;
  line-height: 1.5;
}
h1, h2 {
 letter-spacing: -1.6px; 
}
/* Lists */

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

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

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

/* Code blocks */

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1rem;
  padding-left: 2rem;
  font-style: italic;
}

/* Horizontal rules */

hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 0;
  border-top: 1px solid rgba(0, 40, 100, 0.12);
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  background: none;
}

img {
  max-width:100%;
  vertical-align: middle;
  display: block;
}

/* fontsize utility */
.fs-h1 {
 font-size: 40px !important; 
}
@media screen and (min-width: 768px) {
  .fs-d-52 {
    font-size: 52px; 
  }
  .fs-d-20 {
    font-size: 20px; 
  }
  .align-d-center {
    text-align: center; 
  }
}
@media screen and (max-width: 767px) {
  .fs-m-30 {
    font-size: 30px !important
  }
}
button,
.button {
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

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

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

button:active,
.button:active {
  text-decoration: none;
}
.button-primary {
  display: block;
  max-width: 200px;
  margin-top: 20px;
  padding: 13px 30px;
  font-size: 16px;
  font-weight: 700;  
  text-align: center;
  text-decoration: none;
  background-color: #ff6b00;
  border-radius: 50px;
  color: #fff !important;
  transition: .3s ease-in-out;  
}
.button-primary:hover {
  background: #fbae41;  
}
/* Form fields */

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

/* Labels */

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

/* Help text - legends */

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 {
  background-color: #FFF;
  border: 2px solid;
  border-radius: 3px;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

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

/* Inputs - checkbox/radio */

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

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

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

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

/* Inputs - datepicker */

.hs-dateinput {
  position: relative;
}

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

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

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

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

/* Inputs - file picker */

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

/* Headings and text */

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

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

/* GDPR */

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

/* Validation */

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

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

.hs-error-msg, form label.hs-main-font-element {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight:700px;
  margin:10px 0;
  font-family: arial, helvetica, sans-serif;
  line-height:1;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Table */

table {
  border: 1px solid;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table Cells */

th,
td {
  border: 1px solid;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */

thead th,
thead td {
  border-bottom: 2px solid;
  vertical-align: bottom;
}
header .cm-wrapper {
  padding: 16px;
  margin: 0 12px;
}

header.header {
  z-index: 50;
  width: 100%;
  z-index: 50;
  background-color: #fcfcfc;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
}

header .cm-top {
  display: flex;
  flex-grow: 1;
}

header .cm-logo {
  display: flex;
  align-items: center;
  margin-right: 2rem;
}

header .cm-logo img {
  padding-bottom: 0.25rem;
  width: 100% !important;
  max-width: 9rem;
}

header .cm-toggle {
  display: none;
}

header .cm-right {
  display: flex;
  align-items: center;
  flex: 1 1 0%;
  justify-content: space-between;
  margin: 0 12px;
}

header .submenu.level-1 {
  display: flex;
}
header .submenu a:hover {
 text-decoration: none; 
}
header .submenu.level-1 > li > a {
  padding-top: 8px;
  display: block;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: rgba(107,114,128,1);
}

header .submenu.level-1 > li:not(:first-child) > a {
  margin-left: 40px;
}

header .submenu.level-1 > li.has-submenu {
  position: relative;
}

header .submenu.level-1 > li.has-submenu  > a {
  padding-left: 7.5px;
  padding-right: 7.5px;
  display: inline-flex;
  align-items: center;
  word-break: normal;
  padding-top:0;
  margin-top:8px;
  outline-offset: 2px;
  outline: solid 0.125rem transparent;
}
header .submenu.level-1>li.has-submenu>a:focus {
  border-radius: 0.375rem;
  outline: solid 0.125rem #fdb667;

}

header .submenu.level-2 {
  display: none;
}

header .submenu.level-1 > li.has-submenu svg {
  overflow: hidden;
  margin: 4px 0 0 4px;
  width: 1rem;
  height: 1rem;
}

header .cm-btns {
  display: flex;
  align-items: center;
  margin-left: 3rem;
}
header .cm-btns  .cm-login a {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: rgba(107,114,128,1);
  white-space: nowrap;
}

header .cm-btns .cm-signup a {
  background-color: #ea580c;
  color: #fff;
  padding: 8px 16px;
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
  margin-left: 4rem;
  border: 1px solid rgba(0, 40, 100, 0.12);
  white-space: nowrap;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  border-radius: 0.375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

header .submenu.level-1>li:last-child>a {
  color: #ff6b00;
  padding: 12px;
  line-height: 1rem;
  font-weight: 500;
  font-size: .875rem;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
/*
header .submenu.level-1>li:last-child>a:before {
  font-family: 'feather' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e935";
  margin-right:5.5px;
}
*/
header .submenu.level-1>li>a:hover {
  color: #ff6b00;
}

header .submenu.level-1>li:last-child>a:hover {
  color: rgba(107,114,128,1);
}
/*
header .submenu.level-1>li:last-child>a:hover span, header .submenu.level-1>li:last-child>a:hover:before {
  color: #ff6b00;
}
*/

header .cm-btns .cm-login a:hover {
  color: #ff6b00;
}

header .cm-bottom {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
  height: 4rem;
  position: relative;
}

header .cm-bottom input.hs-search-field__input {
  background-color: #fff;
  height: 3rem;
  border: 1px solid rgba(0, 40, 100, 0.12);
  display: inline-flex;
  padding-left: 2.75rem;
  border-radius: .5rem;
}

header .cm-bottom .cm-icon {
  padding-left: 0.75rem;
  left: 0;
  top: 21px;
  bottom: -0.75rem;
  display: flex;
  align-items: center;
  position: absolute;
  pointer-events: none;
}

header .cm-bottom .cm-icon svg {
  height: 1.5rem;
  overflow: hidden;
  width: 1.5rem;
  color: rgba(156,163,175, 1);
}
header .submenu.level-1>li:last-child>a {
  text-align: center;
}
header .submenu.level-1>li>a {
  word-break: normal;
}
header .cm-bottom input.hs-search-field__input {
  font-size: 18px;
  color: #000;
  line-height: 1.5;
}
header .hs-search-field--open .hs-search-field__suggestions {
  background-color: #fff;
  position: absolute;
  width: 100%;
}
header .hs-search-field--open .hs-search-field__suggestions li:first-child {
  padding: 5px 10px;
}
header .hs-search-field--open .hs-search-field__suggestions li:not(:first-child) a {
  padding: 5px 10px;
}
header .submenu.level-2 {
  position: absolute;
  width: 15rem;
  margin-top: 29px;
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
  border-radius: 0 0 0.375rem 0.375rem;
  transform-origin: top right;
  z-index: 20;
  right: 0;
  background-color: #fff;
  padding: 20px;
  font-size: .875rem;
  line-height: 1.25rem;
}
header.scrolled .submenu.level-2 {
	margin-top: 20px;
}
@media screen and (min-width: 1200px) {
	header nav.staging li#brandcategories .submenu.level-2 {
		width: 550px;
		columns: 2;
	}
}
header .submenu.level-2 li a {
  padding: 8px 16px;
  margin-top: 8px;
  color: rgba(107,114,128,1);
  font-weight: 600;
  display: block;
}

header nav.staging .submenu.level-1>li.has-submenu svg {
 display: none; 
}
header .submenu.level-1>li.has-submenu.child-open svg {
  transform: rotate(180deg);
}

header .submenu.level-1>li.has-submenu svg {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4,0,0.2,1);
  transition-duration: .2s;
}
header .submenu.level-2 li a:hover {
  color: #ff6b00;
}
.no-search header .cm-wrapper .cm-bottom {
  display: none;
}
.no-search .head-wrap {
  min-height: 74px;
}
header .cm-bottom form {
  display: flex;
  position: relative;
}

header .cm-bottom form button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: rgba(243,244,246,1);
  border-color: rgba(229,231,235,1);
  padding-top: 8px;
  padding-bottom: 8px;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

header .cm-bottom form button svg {
  display: none;
}

header .cm-bottom form button:before {
  content: 'Search';
  color: rgba(55,65,81,1);
  font-size: 1rem;
  line-height: 1.5rem;
}
header .cm-bottom input.hs-search-field__input:focus {
  outline-color: #000;
}
/*
header .submenu.level-1>li>a.active-item:after, header .submenu.level-1>li>a.active-branch:after {
    content: '';
    display: block;
    bottom: -6px;
    background: #ea580c;
    position: absolute;
    width: 100%;
    height: 1px;
}
*/
header .submenu.level-1>li>a.active-branch, header .submenu.level-1>li>a.active-item {
  position: relative;
}
header .submenu.level-1>li>a.active-branch:after {
    left: 0;
    bottom: -3px;
}
.cm-orange-bar {
  min-height: 102px;
  padding: 8px 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
  background-color: rgb(255, 107, 0);
}
.cm-orange-bar .cm-wrapper {
  display: flex;
  flex-direction: row;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  position: relative;
  padding-left: 32px;
  padding-right: 32px;
}
.cm-orange-bar  .cm-container {
  display: flex;
  flex-flow: row wrap;
  max-width: 960px;
  padding-right: 16px;
}
.cm-orange-bar  .cm-text {
  font-size: 16px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-family: "intercom-font", "Helvetica Neue", "Apple Color Emoji", Helvetica, Arial, sans-serif;
  font-size-adjust: none;
  font-style: normal;
  letter-spacing: normal;
  font-stretch: normal;
  font-variant: normal;
  font-weight: normal;
  text-align: left;
  text-align-last: initial;
  text-emphasis: none currentcolor;
  text-indent: 0px;
  text-justify: auto;
  text-shadow: none;
  text-transform: none;
  padding: 6px 16px 6px 0px;
}

.cm-orange-bar .cm-link {
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  align-self: baseline;
  padding: 6px 16px 6px 0px;
}

.cm-orange-bar .cm-link a {
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
  display: block;
  border-bottom: 2px solid rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}
.cm-orange-bar .cm-link a:hover {
  border-bottom: 2px solid transparent;
}


.cm-sticky {
  position: sticky;
  top: 0;
  z-index:999;
}
.body-wrapper {
  position: relative;
}


@media (min-width:768px) {
  .mobile-menu {
    display: none !important;
  }
}

@media (max-width:1199px) {
  header .submenu.level-1>li>a {
    font-size: 1rem;
  }
  header .submenu.level-1>li:not(:first-child)>a {
    margin-left: 1rem;
  }
  header .cm-btns {
    margin-left: 1rem;
  }
  header .cm-btns .cm-signup a {
    margin-left: 1rem;
  }
}
@media (max-width:1023px) {
  header .submenu.level-1>li.has-submenu a {
    padding-left: 0;
    padding-right: 0;
  }
  header .submenu.level-1>li>a {
    font-size: 13px;
  }
  header .submenu.level-1>li:last-child>a {
    padding: 10px 5px;
    font-size: 13px;
  }
  header .cm-btns, header .cm-btns .cm-signup a, header .submenu.level-1>li:not(:first-child)>a {
    margin-left: 8px;
  }
  header .cm-logo {
    margin-right: 0;
  }
  header .cm-btns .cm-login a, header .cm-btns .cm-signup a {
    font-size: 14px;
  }
  header .cm-right {
    margin-right: 0;
  }
  header .cm-btns .cm-signup a {
    padding: 8px;
  }
}
@media (max-width:767px) {
  .menu-open .mobile-menu {
    display: block;
  }
  .no-search .head-wrap {
    min-height: 64px;
  }
  header .cm-right {
    display: none;
  }
  header .cm-logo img {
    max-width: 6rem;
  }
  header .cm-bottom {
    padding-bottom: 0;
  }
  header .cm-toggle {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    margin: -.5rem -.5rem -.5rem 0;
  }
  header .cm-toggle .toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    padding: 0.5rem;
    color: rgba(156,163,175,1);
    cursor:pointer;
  }
  header .cm-toggle svg {
    width: 27px;
    height: 21px;
  }
  header .cm-bottom .cm-icon {
    top: 19px;
  }
  .mobile-menu {
    display: none;
  }

  .mobile-menu {
    padding: 0.5rem;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms;
    z-index: 20;
    left: 0;
    right: 0;
    position: absolute;
  }

  .mobile-menu .menu-wrapper {
    background-color: #fff;
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
    border-radius: 0.5rem;
  }

  header .mobile-menu .cm-top {
    padding: 1.5rem;
    display: block;
  }

  header .mobile-menu .cm-close {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  header .mobile-menu .cm-menu {
    margin-top: 2rem;
  }

  .mobile-menu .hs-menu-wrapper > ul {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 1rem;
    row-gap: 2rem;
  }

  .mobile-menu .hs-menu-wrapper > ul li a {
    display: flex;
    padding: 0.75rem;
    align-items: center;
    border-radius: 0.5rem;
    margin: -0.75rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    color: rgba(17,24,39,1);
  }

  .mobile-menu .hs-menu-wrapper > ul li a i {
    background-color: #ff6b00;
    width: 3rem;
    height: 3rem;
    border-radius: 0.375rem;
    align-items: center;
    justify-content: center;
    margin-right: 0.75rem;
  }

  header .mobile-menu  .cm-bottom {
    height: auto;
    padding: 24px 24px 32px;
    border-top: 2px solid rgba(249,250,251,1);
  }

  header .mobile-menu .cm-bottom .cm-links p {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 1rem;
    margin: 0;
  }

  header .mobile-menu .cm-bottom .cm-links a {
    font-size: 1rem;
    line-height: 1.5rem;
    color: rgba(17,24,39,1);
    font-weight: 500;
  }

  header .mobile-menu .cm-mobile-signup a {
    margin-top: 1.5rem;
    background-color: #ea580c;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    padding: 8px 16px;
    border: 1px solid rgba(0, 40, 100, 0.12);
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
  }

  header .mobile-menu  .login-link p {
    margin-top: 1rem;
    margin-bottom: 0;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: rgba(107,114,128,1);
  }
  .mobile-menu .hs-menu-wrapper>ul li a i:before {
    content: '';
    width: 2rem;
    height: 2rem;
    display: block;
    margin: 0.5rem auto;
  }
  .mobile-menu .hs-menu-wrapper>ul li:first-child a i:before {
    background-image: url("data:image/svg+xml,%3Csvg class='h-6 w-6' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E");
  }
  .mobile-menu .hs-menu-wrapper>ul li:nth-child(2) a i:before {
    background-image: url("data:image/svg+xml,%3Csvg class='h-6 w-6' x-description='Heroicon name: chart-bar' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff' aria-hidden='true'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z'%3E%3C/path%3E%3C/svg%3E");
  }
  .mobile-menu .hs-menu-wrapper>ul li:nth-child(3) a i:before {
    background-image: url("data:image/svg+xml,%3Csvg class='h-6 w-6' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 10h16M4 14h16M4 18h16'%3E%3C/path%3E%3C/svg%3E");
  }
  .mobile-menu .hs-menu-wrapper>ul li:nth-child(4) a i:before {
    background-image: url("data:image/svg+xml,%3Csvg class='h-6 w-6' x-description='Heroicon name: view-grid' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff' aria-hidden='true'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z'%3E%3C/path%3E%3C/svg%3E");
  }
  .mobile-menu .hs-menu-wrapper>ul li a:hover {
    text-decoration-color: #ff6b00;
  }
  header .mobile-menu .cm-close .close-btn {
    position: relative;
    z-index: 999;
  } 
  header .cm-bottom form button { 
    padding-left:1rem;
    padding-right:1rem;
  }
}
@media (max-width:639px) {
  .no-search .head-wrap {
    min-height: 67.64px;
  }
  header .cm-logo img {
    max-width: 9rem;
  }
  header .cm-bottom .cm-icon {
    top: 21px;
  }
  .mobile-menu .hs-menu-wrapper>ul {
    gap: 1.75rem; 
    grid-template-columns: repeat(1,minmax(0,1fr));
  }
  header .mobile-menu .cm-menu {
    margin-top: 0;
  }
  .mobile-menu .hs-menu-wrapper>ul li a i {
    height: 40px;
    width: 40px;
  }
  .mobile-menu .hs-menu-wrapper>ul li a i:before {
    margin: 4px auto;
  }
}

/* December 2023 Header */
@media (max-width: 639px) {
  .head-wrap {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .head-wrap {
    margin-bottom: 50px;
  }
}

.head-wrap header.header {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: rgba(252, 252, 252, 0);
  box-shadow: none;
}
.head-wrap header.header .cm-wrapper {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0;
  padding: 16px 21px;
  display: flex;
}
@media (min-width: 1200px) {
  .head-wrap header.header .cm-wrapper {
    padding: 40px 20px;
  }
}
@media (min-width: 1400px) {
  .head-wrap header.header .cm-wrapper {
    padding: 40px 40px;
  }
}
@media (min-width: 1600px) {
  .head-wrap header.header .cm-wrapper {
    padding: 40px 50px;
  }
}
@media (min-width: 1700px) {
  .head-wrap header.header .cm-wrapper {
    padding: 40px 90px;
  }
}
.head-wrap header.header .cm-wrapper .cm-top {
  position: relative;
}
@media (min-width: 768px) {
  .head-wrap header.header .cm-wrapper .cm-right {
    display: none;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .cm-wrapper .cm-right {
    display: flex;
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .head-wrap header.header .cm-wrapper .cm-right {
    margin: 0 0 0 12px;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .cm-wrapper .cm-right .main-nav {
    display: none;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .cm-wrapper .cm-right .main-nav {
    display: block !important;
    position: relative;
  }
}
@media (max-width: 576px) {
	.head-wrap header.header .cm-wrapper, .head-wrap header.header.scrolled .cm-wrapper {
		height: 50px !important;
		padding: 13px 20px !important;
	}
}
.head-wrap header.header .mobile-menu .hs-menu-wrapper > ul li a {
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  color: #000;
}
.head-wrap header.header .mobile-menu .cm-bottom .cm-links a {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #000;
}
.head-wrap header.header .mobile-menu .cm-mobile-signup a {
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  box-shadow: none;
  border: none;
  border-radius: 25px;
  background-color: #FF6B00;
}
.head-wrap header.header .mobile-menu .login-link p,
.head-wrap header.header .mobile-menu .login-link a {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #000;
}
.head-wrap header.header .mobile-menu .login-link a {
  color: #FF6B00;
}
@media (min-width: 1200px) {
  .head-wrap header.header .submenu.level-1 {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .submenu.level-1 li:first-child .submenu.level-2 {
    left: -2px;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .submenu.level-1 > li > a {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    line-height: 1;
    color: #000;
    margin-top: 0;
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .submenu.level-1 > li > a {
    font-size: 13px;
  }
}
@media (min-width: 1400px) {
  .head-wrap header.header .submenu.level-1 > li > a {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .head-wrap header.header .submenu.level-1 > li > a {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .submenu.level-1 > li:not(:first-child) > a {
    margin-left: 24px;
  }
}
@media (min-width: 1400px) {
  .head-wrap header.header .submenu.level-1 > li:not(:first-child) > a {
    margin-left: 20px;
  }
}
@media (min-width: 1600px) {
  .head-wrap header.header .submenu.level-1 > li:not(:first-child) > a {
    margin-left: 40px;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .submenu.level-1 > li.has-submenu > a:focus {
    outline: 0.125rem solid #FF6B00;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .submenu.level-1 > li:last-child > a {
    text-align: center;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    align-items: baseline;
  }
}
.head-wrap header.header .submenu.level-1 > li:last-child > a:before {
  content: '';
}
@media (min-width: 768px) {
  .head-wrap header.header .cm-btns .cm-login a {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 1;
    color: #000;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .cm-btns .cm-login a {
    font-size: 13px;
  }
}
@media (min-width: 1400px) {
  .head-wrap header.header .cm-btns .cm-login a {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .head-wrap header.header .cm-btns .cm-login a {
    font-size: 16px;
  }
}
.head-wrap header.header .submenu.level-2 {
  transform-origin: top left;
  right: auto;
  left: 45px;
}
.head-wrap header.header .submenu.level-2 li a {
	margin: 0;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #000;
}
@media (min-width: 1200px) {
  .head-wrap header.header .cm-btns a.btn-primary.desktop {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #FF6B00;
    border-radius: 50px;
    text-align: center;
    width: 120px;
    height: 38px;
    text-decoration: none;
    margin: 0 0 0 20px;
    display: block !important;
  }
}
@media (min-width: 1400px) {
  .head-wrap header.header .cm-btns a.btn-primary.desktop {
    width: 140px;
    height: 45px;
  }
}
@media (min-width: 1600px) {
  .head-wrap header.header .cm-btns a.btn-primary.desktop {
    border-radius: 50px;
    width: 184px;
    height: 56px;
    margin: 0 0 0 36px;
  }
}
.head-wrap header.header .cm-btns a.btn-primary.desktop p {
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-size: 11px;
  line-height: 38px;
  margin: 0;
}
@media (min-width: 1400px) {
  .head-wrap header.header .cm-btns a.btn-primary.desktop p {
    font-size: 14px;
    line-height: 45px;
  }
}
@media (min-width: 1600px) {
  .head-wrap header.header .cm-btns a.btn-primary.desktop p {
    font-size: 16px;
    line-height: 56px;
  }
}
.head-wrap header.header .cm-btns a.btn-primary.desktop:hover {
  background-color: #FBAE41;
}
@media (min-width: 768px) {
  .head-wrap header.header .cm-btns .cm-signup a {
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 1;
    color: #000;
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding: 0;
    margin-left: 40px;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .cm-btns .cm-signup a {
    font-size: 13px;
  }
}
@media (min-width: 1400px) {
  .head-wrap header.header .cm-btns .cm-signup a {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  .head-wrap header.header .cm-btns .cm-signup a {
    font-size: 16px;
  }
}
.head-wrap header.header a.btn-primary.mobile {
  position: absolute;
  top: 0;
  right: 45px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #FF6B00;
  border-radius: 40px;
  text-align: center;
  width: 99px;
  height: 25px;
  text-decoration: none;
  margin: 0;
  display: block !important;
}
@media (min-width: 768px) {
  .head-wrap header.header a.btn-primary.mobile {
    width: 120px;
    height: 30px;
    border-radius: 40px;
    margin: 2px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header a.btn-primary.mobile {
    display: none !important;
  }
}
.head-wrap header.header a.btn-primary.mobile p {
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-size: 9px;
  line-height: 25px;
  margin: 0;
}
@media (min-width: 768px) {
  .head-wrap header.header a.btn-primary.mobile p {
    font-size: 11px;
    line-height: 30px;
  }
}
.head-wrap header.header a.btn-primary.mobile:hover {
  background-color: #FBAE41;
}
@media (max-width: 1199px) {
  .head-wrap header.header .cm-logo {
    position: absolute;
    top: -2px;
    left: 0;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .cm-logo {
    justify-content: center;
    flex-grow: unset;
  }
}
.head-wrap header.header .cm-logo img {
  max-width: 130px;
}
@media (min-width: 768px) {
  .head-wrap header.header .cm-logo img {
    max-width: 150px;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .cm-logo img {
    max-width: 150px;
  }
}
@media (min-width: 1400px) {
  .head-wrap header.header .cm-logo img {
    max-width: 200px;
  }
}
@media (min-width: 1600px) {
  .head-wrap header.header .cm-logo img {
    max-width: 240px;
  }
}
.head-wrap header.header .cm-toggle {
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .head-wrap header.header .cm-toggle {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header .cm-toggle {
    display: none;
  }
}
@media (max-width: 767px) {
  .head-wrap header.header .cm-toggle .toggle-btn {
    transform: translate(-3px, 1px);
  }
}
@media (min-width: 768px) {
  .head-wrap header.header .cm-toggle .toggle-btn svg {
    height: 27px;
    width: 21px;
  }
}
.head-wrap header.header .cm-toggle .toggle-btn svg path {
  color: #000;
}
.head-wrap header.header.scrolled {
  background-color: #fcfcfc;
}
.head-wrap header.header.scrolled .cm-wrapper {
/*   padding: 16px 21px 39px; */
}
@media (min-width: 768px) {
  .head-wrap header.header.scrolled .cm-wrapper {
/*     padding: 16px 21px 49px; */
  }
}
@media (min-width: 1200px) {
  .head-wrap header.header.scrolled .cm-wrapper {
/*     padding: 10px 20px; */
  }
}
@media (min-width: 1400px) {
  .head-wrap header.header.scrolled .cm-wrapper {
/*     padding: 10px 40px; */
  }
}
@media (min-width: 1600px) {
  .head-wrap header.header.scrolled .cm-wrapper {
/*     padding: 10px 50px; */
  }
}
@media (min-width: 1700px) {
  .head-wrap header.header.scrolled .cm-wrapper {
/*     padding: 10px 90px; */
  }
}
.head-wrap header.header .mobile-menu {
  left: 0;
  padding: .5rem;
  position: absolute;
  right: 0;
  transition-duration: .15s;
  transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 20;
}
.head-wrap header.header .menu-open .mobile-menu {
  display: block !important;
}
@media (min-width: 1200px) {
  .head-wrap header.header .menu-open .mobile-menu {
    display: none !important;
  }
}
.head-wrap header.header .mobile-menu .menu-wrapper {
  background-color: #fff;
  border-radius: .5rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
}
.head-wrap header.header .mobile-menu .cm-top {
  display: block;
  padding: 1.5rem;
}
.head-wrap header.header .mobile-menu .cm-close {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.head-wrap header.header .mobile-menu .cm-menu {
  margin-top: 2rem;
}
.head-wrap header.header .mobile-menu .hs-menu-wrapper > ul {
  column-gap: 1rem;
  display: grid;
  grid-template-columns: unset;
  row-gap: 2rem;
}
.head-wrap header.header .mobile-menu .hs-menu-wrapper > ul li a {
  align-items: center;
  border-radius: .5rem;
  color: #111827;
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: -.75rem;
  padding: .75rem;
}
.head-wrap header.header .mobile-menu .hs-menu-wrapper > ul li a i {
  align-items: center;
  background-color: #ff6b00;
  border-radius: .375rem;
  height: 3rem;
  justify-content: center;
  margin-right: .75rem;
  width: 3rem;
}
.head-wrap header.header .mobile-menu .cm-bottom {
  border-top: 2px solid #f9fafb;
  height: auto;
  padding: 24px 24px 32px;
}
.head-wrap header.header .mobile-menu .cm-bottom .cm-links p {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}
.head-wrap header.header .mobile-menu .cm-bottom .cm-links a {
  color: #111827;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.head-wrap header.header .mobile-menu .cm-mobile-signup a {
  align-items: center;
  background-color: #ea580c;
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-radius: .375rem;
  color: #fff;
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  justify-content: center;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  padding: 8px 16px;
}
.head-wrap header.header .mobile-menu .login-link p {
  color: #6b7280;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 0;
  margin-top: 1rem;
  text-align: center;
}
.head-wrap header.header .mobile-menu .hs-menu-wrapper > ul li a i:before {
  content: "";
  display: block;
  height: 2rem;
  margin: .5rem auto;
  width: 2rem;
}
.head-wrap header.header .mobile-menu .hs-menu-wrapper > ul li:first-child a i:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' class='h-6 w-6' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z'/%3E%3C/svg%3E");
}
.head-wrap header.header .mobile-menu .hs-menu-wrapper > ul li:nth-child(2) a i:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' aria-hidden='true' class='h-6 w-6' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19v-6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2zm0 0V9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v10m-6 0a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2m0 0V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}
.head-wrap header.header .mobile-menu .hs-menu-wrapper > ul li:nth-child(3) a i:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' class='h-6 w-6' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 10h16M4 14h16M4 18h16'/%3E%3C/svg%3E");
}
.head-wrap header.header .mobile-menu .hs-menu-wrapper > ul li:nth-child(4) a i:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' aria-hidden='true' class='h-6 w-6' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6zm10 0a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V6zM4 16a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2zm10 0a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2z'/%3E%3C/svg%3E");
}
.head-wrap header.header .mobile-menu .hs-menu-wrapper > ul li a:hover {
  text-decoration-color: #ff6b00;
}
.head-wrap header.header .mobile-menu .cm-close .close-btn {
  position: relative;
  z-index: 999;
}
.head-wrap header.header .cm-bottom form button {
  padding-left: 1rem;
  padding-right: 1rem;
}
/**** New Mobile Menu Style ****/
.no-scroll {
    overflow: hidden;
}
@media screen and (max-width: 1199px) {
	.head-wrap header.header .cm-wrapper .cm-right {
		position: fixed;
		top: 51px;
		left: 0;
		display: block;
		padding: 0;
		width: 100%;
		height: calc(100% - 64px);
		margin: 0;
		background: #fff;		
		transform: translateY(8px);
		transition: transform .25s ease-in-out, opacity .25s ease-in-out;
		opacity: 0;
		visibility: hidden;
    overflow: auto;
	}
	.head-wrap header.header .cm-wrapper .cm-right.open {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
	}
	.head-wrap header.header .cm-wrapper .cm-right .main-nav {
		width: 100%;
	}
	header .submenu.level-1 {
		flex-direction: column;
	}
	header .submenu.level-1>li.menu-item {
		position: relative;
		padding: 0;
		/* border-bottom: 1px solid #e9e9e9; */
	}	
	header .submenu.level-1>li>a {
		color: #000 !important;
		display: block !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		margin: 0 !important;
		padding: 20px 30px !important;
		text-align: left !important;
	}
	header .submenu.level-1>li>a:hover {
		color: #000;
		background-color: transparent;
		border: none;
	}
	header .submenu.level-1>li.has-submenu>a:focus {
		border-radius: 0;
		outline: unset;
	}	
	header nav.staging .submenu.level-1>li.has-submenu svg {
		display: block;
	}
	header nav .submenu.level-1>li.has-submenu svg {
		display: block;
		fill: #9a9a9a;
		width: 26px;
		height: 26px;
		position: absolute;
		right: 30px;
		top: 12px;
	}	
	.head-wrap header.header .submenu.level-2 {
		position: relative;
		box-shadow: none;
		border-right: none;
		border-bottom: none;
		border-left: none;
		border-image: initial;
		left: 0px;
		top: 0px;
		width: 100%;
		margin: 0px;
		padding: 10px 0px;
		/* border-top: 1px solid rgb(233, 233, 233);		 */
	}
	.head-wrap header.header .submenu.level-2 li a {
		font-family: 'Inter';
		font-size: 13px;
		font-weight: 500;
		color: #000;
		margin: 0;
		padding: 7px 30px;
	}
	.mobile-menu-buttons {
		padding: 30px;
	}
	.mobile-menu-buttons a {
		display: block;
		max-width: 500px !important;
	}
	.mobile-menu-buttons a:hover {
		text-decoration: none;
	}
	.mobile-menu-buttons a.button-outline {
		border: 1px solid;
		border-radius: 50px;
		color: #000;
		display: block;
		font-size: 16px;
		font-weight: 700;
		margin: 10px auto 0;
		max-width: 500px;
		padding: 13px 30px;
		text-align: center;
		transition: .3s ease-in-out;		
	}
	.mobile-menu-buttons a.button-primary {
		margin: 10px auto 25px;
	}
	.mobile-menu-buttons a.button-link {
		font-family: 'Epilogue';
		font-size: 16px;
		font-weight: 700;
		text-align: center;
		margin: 10px auto 25px;
		color: #000;
	}
	header .submenu.level-1>li>a.active-branch:after, header .submenu.level-1>li>a.active-item:after {
		display: none;
	}	
}

/* 2024 HEADER TWEAKS */

@media screen and (min-width: 1200px) {
	.head-wrap.header--2024 header nav li#brandcategories .submenu.level-2 {
		width: 550px;
		columns: 2;
	}
}

.head-wrap.header--2024 header nav .submenu.level-1>li.has-submenu svg {
 display: none; 
}

.head-wrap.header--2024 header .submenu.level-1>li {
  padding: 30px 0 !important;
}
@media screen and (max-width: 1199px) {
	.head-wrap.header--2024 header nav .submenu.level-1>li.has-submenu svg {
		display: block;
	}
  .head-wrap.header--2024 header .submenu.level-1>li {
    padding: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .head-wrap.header--2024 header.header .cm-wrapper {
    height: auto !important;
    padding: 0 30px !important;
  }
}
@media screen and (min-width: 1199px) {
.head-wrap.header--2024 header.header .submenu.level-1 li.has-submenu:hover .submenu.level-2 {
  display: block !important;
}
}
.head-wrap.header--2024 header.header .submenu.level-1>li.has-submenu>a:focus {
  outline: none !important;
}
.head-wrap.header--2024 header .submenu.level-2 {
/*   margin-top: 31px !important; */
}


.head-wrap.header--2024 header.scrolled .submenu.level-1>li.has-submenu ul.submenu {
  margin-top: 30px;
}
  
.head-wrap.header--2024 header .submenu.level-1>li#usecases.has-submenu ul.submenu {
  width: 24rem;
}
footer .cm-wrapper {
  border-top: 1px solid rgba(229,231,235,1);
  padding: 64px 32px;
}

footer .cm-top {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
  flex-direction: row;
}

footer .cm-bottom {
  margin-top: 3rem;
  padding-top: 4rem;
  border-top: 1px solid rgba(229,231,235,1);
}

footer .cm-bottom p {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  margin-bottom: 1em;
  color: rgba(156,163,175,1);
}

footer .cm-bottom p a {
  color: rgba(156,163,175,1);
  padding-right: 1rem;
}

footer .cm-bottom p a:hover {
  color: #ff6b00;
}

footer .cm-left {
  width: 33.333333%;
  display: flex;
  flex-direction: column;
  place-items: start;
}

footer .cm-left img {
  height: 2rem;width: auto !important;
}

footer .cm-left .cm-slogan p {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 0;
  color: rgba(107,114,128,1);
}

.cm-social-links {
  display: flex;
  margin-top: 1rem;
}

.cm-social-links a {
  color: rgba(156,163,175,1);
  display: block;
}

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

.cm-social-links a svg {
  width: 1.5rem;
  height: 1.5rem;
}

.cm-social-links a+a svg {
  width: 2rem;
  height: 2rem;
}

.cm-social-links a+a {
  margin-left: 1.5rem;
}

footer .cm-left .cm-btn a {
  background-color: #ff6b00;
  color: #fff;
  padding: 8px 12px;
  display: inline-flex;
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
  border: 1px solid rgba(0, 40, 100, 0.12);
  font-weight: 500;
  line-height: 1rem;
  font-size: .875rem;
  border-radius: 0.375rem;
  align-items: center;
  text-decoration: none !important;
  margin-top: 9.5px;
  text-align: center;
}

footer .cm-left .cm-btn a:before {
  font-family: 'feather' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e935";
  margin-right:5.5px;
}
footer .cm-right {
  margin-top: 1.25rem;
  display: flex;
  flex-grow: 1;
}

footer .cm-right #hs_cos_wrapper_footer_sitemap, footer .hs-menu-wrapper {
  width: 100%;
}

footer .hs-menu-wrapper > ul {
  column-gap: 1rem;
}

footer .hs-menu-wrapper > ul > li {
  margin-right: auto;
}

footer .hs-menu-wrapper > ul > li > a {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .875rem;
  line-height: 1.25rem;
  color: rgba(156,163,175,1);
  margin-bottom: 0.66em;
  text-decoration: none !important;
  display: block;
}

footer  .hs-menu-children-wrapper {
  margin-top: 1rem !important;
  margin-bottom: 1em !important;
}

footer .hs-menu-children-wrapper li:not(:first-child) {
  margin-top: 1rem;
}

footer .hs-menu-children-wrapper li a {
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgba(107,114,128,1);
}

footer .hs-menu-wrapper > ul > li:nth-child(2)  li:last-child a {
  font-size: 15px;
  line-height: 1.5;
}
footer .hs-menu-children-wrapper li a:hover {
  color: #ff6b00;
}
footer .hs-menu-wrapper>ul>li:nth-child(2) li:last-child a:hover {
  color: inherit;
  text-decoration: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: #000; 
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
  z-index: 1040;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: none;
  overflow: hidden;
  outline: 0;
}
.modal.show {
  z-index: 1050;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  outline: 0;
}
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.modal-open .modal {
  display: block;
  padding-right: 6px;
}
.fade {
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  cursor: pointer;
}
.close:before {
  content: '\ea00';
  font-family: "feather";
}
.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-body iframe {
  display: block;
  vertical-align: middle;
}
.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}
.modal .btn-secondary {
  color: #495057;
  background-color: #fff;
  border-color: rgba(0, 40, 100, 0.12);
  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
}
.modal .btn {
  cursor: pointer;
  font-weight: 600;
  letter-spacing: .03em;
  font-size: 0.8125rem;
  min-width: 2.375rem;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid rgba(0, 40, 100, 0.12);
  padding: 0.375rem 0.75rem;
  line-height: 1.84615385;
  border-radius: 3px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body *::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  transition: .3s background;
}
body *:hover::-webkit-scrollbar-thumb {
  background: #adb5bd;
}
body *::-webkit-scrollbar-thumb {
  background: #ced4da;
}
#requestfreetrial .modal-body .cm-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}
#requestfreetrial .modal-body .cm-form .form-wrapper {
    max-width: 83.33333333%;
    width: 100%;
    margin-left: 8.33333333%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
#requestfreetrial .btn {
    border: 0;
    box-shadow: none;
}


.modal .close {
    font-size: 1rem;
    line-height: 1.5;
    transition: .3s color;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    font-weight: 700;
    float: right;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
}
@media (max-width:1023px) {
  footer .cm-wrapper {
    padding: 48px 24px;
  }
}
@media (max-width:833px) {
  footer .cm-right { 
    width:100%;
  }
  footer .cm-top {
    flex-direction:column;
  }
}
@media (max-width:767px) {
  footer .hs-menu-wrapper>ul {
    flex-direction: row !important;
    flex-wrap: unset;
  }
  footer .hs-menu-wrapper>ul li a {
    word-break: normal;
  }
  footer .hs-menu-wrapper>ul>li:nth-child(2) li:last-child a {
    text-align: center;
    display: inline-block;
  }
}
@media (max-width:639px) {
  footer .cm-wrapper {
    padding: 48px 0;
  }
  footer .cm-right {
    margin-top: 4rem;
  }
  footer .cm-left {
    width: 100%;
    place-items: center;
  }
}

@media (max-width:479px) {
  footer .hs-menu-wrapper>ul {
    flex-direction: column !important; 
  } 
}
@media (max-width:424px) {
  .modal-body iframe {
    max-width: 100% !important;
    min-width: auto !important;
  }
  .meetings-iframe-container {
    max-width: 100%;
  }
}

/* Footer December 2023 */
footer.footer {
  background-color: #000 !important;
  margin-bottom: -25px;
}
footer.footer #hs_cos_wrapper_footer_slogan,
footer.footer .cm-btn {
  display: none;
}
footer.footer .cm-wrapper {
  padding: 22px 0 32px;
}
@media (min-width: 768px) {
  footer.footer .cm-wrapper {
    padding: 20px 0 40px;
  }
}
@media (min-width: 1200px) {
  footer.footer .cm-wrapper {
    border-top: none;
    padding: 40px 0 40px;
    max-width: 1050px;
    margin: 0 auto;
  }
}
@media (min-width: 1400px) {
  footer.footer .cm-wrapper {
    max-width: 1280px;
  }
}
@media (min-width: 768px) {
  footer.footer .cm-wrapper .cm-top {
    padding-left: 7.5rem;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  footer.footer .cm-wrapper .cm-top {
    padding: 0;
  }
}
@media (max-width: 639px) {
  footer.footer .cm-left {
    place-items: flex-start;
  }
}
@media (min-width: 1200px) {
  footer.footer .cm-left {
    width: 20%;
  }
}
footer.footer .cm-left img {
  position: relative;
  left: -15px;
  height: 97px;
}
@media (min-width: 768px) {
  footer.footer .cm-left img {
    height: 130px;
  }
}
@media (min-width: 1200px) {
  footer.footer .cm-left img {
    height: 169px;
    left: -23px;
    margin: -25px 0 0 0;
  }
}
@media (max-width: 767px) {
  footer.footer .cm-left .cm-social {
    display: none;
  }
}
@media (min-width: 768px) {
  footer.footer .cm-left .cm-social a.btn-secondary {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 1px solid #FF6B00;
    border-radius: 40px;
    background-color: transparent;
    text-align: center;
    width: 149px;
    height: 39px;
    text-decoration: none;
    margin: 0;
    display: block !important;
  }
}
@media (min-width: 1200px) {
  footer.footer .cm-left .cm-social a.btn-secondary {
    border-radius: 50px;
    width: 185px;
    height: 46px;
    margin: 15px 0 24px -10px;
  }
}
@media (min-width: 768px) {
  footer.footer .cm-left .cm-social a.btn-secondary p {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    color: #FF6B00;
    font-size: 16px;
    line-height: 39px;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  footer.footer .cm-left .cm-social a.btn-secondary p {
    line-height: 46px;
  }
}
footer.footer .cm-left .cm-social a.btn-secondary:hover {
  background-color: #FF6B00;
}
footer.footer .cm-left .cm-social a.btn-secondary:hover p {
  color: #fff;
}
footer.footer .cm-right {
  position: relative;
  display: flex !important;
}
@media (max-width: 639px) {
  footer.footer .cm-right {
    margin-top: 2rem;
  }
}
footer.footer .cm-right .mobile-social-wrap {
  display: block !important;
}
@media (min-width: 768px) {
  footer.footer .cm-right .mobile-social-wrap {
    display: none !important;
  }
}
footer.footer .cm-right .mobile-social-wrap .cm-social {
  display: block;
}
footer.footer .cm-right .mobile-social-wrap .cm-social .cm-social-links a {
  color: #9ca3af;
  display: block;
}
footer.footer .cm-right .mobile-social-wrap a.btn-primary {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #FF6B00;
  border-radius: 40px;
  text-align: center;
  width: 120px;
  height: 29px;
  display: block !important;
  text-decoration: none;
  margin: 7px 0 0 0;
}
footer.footer .cm-right .mobile-social-wrap a.btn-primary p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-size: 10px;
  line-height: 29px;
  margin: 0;
}
footer.footer .cm-right .mobile-social-wrap a.btn-primary:hover {
  background-color: #FBAE41;
}
footer.footer #hs_menu_wrapper_footer_sitemap ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 1200px) {
  footer.footer #hs_menu_wrapper_footer_sitemap ul {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
footer.footer #hs_menu_wrapper_footer_sitemap ul li a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  line-height: 1;
  color: #FC851E;
  text-transform: capitalize;
}
@media (min-width: 1200px) {
  footer.footer #hs_menu_wrapper_footer_sitemap ul li a {
    font-size: 15px;
  }
}
footer.footer #hs_menu_wrapper_footer_sitemap ul li ul {
  display: block;
}
footer.footer #hs_menu_wrapper_footer_sitemap ul li ul li {
  margin-top: 0 !important;
}
footer.footer #hs_menu_wrapper_footer_sitemap ul li ul li a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
}
@media (min-width: 1200px) {
  footer.footer #hs_menu_wrapper_footer_sitemap ul li ul li {
    font-size: 15px;
  }
}
footer.footer .cm-bottom {
  border-top: none;
  padding-top: 0;
}
@media (min-width: 1200px) {
  footer.footer .cm-bottom {
    margin-top: 58px;
  }
}
footer.footer .cm-bottom p {
  color: #B6B6B6;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  line-height: 15px;
  padding: 0;
}
@media (min-width: 1200px) {
  footer.footer .cm-bottom p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 1;
  }
}
footer.footer .cm-bottom p a {
  display: block;
  color: #B6B6B6;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  line-height: 15px;
  margin: 0 0 15px;
  padding: 0;
}
@media (min-width: 1200px) {
  footer.footer .cm-bottom p a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    margin: 0 12px;
  }
}
/* 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;
  }
}
.row-fluid [class*="force-full-width-section"], .row-fluid [class*="force-full-width-section"] .dnd-column, .row-fluid [class*="force-full-width-section"] .row-fluid {
  padding:0;
  max-width:100%;
}
.banner-section .dnd-section>.row-fluid {
  padding:0;
}

.policy-layout .dnd-section .dnd-column, .list-layout .dnd-section .dnd-column {
  padding: 0;
}
.policy-layout .dnd-section, .list-layout .dnd-section { 
  padding: 24px 0 0;
}
.policy-row1 .widget-type-header h2 {
  text-align: center;
}
.list-row1 .widget-type-rich_text {
  max-width: 83.33333333%;
  margin-left: 8.33333333%;
  padding: 1rem 0 4rem;
}

.list-row1 .widget-type-rich_text h3 {
  color: #ff6b00;
  text-align: center;
}

.list-row1 .widget-type-rich_text h1 {
  text-align: center;
}

.list-row1 .widget-type-rich_text h1 strong {
  font-weight: 600;
}

.list-row1 .widget-type-rich_text p {
  max-width: 50%;
  margin-left: 25%;
  text-align: center;
  padding-right: 5rem;
  padding-left: 5rem;
  padding-top: 0.5rem;
  margin-bottom: 0;
}

.list-row1 .list-login {
  background-color: #ff6b00;
  text-decoration: none !important;
  font-size: 0.75rem;
  min-width: 1.625rem;
  font-weight: 600;
  letter-spacing: .03em;
  color: #fff;
  padding: 0.25rem 0.5rem;
  line-height: 1.33333333;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-bottom: 1rem;
}
.about-layout .dnd-section {
  padding: 4rem 0 2.5rem;
}

.about-row1 .widget-type-rich_text {
  padding: 4rem 1rem;
  background-color: #fff;
}

.about-row1 .widget-type-rich_text h4 {
  color: #ea580c;
  margin: 0;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}

.about-row1 .widget-type-rich_text h1 {
  letter-spacing: -0.05em;
  text-align: center;
  margin-top: 0.5rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  color: rgba(17,24,39,1);
  font-weight: 800;
  margin-bottom: 4rem;
}

.about-row1 .widget-type-rich_text h2, .about-row1 .widget-type-rich_text p {
  color: rgba(107,114,128,1);
}
.faq-row1 {
  padding: 64px 0 0;
}

.faq-row1 .dnd-section {
  padding: 0;
}

.faq-row1 .dnd-section>.row-fluid {
  padding: 0;
  max-width: 100%;
}

.faq-row1 .cm-grid {
  padding: 80px 16px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 2rem;
}

.faq-row1 .cm-grid >  .cm-right {
  grid-column: span 2/span 2;
}


.faq-row1 .cm-grid .cm-left h2 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 800;
  color: rgba(17,24,39,1);
}

.faq-row1 .cm-grid .cm-left p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: rgba(107,114,128,1);
}

.faq-row1 .cm-grid .cm-left p a {
  font-weight: 500;
  color: #ea580c;
}

.faq-row1 .cm-grid .cm-left p a:hover {
  color: #ff6b00;
}

.faq-row1 .cm-grid .cm-right h6 {
  font-size: 1.125rem;
  font-weight: 500;
  color: rgba(17,24,39,1);
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}

.faq-row1 .cm-grid .cm-right p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgba(107,114,128,1);
}

.faq-row1 .cm-grid .cm-right h6+p {
  margin-bottom: 3rem;
}

.faq-row1 .cm-right table {
  border-collapse: collapse;
  min-width: 100%;
  border: 0;
  margin: 8px 0;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 48px;
}

.faq-row1 .cm-right table thead {
  background-color: rgba(249,250,251,1);
  border: 0;
}

.faq-row1 .cm-right table thead th {
  border: 0;
  background: transparent;
  text-align: left;
  padding: 12px 32px;
  letter-spacing: .05em;
  color: rgba(107,114,128,1);
  text-transform: uppercase;
  font-weight: 500;
  font-size: .75rem;
  line-height: 1rem;
}

.faq-row1 .cm-right table tbody {
  border-top: 1px solid rgba(229,231,235,1);
  border-bottom: 1px solid rgba(229,231,235,1);
}

.faq-row1 .cm-right table tbody td {
  border: 0;
  padding: 16px 32px;
  font-weight: 500;
  color: rgba(17,24,39,1);
  font-size: .875rem;
  line-height: 1.25rem;
}

.faq-row1 .cm-right table tbody tr td:last-child {
  color: rgba(107,114,128,1);
}

.faq-row1 .cm-right table tbody tr:nth-child(even) {
  background-color: rgba(249,250,251,1);
}


.faq-row1 .cm-grid .cm-right p:last-child {
  margin-bottom: 1rem;
}
.faq-row1 .cm-right table tbody td {
  word-break: normal;
}

.home-row1 .dnd-section {
  padding: 6rem 0 0;
}

.home-row1 .dnd-section>.row-fluid {
  padding: 3rem 1rem 0;
  max-width: 80rem;
}
.home-row2 .dnd-section {
  padding: 48px 0 0;
}

.home-row2 .dnd-section>.row-fluid {
  padding: 4rem 1rem;
  max-width: 80rem;
}
.home-row3 .dnd-section {
  padding: 0;
}

.home-row3 .dnd-section>.row-fluid {
  padding: 48px 16px;
  max-width: 80rem;
}
.home-row4 .dnd-section {
  padding: 0;
}

.home-row4 .dnd-section>.row-fluid {
  padding: 48px 16px;
  max-width: 80rem;
  overflow: hidden;
}
.investors-row1 .dnd-section {
  padding: 0;
}

.investors-row1 .dnd-section>.row-fluid {
  padding: 3rem 2rem 0;
  max-width: 80rem;
}
.investors-row2 .dnd-section, .investors-row3 .dnd-section {
  padding: 0;
}

.investors-row2 .dnd-section>.row-fluid, .investors-row3 .dnd-section>.row-fluid {
  max-width: 80rem;
  padding: 0 1rem;
}
.investors-row2 .dnd-section .dnd-column, .investors-row3 .dnd-section .dnd-column {
  padding: 0;
}
.investors-row3 .cm-content-image.right .cm-right img {
  max-width: 100%;
}
.investors-row3 .dnd-section {
  padding-bottom: 6rem;
}
#requestfreetrial.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
body.modal-open {
  overflow:hidden;
}
.pricing-row1 .dnd-section {
  padding: 0;
}
.pricing-row1 .dnd-section .dnd-column {
  padding: 0;
}
.pricing-row1 .dnd-section>.row-fluid {
  max-width: 80rem;
  padding: 0 1rem;
}
.pricing-row1 [class*=force-full-width-section] .row-fluid {
  padding-left: 0;
  padding-right: 0;
}
.cm-page-year .head-wrap, .cm-page-month .head-wrap {
  min-height:138px;
}

.cm-page-year .no-search header .cm-wrapper .cm-bottom, .cm-page-month .no-search header .cm-wrapper .cm-bottom {
  display:block;
}
.cm-page-month .cm-pricing .cm-top .btn1 {
  background-color: #fdba74;
}
.cm-page-month .cm-pricing .cm-top .btn2 {
  background-color: #f3f4f6;
  box-shadow: none;
}
.cm-page-month .number.yearly {
  display: none;
}
.cm-page-month .cm-pricing .cm-bottom table .monthly {
  display: block;
}
.cm-page-month .cm-pricing .cm-bottom table tbody .btn-wrapper {
  margin-bottom: 0.5rem;
}
.cm-page-month .cm-pricing .cm-bottom table .monthly a {
  text-decoration: underline;
}
.cm-page-month .cm-pricing .cm-bottom table tbody .cm-trial {
  margin-bottom: 31px;
}
.investors-row1 .cm-counter .cm-wrapper {
  margin-bottom: 0;
}
.tutorials-wrapper a.section_nav.selected {
    color: #ff6b00 !important;
}
.tutorials-row1-page h1.selected, 
.tutorials-row1-page h2.selected,
.tutorials-row1-page h2.selected span,
.tutorials-row1-page h3.selected, 
.tutorials-row1-page h4.selected, 
.tutorials-row1-page h5.selected, 
.tutorials-row1-page h6.selected {
    color: #ff6b00 !important;
}

@media (max-width:1023px) {
  .faq-row1 .cm-grid {
    display: block;
  }
  .faq-row1 .cm-grid .cm-left h2+p {
    margin-bottom: 3rem;
  }
  .faq-row1 .cm-grid .cm-right p:last-child {
    margin-bottom: 0;
  }
}


@media (max-width:767px) {
  .cm-page-year .head-wrap, .cm-page-month .head-wrap {
    min-height:128px;
  }
  .list-row1 .widget-type-rich_text {
    margin-left: 0;
    max-width: 100%;
  }
  .list-row1 .widget-type-rich_text p {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    margin-left: 0;
  }
  .faq-row1 .cm-grid {
    padding-top: 64px;
  }
  .investors-row1 .dnd-section>.row-fluid {
    padding-left:1rem;
    padding-right:1rem;
  }
  .pricing-row2 .cm-testimonial .page-center {
    padding-left: 0;
    padding-right: 0;
  }
  .home-row5 .cm-testimonial .page-center {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width:639px) {
  .cm-page-year .head-wrap, .cm-page-month .head-wrap {
    min-height:131.64px;
  }
  .about-row1 .widget-type-rich_text h1 { 
    font-size: 1.875rem;
    line-height: 2rem;
  }
}

.trending-page .hs-trending-intro {
  padding-top: 1.5rem;
}

.trending-page .hs-trending-intro .dnd-section > .row-fluid>.dnd-column {
  border-radius: 8px;
  text-align: center;
  margin-top: 64px;
}

.trending-page .hs-trending-intro h2 {
  letter-spacing: -0.05em;
  color: #fff;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 800;
  margin-bottom: 0.66em;
  font-family: inherit;
}

.trending-page .hs-trending-intro p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1em;
}

.trending-page .hs-trending-intro2 p {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(107,114,128,1);
  margin-bottom: 1em;
}

.trending-page .hs-trending-intro2 .widget-type-rich_text {
  -ms-flex: 0 0 83.33333333%;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
  margin-left: 8.33333333%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.fe-help-circle:before {
  content: "\e976";
}

.fe-help-circle:before {
  content: "\e976";
}

.fe {
  font-family: 'feather' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.trending-page .hs-fastest-growing .widget-type-rich_text {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

.trending-page .hs-fastest-growing .widget-type-rich_text h2 {
  letter-spacing: -0.05em;
  padding-top: 1rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  --tw-text-opacity: 1;
  color: rgba(17,24,39,1);
  font-weight: 800;
  margin-bottom: 0.66em;
  font-family: inherit;
}

.trending-page .hs-fastest-growing .widget-type-rich_text p {
  --tw-text-opacity: 1;
  color: rgba(107,114,128,1);
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1em;
}

.hs-fastest-table .advanced-table .advanced-intb {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-left: 0;
  max-width: 100%;
  padding: 0;
  display: block;
}

.hs-fastest-table .advanced-table .advan {
  overflow: inherit;
}

.hs-fastest-table .advanced-table .advanin-tb {
  max-width: inherit;
  overflow: inherit;
  max-height: inherit;
}

.hs-fastest-table .advanced-table .advanced-colm {
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
  margin-bottom: 1.5rem;
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 40, 100, 0.12);
  border-radius: 3px;
}

.hs-fastest-table .advanced-table .advan {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0;
  padding: 1.5rem 1.5rem;
  position: relative;
}

.hs-fastest-table .advanced-table .advanin {
  display: block;
  padding: 0;
}

.hs-fastest-table .advanced-table h5 {
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 1.5rem;
  color: inherit;
}

.hs-fastest-table .advanced-table {
  margin: 0;
  display: block;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.hs-fastest-table .advanced-table table>thead>tr>th:first-child {
  padding-left: 1rem;
  padding-right: 1rem;
}

.hs-fastest-table .advanced-table table>thead>tr>th {
  position: static;
}

.hs-fastest-table .advanced-table table tbody>tr>td:first-child {
  padding-left: 1rem;
  padding-right: 1rem;
}

.hs-fastest-table .advanced-table table tbody>tr>td:first-child {
  font-size: 14px;
}

.hs-fastest-table .row-fluid .span6 {
  width: 50%;
  margin: 0;
}

.hs-fastest-table hr{
  display:none;
}

.hs-fastest-table {
  padding-bottom: 4rem;
}

.trending-page .hs-trending-frms .widget-type-header {
  padding: 0.25rem 1rem;
  padding-top: 1rem;
}

.trending-page .hs-trending-frms .widget-type-header h2 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.trending-page .hs-trending-frms .widget-type-header {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 0.25rem;
  max-width: 80rem;
}

.trending-page .hs-trending-frms .widget-type-header h2 {
  letter-spacing: -0.05em;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgba(17,24,39,1);
  font-weight: 800;
}
.tutorials-row1-page {
    background-color: #fff;
}



@media(max-width:1279px){
  .hs-fastest-table .advanced-table .advan {
    overflow: auto;
    max-width: 100%;
  }

  .hs-fastest-table .advanced-table table>thead>tr>th:nth-child(2n) {
    min-width: 200px;
  }


}

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

  .hs-fastest-table .advanced-table table>thead>tr>th:nth-child(2n) {
    min-width: 170px;
  }

  .trending-page .hs-trending-intro2 .widget-type-rich_text {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-left: 0px;
    max-width: 100%;
  }

  .trending-page .hs-trending-frms .widget-type-header h2 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }


  .hs-fastest-table .advanced-table table>thead>tr>th {
    line-height: 17px;
  }

}

#hsForm_535267d1-1180-40e9-82de-8a196b9ceb65 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header {
  border-bottom: 1px solid #000;
}

h4 {
  color: #000 !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 29px;
  letter-spacing: 1.6px;
}

.head-wrap header.header .cm-wrapper {
    height: 63px;
}


.head-wrap {
/* 	margin-bottom: 0 !important; */
}
/* BANNER */
@media only screen and (max-width: 576px) {
  .body--2024 .charm-banner .cb-container {
    padding: 0px;
  }
}
.body--2024 .charm-banner .cb-grid p {
  font-size: 1.125rem !important;
  line-height: 1.75rem;
}
/* FORMS */
.body--2024 .cpi-container form,
.body--2024 form {
  display: flex;
  flex-direction: column;
}
/* fixing search bar on blog */
.body--2024 .hs-search-field__bar form {
  flex-direction: row;
}
.body--2024 .cpi-container form fieldset:last-of-type:has(.hs-richtext),
.body--2024 form fieldset:last-of-type:has(.hs-richtext){
  order: 100;
}

/* BLOG LISTING */
.blog-sidebar-topic-filter  h3 {
  min-width: 150px
}
.blog-sidebar-topic-filter ul {
  padding-left: 2rem;
  flex-wrap: wrap;
}
.blog-sidebar-topic-filter ul li {
  margin-bottom: 10px;
}

/* MARGIN-BOTTOM */
.mb-3 {
  margin-bottom: 1rem;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


.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: 20px;
      padding-left: 20px;
    }
    
    .col {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      min-width: 0;
      max-width: 100%;
    }
    
    .row-cols-1 > * {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    
    .row-cols-2 > * {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    
    .row-cols-3 > * {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    
    .row-cols-4 > * {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }
    
    .row-cols-5 > * {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
    }
    
    .row-cols-6 > * {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }
    
    .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%;
    }
    @media (min-width: 576px) {
      .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
      }
      .row-cols-sm-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
      .row-cols-sm-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
      }
      .row-cols-sm-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
      }
      .row-cols-sm-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
      }
      .row-cols-sm-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
      }
      .row-cols-sm-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
      }
      .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;
        min-width: 0;
        max-width: 100%;
      }
      .row-cols-md-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
      .row-cols-md-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
      }
      .row-cols-md-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
      }
      .row-cols-md-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
      }
      .row-cols-md-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
      }
      .row-cols-md-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
      }
      .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: 992px) {
      .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
      }
      .row-cols-lg-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
      .row-cols-lg-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
      }
      .row-cols-lg-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
      }
      .row-cols-lg-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
      }
      .row-cols-lg-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
      }
      .row-cols-lg-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
      }
      .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: 1200px) {
      .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
      }
      .row-cols-xl-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
      .row-cols-xl-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
      }
      .row-cols-xl-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
      }
      .row-cols-xl-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
      }
      .row-cols-xl-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
      }
      .row-cols-xl-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
      }
      .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%;
      }
    }












.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: 576px) {
      .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: 992px) {
      .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: 1200px) {
      .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;
      }
    }
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* SHOW/HIDE DESKTOP/TABLET/MOBILE */
@media screen and (min-width: 993px) {
	.u-show--desktop {
		display: block;
	}
	.u-hide--desktop {
		display: none;
	}
}
@media screen and (max-width: 992px) {
	.u-show--tablet {
		display: none;
	}
	.u-hide--tablet {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.u-show--mobile {
		display: block;
	}
	.u-hide--mobile {
		display: none;
	}
}
/* CLEAR FLOATS */
.clear--float {
	float: none !important;
}

/* LINKS -- ICON */
.link--icon a span,
.link--icon a {
	display: flex;
	align-items: center;
}



/* --------------------------------------------------------- */

/* TUTORIAL POST */
.tutorial--post .blog-post-meta {
	height: fit-content;
	margin: 1rem 0 0 0;
}
.tutorial--post .blog-post-meta .blog-post__tag-link {
		background: #fff;
    border: 1px solid #232323;
    border-radius: 30px;
    color: #232323;
    padding: 3px 8px;
    font-weight: 400;
}
.tutorial--post iframe,
.tutorial--post .hs-embed-wrapper {
	width: 100% !important;
	max-width: unset !important;
	margin-bottom: 2rem !important;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* -- BLOGS --------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
.customer-stories--post h3,
.tutorials--post h3 {
	color: #225676;

}
.blog-post-meta a,
a.link-allposts {
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* -- CARDS --------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
.card--base a {
	text-decoration: none;
}
.card--base.span4 {
	margin-bottom: 2rem!important;
}
/* TUTORIAL CARDS */
.ct--related {
	align-items: stretch;
}
.ct--related h2 {
	text-align: left;
}
.ct--content {
	height: 100%;
	display: flex;
	flex-direction: column;
}
a.ct--inner:hover {
	text-decoration: none !important;
}
.ct--inner {
	border: 1px solid black;
	border-radius: 7px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.ct--inner .ct--top {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.ct--inner .ct--icon {
	max-height: 35px;
	max-width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
.ct--inner .ct--icon img {
	max-width: 100%;
	object-fit: contain;
}
.ct--inner .ct--name {
	color: #000;
	font-family: Epilogue;
	font-size: 1.875rem;
	font-style: normal;
	font-weight: 600;
	line-height: 130%; /* 52.5px */
	letter-spacing: -1.4px;
}
.ct--inner .ct--tag {
	padding: 3px 12px 4px;
	border-radius: 30px;
	background: #ffffff;
	color: #232323;
	width: fit-content;
	border: 1px solid #000000;
	margin-top: 10px;
}
.ct--inner .ct--tag span {
	color: #232323;
	font-family: Inter;
	font-size: .875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 21px */
}
.ct--inner .ct--lower {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}
.ct--inner .ct--desc {
	color: #000000;
	margin-bottom: 1rem;
}
.ct--inner .ct--cta .ct--cta-txt {
	color: #000000;
	text-decoration: underline;
}
.ct--base {
	background: linear-gradient(285.76deg, #FFFFFF -0.09%, #FFFFFF 103.58%);
}
.ct--performance-scoring {
	background: linear-gradient(109deg, #FFF -1.25%, #FFF -1.24%, #FFD5B7 105.07%);
}
.ct--dtc-prospector {
	background: linear-gradient(109deg, #FFF -1.25%, #FFF -1.24%, #D7F8FF 105.07%);
}
.ct--amazon-prospector {
	background: linear-gradient(286deg, #EBDFF4 2.44%, #FFF 106.02%);
}
.ct--brand-lists {
	background: linear-gradient(287.57deg, #E7F6D3 8.08%, #FFFFFF 103.42%);
}
.ct--key-features {
	background: linear-gradient(285.76deg, #EEF1FC -0.09%, #FFFFFF 103.58%);
}
.ct--prospecting {
	background: linear-gradient(285.76deg, #C9FFE2 -0.09%, #FFFFFF 103.58%);
}
.ct--brand-insights {
	background: linear-gradient(285.76deg, #C0D9FF -0.09%, #FFFFFF 103.58%);
}
.ct--how-clients-use-charm {
	background: linear-gradient(286.46deg, #FCE9FA -0.09%, #FFFFFF 99.91%);
}

/* CUSTOMER STORY CARDS */
.cs--related {
	align-items: stretch;
}
.cs--related h2 {
	text-align: left;
} 
.cs--content {
	height: 100%;
	display: flex;
	flex-direction: column;
}
a.cs--inner:hover {
	text-decoration: none !important;
} 
.cs--inner {
	border: 1px solid black;
	border-radius: 7px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.cs--inner .cs--top {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.cs--inner .cs--name {
	color: #000;
	font-family: Epilogue;
	font-size: 1.5rem;
	font-style: normal; 
	font-weight: 600;
	line-height: 130%; /* 52.5px */
	letter-spacing: -1.4px;
	margin-bottom: 1rem;
}
	.cs--inner .cs--top {
		position: relative;
	}
	.cs--inner .cs--img {
		aspect-ratio: 4 / 2;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.cs--inner .cs--img img {
/* 		aspect-ratio: 4 / 2; */
		object-fit: cover;
		height: 100%;
		width: auto;
		min-width: 100%;
		max-width: unset;
		max-height: unset;
	}
.cs--inner .cs--tag {
	bottom: 24px;
	left: 24px;
	position: absolute;
	padding: 3px 12px 4px;
	border-radius: 30px;
	background: #ffffff;
	color: #232323;
	width: fit-content;
	border: 1px solid #000000;
	margin-top: 10px;
}
.cs--inner .cs--tag span {
	color: #232323;
	font-family: Inter;
	font-size: .875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 21px */
}
.cs--inner .cs--lower {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}
.cs--inner .cs--desc {
	color: #000000;
	margin-bottom: 1rem;
}
.cs--inner .cs--cta .cs--cta-txt {
	color: #000000;
	text-decoration: none;
}
.cs--inner .cs--cta span {
	display: flex;
	align-items: center;
	}