/* Theme base styles */

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

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






/* ========================================================================== */
/*  1. LAYOUT                                                #layout          */
/* ========================================================================== */
:root {
  --container-width: 1200px;

  /* Spacing */
  --spacing-0x: 0px;
  --spacing-05x: 0px;
  --spacing-1x: 0px;
  --spacing-2x: 4px;
  --spacing-3x: 8px;
  --spacing-4x: 12px;
  --spacing-5x: 16px;
  --spacing-6x: 20px;
  --spacing-8x: 24px;
  --spacing-10x: 32px;
  --spacing-12x: 32px;
  --spacing-14x: 32px;
  --spacing-16x: 32px;
  --spacing-18x: 32px;
  --spacing-20x: 32px;
  --spacing-24x: 32px;
  --spacing-30x: 32px;

  /* Dnd Spacing */
  --container-padding: var(--spacing-5x);
  --dnd-row-gap: var(--spacing-10x);
  --first-section-padding-top: 90px; 
  --dnd-section-bottom-margin: var(--spacing-20x); 
  --dnd-section-bg-padding: var(--spacing-20x); 
  
  /* Misc */
  --scroll-margin-top: 90px;
}

@media (min-width: 640px) {
  :root {
    /* Dnd Spacing */
    /* --first-section-padding-top: 120px; */
    --dnd-section-bottom-margin: 80px;
    --dnd-section-bg-padding: 80px; 
    
    /* Misc */
    --scroll-margin-top: 120px;
  }
}

@media (min-width: 820px) {
  :root {
    /* Spacing */
    --spacing-05x: 2px;
    --spacing-1x: 4px;
    --spacing-2x: 8px;
    --spacing-3x: 12px;
    --spacing-4x: 16px;
    --spacing-5x: 20px;
    --spacing-6x: 24px;
    --spacing-8x: 32px;
    --spacing-10x: 40px;
    --spacing-12x: 48px;
    --spacing-14x: 56px;
    --spacing-16x: 64px;
    --spacing-18x: 72px;
    --spacing-20x: 80px;
    --spacing-24x: 96px;
    --spacing-30x: 120px;

    /* Dnd Spacing */
    --dnd-row-gap: var(--spacing-14x);
  }
}

@media (min-width: 1024px) {
  :root {
    /* Dnd Spacing */
    /* --first-section-padding-top: 160px; */
    --dnd-section-bottom-margin: 120px;
    --dnd-section-bg-padding: 120px; 
    
    /* Misc */
    --scroll-margin-top: 160px;
  }
}

/* ========================================================================== */
/*  2. COLORS                                                #clrs            */
/* ========================================================================== */     

:root,
:host {
  /*** Import color properties from figma ***/
  --bubblegum-50:         #fff3fe;
  --bubblegum-100:        #fee6ff;
  --bubblegum-200:        #feccff;
  --bubblegum-300:        #ffaefd;
  --bubblegum-400:        #ff6dfb;
  --bubblegum-500:        #fe36ff;
  --bubblegum-600:        #e316df;
  --bubblegum-700:        #bd0eb7;
  --bubblegum-800:        #9a0e93;
  --bubblegum-900:        #7e1176;
  --bubblegum-950:        #55004f;
  --treehouseplum-50:     #fff2fe;
  --treehouseplum-100:    #ffe5ff;
  --treehouseplum-200:    #ffc9fe;
  --treehouseplum-300:    #ff9ff9;
  --treehouseplum-400:    #ff66f4;
  --treehouseplum-500:    #ff2df6;
  --treehouseplum-600:    #ed0ce8;
  --treehouseplum-700:    #c506bd;
  --treehouseplum-800:    #a10799;
  --treehouseplum-900:    #730b6b;
  --treehouseplum-950:    #590052;
  --prankberry-50:        #fef1f7;
  --prankberry-100:       #fee5f2;
  --prankberry-200:       #ffcae6;
  --prankberry-300:       #ff9fd0;
  --prankberry-400:       #ff63af;
  --prankberry-500:       #ff358f;
  --prankberry-600:       #f0126a;
  --prankberry-700:       #d10550;
  --prankberry-800:       #ad0742;
  --prankberry-900:       #8f0c3b;
  --prankberry-950:       #58001e;
  --grassgreen-50:        #edfff1;
  --grassgreen-100:       #d6ffe1;
  --grassgreen-200:       #afffc5;
  --grassgreen-300:       #71ff9a;
  --grassgreen-400:       #31fb69;
  --grassgreen-500:       #02e542;
  --grassgreen-600:       #00bf32;
  --grassgreen-700:       #00952b;
  --grassgreen-800:       #077426;
  --grassgreen-900:       #085f22;
  --grassgreen-950:       #003610;
  --moss-50:              #effaf5;
  --moss-100:             #d7f4e4;
  --moss-200:             #b3e7ce;
  --moss-300:             #80d5b1;
  --moss-400:             #4cbb90;
  --moss-500:             #2a9f75;
  --moss-600:             #1b805f;
  --moss-700:             #145f48;
  --moss-800:             #13523f;
  --moss-900:             #114335;
  --moss-950:             #08261e;
  --zestyorange-50:       #fff7ed;
  --zestyorange-100:      #ffedd4;
  --zestyorange-200:      #ffd7a8;
  --zestyorange-300:      #ffba70;
  --zestyorange-400:      #ff9137;
  --zestyorange-500:      #ff6e0a;
  --zestyorange-600:      #f05606;
  --zestyorange-700:      #c73f07;
  --zestyorange-800:      #9e320e;
  --zestyorange-900:      #7f2c0f;
  --zestyorange-950:      #451305;
  --peachy-50:            #fff4f1;
  --peachy-100:           #ffe7e1;
  --peachy-200:           #ffd3c7;
  --peachy-300:           #ffb4a0;
  --peachy-400:           #ff9478;
  --peachy-500:           #f8623b;
  --peachy-600:           #e5461d;
  --peachy-700:           #c13814;
  --peachy-800:           #a03114;
  --peachy-900:           #842e18;
  --peachy-950:           #481407;
  --rosy-50:              #fff1f2;
  --rosy-100:             #ffe3e7;
  --rosy-200:             #ffccd3;
  --rosy-300:             #ffa2b1;
  --rosy-400:             #fe7a91;
  --rosy-500:             #f83b61;
  --rosy-600:             #e5194c;
  --rosy-700:             #c20e3f;
  --rosy-800:             #a20f3c;
  --rosy-900:             #8a113a;
  --rosy-950:             #4d041a;
  --sunnymischief-50:     #fffeea;
  --sunnymischief-100:    #fffac5;
  --sunnymischief-200:    #fff585;
  --sunnymischief-300:    #ffe946;
  --sunnymischief-400:    #ffd91b;
  --sunnymischief-500:    #ffb901;
  --sunnymischief-600:    #e28e00;
  --sunnymischief-700:    #bb6402;
  --sunnymischief-800:    #984d08;
  --sunnymischief-900:    #7c3f0b;
  --sunnymischief-950:    #482000;
  --neutral-50:           #fdf7fd;
  --neutral-100:          #e7cae4;
  --neutral-200:          #c79dc3;
  --neutral-300:          #b280ad;
  --neutral-400:          #9e6c9a;
  --neutral-500:          #8a5385;
  --neutral-600:          #764071;
  --neutral-700:          #693764;
  --neutral-800:          #53234e;
  --neutral-900:          #370d33;
  --neutral-950:          #2e042a;
  --neutral-white:        #ffffff;
  --neutral-black:        #000000;

  /*** Components ***/
  --text-base:      var(--neutral-950);
  --text-white:     var(--neutral-white);
  --text-purple:    var(--treehouseplum-900); 
}

/* ========================================================================== */
/*  3. TYPOGRAPHY                                            #typo            */
/*=========================================================================== */
/*** Custom Fonts (uncomment for manual font-face properties) ***/
@font-face {
  font-family: 'Obviously';
  font-weight: 580;
  font-style: normal;
  src: url('https://48407683.fs1.hubspotusercontent-na1.net/hubfs/48407683/fonts/Obviously-Black.otf') format('opentype'),
}
@font-face {
  font-family: 'Obviously';
  font-weight: 380;
  font-style: normal;
  src: url('https://48407683.fs1.hubspotusercontent-na1.net/hubfs/48407683/fonts/Obviously-CondensedBlack.otf') format('opentype'),
}
@font-face {
  font-family: 'Gilroy';
  font-weight: 400;
  font-style: normal;
  src: url('https://48407683.fs1.hubspotusercontent-na1.net/hubfs/48407683/fonts/Gilroy-Regular.otf') format('opentype'),
}
@font-face {
  font-family: 'Gilroy';
  font-weight: 800;
  font-style: normal;
  src: url('https://48407683.fs1.hubspotusercontent-na1.net/hubfs/48407683/fonts/Gilroy-ExtraBold.otf') format('opentype'),
}

:root {
  /* ========================================================================== */
  /*  base                                                                      */
  --body-font: 'Gilroy', sans-serif;
  --heading-font: 'Obviously', sans-serif;

  /* ========================================================================== */
  /*  Font Sizing                                                               */
  --rem-base-px: 21px;
  --base-line-height: 1.33333;

  /* update multiplier to change responsive sizing, unless design has specific sizing */
  --heading-ex-lg:        5rem;
  --h1-font-size:         3.8095rem;
  --h2-font-size:         2.7619rem;
  --h3-font-size:         2.2381rem;
  --h4-font-size:         1.7143rem;
  --h5-font-size:         1.2857rem;
  --body-font-size:       1rem;
  --text-md:              0.7619rem;
  --text-sm:              0.5714rem;

  /* ========================================================================== */
  /*  Line Heights                                                              */
  --heading-ex-lg-line-height:  .95238;
  --h1-line-height:             1;
  --h2-line-height:             1.06897;
  --h3-line-height:             1.02128;
  --h4-line-height:             1;
  --h5-line-height:             1.03704;
  --text-md-line-height:        1.5;
  --text-sm-line-height:        1.66667;
}
 
/*** Mobile Multiplier ***/
@media (max-width: 640px) {
  :root {
    --heading-ex-lg:        2.7619rem;
    --h1-font-size:         2.2381rem; 
    --h2-font-size:         1.7143rem;
    --h3-font-size:         1.2857rem;
    --h4-font-size:         1.1429rem;
    --h5-font-size:         1rem;
    --body-font-size:       0.8571rem;
    --text-md:              0.6667rem;

    /* ========================================================================== */
    /*  Line Heights                                                              */
    --heading-ex-lg-line-height:  1.06897;
    --h1-line-height:             1.02128;
    --h2-line-height:             1;
    --h3-line-height:             1.3704;
    --h4-line-height:             1.08333;
    --h5-line-height:             1.14286;
    --text-lg-line-height:        1.28571;
  }
}


/* ========================================================================== */
/*  4. Global Styles                                              #styles     */
/*=========================================================================== */

:root {
  /* General */
  --radius: 8px;
  --box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .0);
  --transition: all 200ms ease-in-out;


  /* Buttons */
  --btn-font-size: var(--rem-base-px);
  --btn-padding: 12px 20px;
  --btn-border: 1px solid transparent;
  --btn-radius: 8px;
  --btn-transition: var(--transition);
}

/* ========================================================================== */
/*  5. FORMS                                                #form             */
/* ========================================================================== */  

form, form :before, form :after {
  /* ========================================================================== */
  /*  Labels                                                                    */
  --legend-font-size:   0.9375rem;

  --label-font-family:  var(--heading-font);
  --label-font-size:    1rem;
  --label-font-weight:  500;
  --label-line-height:  1.125;
  --label-color:        var(--neutral-900);
  --label-margin-b:     8px;

  --label-error-font-size:          0.875rem;
  --label-error-font-weight:        450;
  --label-error-line-height:        1;
  --label-error-color:              var();
  --label-error-image:              url('https://23101795.fs1.hubspotusercontent-na1.net/hubfs/23101795/xpel-theme-2024/icons/form-alert-icon.svg');


  /* ========================================================================== */
  /*  Text Input                                                                */
  --input-font-size:                1.125rem;
  --input-font-weight:              400;
  --input-line-height:              1.111;
  --input-color-text:               var();
  --input-color-text-placeholder:   var();
  --input-color-required:           var();
  --input-color-bg:                 var();
  --input-border:                   1px solid var();
  --input-border-radius:            4px;
  --input-padding:                  14px 16px;
  --input-spacing-y:                16px;
  --input-transition:               var(--transition);
  --input-color-outline:            var();

  /* States */
  --input-error-color-border:       var();
  --input-error-color-outline:      var();
  --input-focus-color-border:       var();
  --input-disabled-color-text:      var();
  --input-disabled-color-border:    var();
  --input-disabled-color-bg:        var();

  --textarea-height:                113px; 

  /* ========================================================================== */
  /*  Checkbox                                                                  */
  --checkbox-font-family:       var(--body-font);
  --checkbox-font-size:         1rem;
  --checkbox-font-weight:       450;
  --checkbox-line-height:       1.111;
  --checkbox-color-text:        var();
  --checkbox-dimensions:        20px;
  --checkbox-image-dimensions:  18px;
  --checkbox-border:            1px solid var();
  --checkbox-border-radius:     var(--radius);
  --checkbox-color-bg:          var();

  /* States */
  --checkbox-hover-image:                 url();
  --checkbox-hover-color-border:          var();
  --checkbox-checked-image:               url();
  --checkbox-checked-color-bg:            var();
  --checkbox-checked-color-border:        var();
  --checkbox-checked-hover-color-bg:      var();
  --checkbox-checked-hover-color-border:  var();
  --checkbox-error-color-border:          var();
  --checkbox-disabled-color-text:         var();
  --checkbox-disabled-color-bg:           var();
  --checkbox-disabled-color-border:       var();
  --checkbox-disabled-checked-image:      url();
  --checkbox-disabled-checked-color-bg:   var();
  
  
  /* ========================================================================== */
  /*  Radio                                                                     */
  --radio-font-family:        var(--body-font);
  --radio-font-size:          var(--checkbox-font-size);
  --radio-font-weight:        var(--checkbox-font-weight);
  --radio-color-text:         var(--checkbox-color-text);
  --radio-line-height:        var(--checkbox-line-height);
  --radio-dimensions:         20px;
  --radio-inner-dimensions:   10px;
  --radio-color-bg:           var();
  --radio-border:             1px solid var();
  --radio-border-radius:      50px;

  /* States */
  --radio-hover-color-inner:              var();
  --radio-hover-border:                   1px solid var();
  --radio-checked-color-inner:            var();
  --radio-checked-color-bg:               var();
  --radio-checked-color-border:           2px solid var();
  --radio-checked-hover-color-border:     2px solid var();
  --radio-error-color-border:             var();
  --radio-disabled-color-text:            var();
  --radio-disabled-color-bg:              var();
  --radio-disabled-color-border:          1px solid var();
  --radio-disabled-color-inner:           var();
  --radio-disabled-checked-color-bg:      var();
  --radio-disabled-checked-color-border:  2px solid var();
  --radio-disabled-checked-color-inner:   var();

  /* ========================================================================== */
  /*  Select                                                                    */
  --select-icon:          url();

  /* ========================================================================== */
  /*  datepicker                                                                */
  --date-input-icon:                    url();
  --date-input-icon-height:             24px;
  --date-input-icon-width:              20px;
  --date-input-margin-right:            20px; /* match this to x-padding on input fields */

  --date-picker-font:                   var(--body-font);
  --date-picker-color:                  var();
  --date-picker-border:                 none;
  --date-picker-border-radius:          var(--radius-md);

  --date-picker-number-hover-color:     var();
  --date-picker-number-hover-bg:        var();
  --date-picker-number-today-color:     var();
  --date-picker-number-selected-color:  var();
  --date-picker-number-selected-bg:     var();
}

/* ========================================================================== */
/*  Form Color Variants                                                       */
.form--style-light form, .form--style-light form :before, .form--style-light form :after {
  --input-color-bg:     var();
  --checkbox-color-bg:  transparent;
  --radio-color-bg:     transparent;
}

.form--style-dark form, .form--style-dark form :before, .form--style-dark form :after {
  --label-color:                    var();
  --label-error-color:              var();
  --label-error-image:              url();

  --input-color-text:               var();
  --input-color-text-placeholder:   var();
  --input-color-required:           var();
  --input-color-bg:                 transparent;
  --input-color-outline:            rgb();
  --input-border:                   1px solid var();
  --input-disabled-color-text:      var();
  --input-disabled-color-border:    var();
  --input-disabled-color-bg:        var();
  --input-error-color-border:       var();
  --input-error-color-outline:      0px 0px 0px 3px rgba(222, 28, 34, 0.70);

  --checkbox-color-text:                  var();
  --checkbox-border:                      1px solid var();
  --checkbox-color-bg:                    var();
  --checkbox-hover-color-border:          var();
  --checkbox-checked-image:               url();
  --checkbox-checked-color-bg:            var();
  --checkbox-checked-color-border:        var();
  --checkbox-checked-hover-color-bg:      var();
  --checkbox-checked-hover-color-border:  var();
  --checkbox-disabled-color-text:         var();
  --checkbox-disabled-color-bg:           var();
  --checkbox-disabled-color-border:       var();
  --checkbox-disabled-checked-image:      url();
  --checkbox-disabled-checked-color-bg:   var();

  --radio-color-bg:                       var();
  --radio-border:                         1px solid var();
  --radio-hover-color-inner:              var();
  --radio-hover-border:                   1px solid var();
  --radio-checked-color-inner:            var();
  --radio-checked-color-bg:               var();
  --radio-checked-color-border:           2px solid var();
  --radio-checked-hover-color-border:     2px solid var();
  --radio-disabled-color-text:            var();
  --radio-disabled-color-bg:              var();
  --radio-disabled-color-border:          1px solid var();
  --radio-disabled-color-inner:           var();
  --radio-disabled-checked-color-bg:      var();
  --radio-disabled-checked-color-border:  2px solid var();
  --radio-disabled-checked-color-inner:   var();
}
*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

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

body {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

legend {
  padding: 0;
}

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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



/* CSS variables */
:root {
  --column-gap: 0%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */
.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: var(--dnd-row-gap);
}


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

/* Desktop layout */
@media (min-width: 820px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}
/* container */
.dnd-section {
  overflow-x: clip;
  margin: 0 0 var(--dnd-section-bottom-margin);
}

.content-wrapper,
.dnd-section > .row-fluid {
  margin: 0 auto;
  padding: 0 var(--container-padding);
  max-width: calc(var(--container-width) + (var(--container-padding) * 2));
}

.body-wrapper {
  width: 100%;
}

.dnd-section .dnd-column,
.dnd-section .content-wrapper,
.dnd-section[class*="body_dnd_area-row"] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.dnd-section > .row-fluid:has(.module-wrapper--full-width) {
  max-width: 100%;
  padding-inline: 0;
}

/* set custom padding for fixed header */
.dnd-section:has([class*="section-background"]) {
  padding-block: var(--dnd-section-bg-padding);
}

.dnd-section:first-child {
  padding-top: var(--first-section-padding-top);
}

.dnd-section:last-child {
  margin-bottom: var(--spacing-8x);
}

.dnd-section:last-child:has([class*="section-background"]) {
  margin-bottom: 0;
}

@media (max-width: 820px) {
  /* .dnd-section .row-fluid > .dnd-column:has(+ .dnd-column) {
    margin-bottom: var(--dnd-section-bottom-margin);
  } */

  .dnd-column:has(.hs-horizontal-spacer) {
    margin-bottom: 0 !important;
  }

  .dnd-column:has(.custom-text-wrapper) + .dnd-column:has(.custom-img-wrapper) {
    order: 1;
  }

  .dnd-column:has(+ .dnd-column .custom-img-wrapper) {
    order: 2;
  }
}


@media (min-width: 640px) {
  .dnd-section[class*="force-full-width-section"] .dnd-column {
    padding: 0;
  }
}

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

body {
  position: relative;

  &:before {
    content: '';
    position: fixed;
    inset: 0 auto auto 0;
    height: 100vh;
    width: 100vw;
    background-image: url('https://48407683.fs1.hubspotusercontent-na1.net/hubfs/48407683/monkeyshine-single-page-assets/page-background.webp');
    z-index: -1;
  }
}

.module-wrapper {
  display: flex;
  max-width: 100%;
}

.module-wrapper--center {
  margin: 0 auto;
}

.module-wrapper--right {
  margin: 0;
}

.module-wrapper > div {
  width: 100%;
}

.module-wrapper--col {
  flex-direction: column;
}

@media (min-width: 1050px) {
  .module-wrapper--right {
    margin: 0 0 0 auto;
  }
}

.icon-wrapper,
.icon-wrapper svg {
  display: block;
  height: fit-content;
  width: fit-content;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}
html {
  font-family: var(--body-font);
  font-size: var(--rem-base-px);
  font-weight: 400;
  line-height: var(--base-line-height);
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth; /** Remove this when using GSAP scroll triggers **/
}

body {
  font-size: var(--body-font-size);
  color: var(--neutral-950);
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.heading-display-1,
.heading-display-2,
.heading-display-3,
.heading-display-4,
.heading-display-5,
.heading-display-6 {
  font-family: var(--heading-font);
  font-weight: 580;
  text-transform: uppercase;
  margin: 0;

  &.heading-condensed,
  & .heading-condensed {
    font-weight: 380;
  }

  &.heading-font-body,
  & .heading-font-body {
    font-family: var(--body-font);
    font-weight: 800;
    text-transform: none;
  }
}

h1, .heading-display-1 {
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
}

h2, .heading-display-2 {
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
}

h3, .heading-display-3 {
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
}

h4, .heading-display-4 {
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
}

h5, .heading-display-5 {
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
}

h6, .heading-display-6 {
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
}

/* Paragraphs */
p {
  font-size: var(--body-font-size);
  margin: 0;
}

/* Anchors */
a {
  cursor: pointer;
  font-size: var(--body-font-size);
  color: var();
  text-decoration: none;
}

a:hover {
  color: var();
}

/* Preheaders */
.preheader {
  display: block;
  font-size: var(--preheader-font-size);
  font-weight: 600;
  line-height: var(--preheader-line-height);
  text-transform: uppercase;
}

/* Lists */
ul, ol {
  margin: 0 0 24px;
  padding: 0;
  text-align: start;
}

:is(ul, ol, li) :is(ul, ol) {
  margin: 0;
  padding: 0;
}

li :is(ul, ol) {
  margin-top: 8px;
}

ul > li {
  margin-left: 20px;
}

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

ul.list-reset li {
  margin-left: 0;
}

li {
  --font-size: var(--body-font-size);
  --line-height: 1.15;
  font-size: var(--font-size);
  font-weight: 400;
  line-height: var(--line-height);
  margin-bottom: 8px;
}

ol {
  list-style: none;
  counter-reset: orderedlist;
}

ol > li {
  position: relative;
  padding-left: 20px;
}

ol > li:before {
  counter-increment: orderedlist;
  content: counter(orderedlist) '.';
  position: absolute;
  inset: 0 auto auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--body-font);
  font-size: 0.875rem;
  height: fit-content;
  width: fit-content;
}

@media (min-width: 799px) {
  ul > li {
    margin-left: 22px;
  }
  
  ul > li::marker {
    font-size: 20px;
    line-height: calc(var(--font-size) * var(--line-height))
  }

  ol > li {
    padding-left: 22px;
  }

  ol > li:before {
    font-size: 1rem;
  }
}

/* Code blocks */
pre {
  overflow: auto;
  margin: 0;
}

code {
  vertical-align: bottom;
}

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

/* Horizontal rules */
hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */
img {
  font-size: 0.583rem;
  word-break: normal;
}

/* Figcaptions */
figcaption {
  font-size: 0.875rem;
}

/* ========================================================================== */
/*  RICH TEXT STYLING                                                         */
.custom-text-wrapper,
.custom-text-wrapper__rich-text {
  display: flex;
  flex-direction: column;
}

:is(.hs_cos_wrapper_type_rich_text, .custom-text-wrapper, .custom-text-wrapper__rich-text) :is(h1, h2, h3, h4, h5, h6):has(+ *) {
  text-wrap: wrap;
  margin-bottom: var(--spacing-4x);
}

:is(.hs_cos_wrapper_type_rich_text, .custom-text-wrapper, .custom-text-wrapper__rich-text) :is(.preheader, p):has(+ *) {
  text-wrap: wrap;
  margin-bottom: var(--spacing-6x);
}
.reset-button {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}

/* ========================================================================== */
/*  Button Group                                                              */
.btn-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-4x);
  width: 100%;

  @media (min-width: 820px) {
    flex-direction: row;
    align-items: center;
  }

  &.btn-group--center {
    justify-content: center;
  }

  &.btn-group--right {
    justify-content: flex-end;
  }
}

/* ========================================================================== */
/*  Button Styles                                                             */
.btn,
a.btn,
.form input[type="submit"],
.systems-page .email-prefs input[type="submit"] {
  --color: var(--white);
  --background: transparent;
  --border-color: transparent;
  --padding: 12px 24px;
  --border-radius: 8px;
  display: inline-flex;
  color: var(--color);
  padding: var(--padding);
  background: var(--background);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  transition: var(--transition);
  font-size: var(--body-font-size);
  font-weight: 800;
  cursor: pointer;
  position: relative;
  line-height: 1.33333;
  text-decoration: none;
  width: fit-content;

  @media (max-width: 820px) {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}

.btn--primary,
a.btn--primary {
  --color: var(--neutral-white);
  --background: var(--neutral-950);
  --border-color: var(--neutral-950);

  @media (hover: hover) {
    &:hover {
      --color: var(--neutral-950);
      --border-color: var(--neutral-50);
      --background: var(--neutral-50);
    }
  }
}

.btn--secondary,
a.btn--secondary {
  --background: var(--secondary-base);
  --border-color: var(--secondary-base);

  @media (hover: hover) {
    &:hover {
      --background: var(--secondary-600);
      --border-color: var(--secondary-600);
    }
  }
}

a.btn--app_store,
a.btn--google_play {
  --padding: var(--spacing-2x) var(--spacing-3x);
  --border-color: var(--neutral-black);
  --background: var(--neutral-white);

  & svg {
    height: 35px;
    width: auto;
  }

  & svg path {
    transition: var(--transition);
  }

  &:hover {
    --background: var(--neutral-black);

    & svg path.change-color {
      fill: var(--neutral-white);
    }
  }
}
/* ========================================================================== */
/*  Fields                                                                    */
.hs-form-field {
  margin-bottom: var(--input-spacing-y);
}

/* ========================================================================== */
/*  Labels                                                                    */
form label {
  margin-bottom: var(--label-margin-b);
}

form label, form label span {
  display: inline-block;
  font-family: var(--label-font-family);
  font-size: var(--label-font-size);
  font-weight: var(--label-font-weight);
  line-height: var(--label-line-height);
  color: var(--label-color);
}

/* ========================================================================== */
/*  Help Text                                                                 */
form legend {
  font-size: var(--legend-font-size);
}

/* ========================================================================== */
/*  Fieldsets                                                                 */
form fieldset {
  max-width: 100% !important;
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}

form fieldset.form-columns-2 {
  display: grid;
  grid-template-columns: 1fr;
}

form fieldset:is(.form-columns-1, .form-columns-2) .hs-form-field {
  width: 100% !important;
  float: none !important;
}

form fieldset:is(.form-columns-1, .form-columns-2) .input {
  margin-right: 0 !important;
}

@media (min-width: 480px) {
  form fieldset.form-columns-2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

/* ========================================================================== */
/*  Inputs                                                                    */
form :is(
  select, 
  select option, 
  textarea, 
  input:is(
    [type=radio], 
    [type=text], 
    [type=checkbox], 
    [type=search], 
    [type=email],
    [type=tel])) 
  {
  display: inline-block;
  font-size: var(--input-font-size);
  font-weight: var(--input-font-weight);
  line-height: var(--input-line-height);
  color: var(--input-color-text);
  padding: var(--input-padding);
  width: 100% !important;
  border: var(--input-border);
  border-radius: var(--input-border-radius);
  background-color: var(--input-color-bg);
  outline: 3px solid transparent;
  outline-offset: 0;
}

form :is(input, textarea, select):is(:focus) {
  border-color: var(--input-focus-color-border);
  outline-color: var(--input-color-outline);
}

form :is(input, textarea, select):disabled {
  cursor: not-allowed;
  color: var(--input-disabled-color-text);
  background: var(--input-disabled-color-bg);
  border-color: var(--input-disabled-color-border);
}

form textarea {
  height: var(--textarea-height);
}

form .hs_submit input[type=submit] {
  display: block;
}

form :is(input:placeholder, form select.is-placeholder, form select option:disabled) {
  font-family: var(--body-font);
  font-weight: 450;
  line-height: 1.111;
  color: var(--input-color-text-placeholder);
}

form input:placeholder:disabled {
  color: var(--input-disabled-color-text); 
}

/* ========================================================================== */
/*  Form List Items                                                           */  
form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 12px;
}

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

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

/* ========================================================================== */
/*  Inputs - Checkbox                                                         */
form :is(.hs-form-checkbox-display, .hs-form-booleancheckbox-display) {
  cursor: pointer;
  display: flex;
  gap: 12px;
}

form :is(.hs-form-checkbox-display, .hs-form-booleancheckbox-display) span {
  font-family: var(--checkbox-font-family);
  font-size: var(--checkbox-font-size);
  font-weight: var(--checkbox-font-weight);
  line-height: var(--checkbox-line-height);
  color: var(--checkbox-color-text);
  transition: var(--input-transition);
  margin: 0;
}

form .hs-form-checkbox-display:has(input[type=checkbox]:disabled) span {
  color: var(--checkbox-disabled-color-text);
}

form input[type=checkbox] {
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  display: block;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  height: var(--checkbox-dimensions);
  width: var(--checkbox-dimensions) !important;
  background-color: var(--checkbox-color-bg);
  border-radius: var(--checkbox-border-radius);
  border: var(--checkbox-border);
  transition: var(--input-transition);
  outline-offset: 3px;
}

form .inputs-list.error input[type="checkbox"] {
  border-color: var(--checkbox-error-color-border);
}

form input[type="checkbox"]:checked {
  background-color: var(--checkbox-checked-color-bg);
  border-color: var(--checkbox-checked-color-border);
}

form input[type="checkbox"]:disabled,
form input[type="checkbox"]:disabled:hover {
  background-color: var(--checkbox-disabled-color-bg);
  border-color: var(--checkbox-disabled-color-border);
}
form input[type="checkbox"]:disabled:checked,
form input[type="checkbox"]:disabled:checked:hover {
  background-color: var(--checkbox-disabled-checked-color-bg);
  border-color: var(--checkbox-disabled-color-border);
}

form input[type="checkbox"]:before {
  --checkbox-content: var(--checkbox-checked-image);
  content: var(--checkbox-content);
  position: absolute;
  inset: 0;
  height: var(--checkbox-image-dimensions);
  width: var(--checkbox-image-dimensions);
  transition: var(--input-transition);
  opacity: 0;
}

form input[type="checkbox"]:checked:before {
  opacity: 1;
}

form input[type="checkbox"]:disabled:checked:before {
  --checkbox-content: var(--checkbox-disabled-checked-image);
}

form input[type="checkbox"]:after {
  content: var(--checkbox-hover-image);
  position: absolute;
  inset: 0;
  height: var(--checkbox-image-dimensions);
  width: var(--checkbox-image-dimensions);
  transition: var(--input-transition);
  opacity: 0;
}

form input[type="checkbox"]:disabled:after {
  opacity: 0;
}

/* Hover States */
@media (hover: hover) {
  form input[type="checkbox"]:hover:not(input[type="checkbox"]:disabled) {
    border-color: var(--checkbox-hover-color-border);
  }

  form input[type="checkbox"]:checked:hover:not(input[type="checkbox"]:disabled) {
    background-color: var(--checkbox-checked-hover-color-bg);
    border-color: var(--checkbox-checked-hover-color-border);
  }

  form input[type="checkbox"]:hover:not(input[type="checkbox"]:disabled):after {
    opacity: 1;
  }

  form input[type="checkbox"]:checked:hover:not(input[type="checkbox"]:disabled):after {
    opacity: 0;
  }
}

/* ========================================================================== */
/*  Inputs - Radio                                                            */
form .hs-form-radio-display {
  cursor: pointer;
  display: flex;
  gap: 12px;
}

form .hs-form-radio-display span {
  font-family: var(--radio-font-family);
  font-size: var(--radio-font-size);
  font-weight: var(--radio-font-weight);
  line-height: var(--radio-line-height);
  color: var(--radio-color-text);
  transition: var(--input-transition);
  margin: 0;
}

form .hs-form-radio-display:has(input[type=radio]:disabled) span {
  color: var(--radio-disabled-color-text);
}

form input[type=radio] {
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  height: var(--radio-dimensions);
  width: var(--radio-dimensions) !important;
  background-color: var(--radio-color-bg);
  border-radius: var(--radio-border-radius);
  border: var(--radio-border);
  transition: var(--input-transition), border-width 0ms linear;
  outline-offset: 3px;
}

form .inputs-list.error input[type="radio"] {
  border-color: var(--radio-error-color-border);
}

form input[type="radio"]:checked {
  border: var(--radio-checked-color-border);
  background: var(--radio-checked-color-bg);
}

form input[type="radio"]:disabled,
form input[type="radio"]:disabled:hover {
  background-color: var(--radio-disabled-color-bg);
  border: var(--radio-disabled-color-border);
}

form input[type="radio"]:disabled:checked,
form input[type="radio"]:disabled:checked:hover {
  background-color: var(--radio-disabled-checked-color-bg);
  border: var(--radio-disabled-checked-color-border);
} 

form input[type="radio"]:after {
  content: '';
  height: var(--radio-inner-dimensions);
  width: var(--radio-inner-dimensions);
  border-radius: var(--radio-border-radius);
  transition: var(--input-transition);
}

form input[type="radio"]:checked:after {
  background-color: var(--radio-checked-color-inner);
}

form input[type="radio"]:disabled:after {
  background-color: var(--radio-disabled-color-inner);
}

form input[type="radio"]:disabled:checked:after {
  background-color: var(--radio-disabled-checked-color-inner);
}

/* Hover States */
@media (hover: hover) {
  form input[type="radio"]:hover:not(input[type="radio"]:disabled) {
    border: var(--radio-hover-border);
  }

  form input[type="radio"]:checked:hover:not(input[type="radio"]:disabled) {
    border: var(--radio-checked-hover-color-border);
  }

  form input[type="radio"]:hover:not(input[type="radio"]:disabled):after {
    background-color: var(--radio-hover-color-inner);
  }

  form input[type="radio"]:checked:hover:not(input[type="radio"]:disabled):after {
    background-color: var(--radio-checked-color-inner);
  }
}

/* ========================================================================== */
/*  Inputs - Select                                                           */
form .hs-fieldtype-select .input {
  position: relative;
}

form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

form .hs-fieldtype-select .input:after {
  content: var(--select-icon);
  pointer-events: none;
  position: absolute;
  inset: 50% 16px auto auto;
  line-height: 1;
  transform: translateY(-50%);
  transition: all 300ms ease-in-out;
  z-index: 1;
}

form .hs-fieldtype-select .input:has(select:focus):after {
  transform: translateY(-50%) rotate(-180deg);
}

/* ========================================================================== */
/*  Inputs - Date Picker                                                      */
.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content: '';
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  margin-right: var(--date-input-margin-right);
  height: var(--date-input-icon-height);
  width: var(--date-input-icon-width);
  background-image: var(--date-input-icon);
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}

.hs-datepicker {
  width: 100%;
  max-width: 400px;
}

.fn-date-picker.pika-single.is-bound {
  width: 100%;
  border-radius: var(--date-picker-border-radius);
  border: var(--date-picker-border);
}

.fn-date-picker .pika-lendar {
  height: 100%;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px;
  float: none !important;
}

.fn-date-picker .pika-table {
  margin-bottom: 0;
}

.fn-date-picker .pika-label,
.fn-date-picker .pika-table thead th,
.fn-date-picker .pika-button {
  font-family: var(--body-font);
  color: var(--date-picker-color) !important;
}

.fn-date-picker .pika-table thead th abbr {
  text-decoration: none;
}

.fn-date-picker .pika-button {
  font-family: var(--body-font);
  font-weight: 400;
  text-align: center !important;
  background: transparent !important;
  transition: var(--transition);
  border-radius: var(--border-radius);
}

.fn-date-picker td.is-today .pika-button {
  font-weight: 700;
  color: var(--date-picker-number-today-color) !important;
}

.fn-date-picker td.is-selected .pika-button {
  background-color: var(--date-picker-number-selected-bg) !important;
  color: var(--date-picker-number-selected-color) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: none;
}

@media (hover: hover) {
  form .fn-date-picker .pika-button:hover {
    background: var(--date-picker-number-hover-bg) !important;
    border-radius: var(--border-radius) !important;
    color: var(--date-picker-number-hover-color) !important;
  }
}

/* ========================================================================== */
/*  Inputs - File Picker                                                      */
form input[type=file] {
  background-color: transparent;
  border-radius: 0;
  border: initial;
  padding-left: 0;
}

/* ========================================================================== */
/*  GDPR                                                                      */
.legal-consent-container .hs-richtext,
.legal-consent-container .hs-richtext p {
  font-size: 0.875rem;
  margin-bottom: 8px;
}

.form--style-dark .legal-consent-container .hs-richtext,
.form--style-dark .legal-consent-container .hs-richtext p {
  color: var(--neutral-200);
}

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

/* ========================================================================== */
/*  Validation                                                                */
form label span.hs-form-required {
  color: var(--input-color-required);
}

.hs-input.invalid.error {
  border-color: var(--input-error-color-border);
  box-shadow: var(--input-error-color-outline);
}

form .inputs-list.hs-error-msgs {
  margin: 0;
}

form .hs-error-msgs li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 8px 0 0;
}

form .hs-error-msgs li:before {
  content: var(--label-error-image);
  display: block;
  line-height: 1;
  height: 16px;
  width: 16px;
}

form .hs-error-msgs label {
  --font-size: var(--label-error-font-size);
  display: inline-block;
  font-size: var(--font-size);
  font-weight: var(--label-error-font-weight);
  line-height: var(--label-error-line-height);
  color: var(--label-error-color);
  margin-bottom: 0;
}

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

/* ========================================================================== */
/*  Submit Message                                                            */
.submitted-message {
  text-align: center;
  font-weight: 700;
  color: var(--primary-base);
}
/* Missing Template at Path: \'monkeyshine-single\/css\/elements\/_tables.css\' */
.is-anchor {
  scroll-margin-top: var(--scroll-margin-top);
}

/* ========================================================================== */
/*  BACKGROUNDS                                                               */
/* ========================================================================== */
.dnd-section:has(.section-background--gray) {
  background: var(--gray-base);
}

.dnd-section:has(.section-background--primary-50) {
  background: var(--primary-50);
}

.dnd-section:has(.section-background--primary-base) {
  background: var(--primary-base);
}

.section-background-hidden-element {
  display: none;
}

/* ========================================================================== */
/*  Typography                                                                */
/* ========================================================================== */
.text-white,
.text-white :where(*:not(.btn)) {
  color: var(--text-white);
}

.text-light {
  color: var(--neutral-50);
}

.text-highlight {
  color: var(--treehouseplum-900);
}

.text-md {
  font-size: var(--text-md);
  line-height: var(--text-md-line-height);
}

.text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm-line-height);
}

:has(> .masked-link) {
  position: relative;
}

.masked-link {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
}
/* Missing Template at Path: \'monkeyshine-single\/css\/elements\/_accordion.css\' */
.video-player-wrapper {
  --media-button-touch-hover-border-radius: 8px;
  --media-button-touch-hover-bg: transparent;
  position: relative;
  width: 100%;
  height: fit-content;
  overflow: clip;
}

.video-player {
  --media-button-icon-size: 42px;
  --media-button-hover-transform: none;
  --media-button-hover-bg: transparent;
  --right-btn-pos: 24px;
  position: relative;
  height: fit-content;
}

.video-player__thumbnail {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-player media-player[data-media-player] {
  cursor: pointer;
  position: static;
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.video-player iframe .ytp-watermark {
  display: none;
}

.video-player .vds-poster :where(img) {
  object-fit: cover;
}


/* ========================================================================== */
/*  MODAL VARIANT                                                             */
body:has(dialog.video-player-modal-wrapper[open]) {
  overflow: clip;
  margin-right: 15px;
}

/* body:has(dialog.video-player-modal-wrapper[open][data-state="closing"]) {
  overflow: auto;
  margin-right: 16px;
} */

dialog.video-player-modal-wrapper {
  cursor: default;
  display: none;
  justify-content: center;
  align-items: center;
  height: 100vh;
  max-height: 100vh;
  width: 100vw;
  max-width: 100vw;
  background: transparent;
  border: none;
  padding: 0 var(--container-padding);
  opacity: 0;
  backdrop-filter: blur(15px);
  transition: all 200ms ease-in-out;
  z-index: 0;
}

dialog.video-player-modal-wrapper[open] {
  display: flex;
  animation: openVideoModal 300ms forwards;
}

dialog.video-player-modal-wrapper[open][data-state="closing"] {
  animation: closeVideoModal 300ms forwards;
}

dialog.video-player-modal-wrapper::backdrop {
  display: none;
}

@keyframes openVideoModal {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes closeVideoModal {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.video-modal__backdrop {
  content: '';
  position: absolute;
  inset: 0 auto auto 0;
  height: 100%;
  width: 100%;
  background: rgb(from #000 r g b/.6);
  backdrop-filter: blur(15px);
  z-index: -1;
}

.video-player-modal {
  --media-button-icon-size: 24px;
  max-width: 1063px;
  aspect-ratio: 16/9;
  height: auto !important;
  width: 100% !important;
  max-height: calc(100% - (var(--container-padding * 2)));
}

.video-player-modal media-player[data-media-player] {
  height: 100 !important;
  width: 100% !important;
  background: var(--black-base);
} 

.video-player-modal [data-media-player][data-layout=video]:not([data-fullscreen]) {
  border: none;
  border-radius: 0;
}

:where(.video-player-modal .vds-video-layout .vds-controls[data-visible]) {
  border-radius: 0 !important;
  /* background-image: linear-gradient(to top,rgb(0 0 0 / .6),10%,transparent,95%,rgb(0 0 0 / .0)) !important; */
}

.modal-close-btn {
  cursor: pointer;
  position: absolute;
  inset: 43px 51px auto auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 43px;
  width: 43px;
  border-radius: 150px;
  transition: all 550ms cubic-bezier(.215,.61,.355,1);
  background: var(--peachy-400);
  z-index: 10;

  & svg path {
    fill: var(--treehouseplum-900);
  }
}

.modal-close-btn:hover {
  background: var(--peachy-500);
}

.modal-close-btn svg {
  display: block;
}

.video-modal-trigger {
  cursor: pointer;
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(from var(--treehouseplum-900) r g b / .24);

  &:hover svg path {
    fill: var(--neutral-white);
  }
}

.video-modal-trigger__icon {
  --bg-color: var(--secondary-base);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 119px;
  aspect-ratio: 1;
  border-radius: 150px;
  z-index: 0;

  & svg path {
    transition: var(--transition);
  }
}

.video-modal-trigger__icon:hover {
  --bg-color: var(--secondary-600);
}


.video-slide:hover .video-modal-trigger__icon {
  transform: scale(1.2);
}

.video-modal-trigger__icon .icon-wrapper {
  margin-left: 8px;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.4);
    opacity: 0;
  }
}

@media (max-width: 640px) {
  .modal-close-btn {
    inset: 20px 20px auto auto;
  }
}
.hero-section {
  position: relative;
  background: var(--peachy-400);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 48px), 0 100%);
  overflow: clip;
  z-index: 0;

  &:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEyIiBoZWlnaHQ9IjEyNDQiIHZpZXdCb3g9IjAgMCA5MTIgMTI0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBpZD0iMWQ3OWM1NGYiIGQ9Ik0xNjkuMzY1IDE3LjUxMjFDMTI4LjQ1NCAxMDguMzA2IDg3LjY0ODQgMTk5LjI4OSA1NC4yOTc3IDI5My44MDNDMzguNTMwMSAzMzguNDgxIDI0LjMyMTUgMzgzLjk4NCAxMy4yNzY1IDQzMC42NEMzLjIyNDI2IDQ3My4xMDUgLTMuNDg2MzQgNTE4LjEzOCAxLjkyMTc2IDU2NC42NDZDNy4zNDI3NiA2MTEuMzk2IDI1LjM3ODcgNjYwLjEyOSA1Ny45MTYgNzAzLjQ3OUM4Ny44Nzg5IDc0My4zODIgMTI2LjcwMyA3NzkuMDQxIDE3MC45MTUgODA2Ljc5M0MxNTcuNTI4IDgzOC4zNTggMTQ3Ljc3NCA4NzEuNjkyIDE0Ni4zNzMgOTA3LjcyOUMxNDQuMzkzIDk1OC40MyAxNzEuMDIgMTAxMS4zOCAyMTYuMjAxIDEwNTMuMzNDMjU1Ljc3NCAxMDkwLjA3IDMwNC44NzQgMTExOS4xOCAzNTMuMjI3IDExNDMuNThDNDAyLjc3MyAxMTY4LjU5IDQ1My40NCAxMTg5Ljk1IDUwNS41NTEgMTIwNS43NEM2MDguMzc2IDEyMzYuODkgNzEyLjk5NCAxMjQ5Ljk0IDgxMS4xNjIgMTI0MS45MkM4MzMuNDg3IDEyNDAuMDkgODU1LjM0NCAxMjM3LjA1IDg3Ni42OSAxMjMyLjkxQzg4OS43MDQgMTIzMC4zOCA5MDAuMjg0IDEyMjYuMDIgOTA2LjY1NSAxMjE1Ljc0QzkxMi4yMDUgMTIwNi43OCA5MTMuNjQxIDExOTIuODcgOTA4LjY5MiAxMTgxLjI2Qzg5OC43ODcgMTE1OC4wMyA4NjcuOTg5IDExMzQuMjkgODQxLjI3NyAxMTM5LjQ5QzgwMS4wMDIgMTE0Ny4zMiA3NTguODk1IDExNTAuOTcgNzE1LjYyNCAxMTUwLjU5QzY2NC4yOCAxMTQ5LjAzIDYxMS44ODIgMTE0MS45MyA1NTkuNDg5IDExMjkuNTRDNTA2LjE5MSAxMTE1LjgzIDQ1My40MzEgMTA5Ni43NiA0MDIuNDE1IDEwNzIuNTJDMzY3LjI5MiAxMDU1LjA3IDMzMi4zNyAxMDM1LjM5IDMwMC43ODYgMTAxMi4wMkMyOTAuMzM5IDEwMDMuNTYgMjgwLjUwMSA5OTQuNTcxIDI3MS41NTcgOTg0Ljg2MUMyNjcuMTM3IDk3OS4xODMgMjYzLjEyNyA5NzMuMzcgMjU5LjU2IDk2Ny4zNjVDMjU3LjE1MSA5NjIuMDQ3IDI1NS4xNTMgOTU2LjY4NyAyNTMuNTIzIDk1MS4yOTJDMjUyLjA1IDk0My4wNTQgMjUxLjQxOSA5MzQuOTY1IDI1MS40NTUgOTI2Ljk0NkMyNTMuNTU2IDkwNC40MjIgMjYwLjEyOSA4ODMuMzYzIDI2Ny45NTQgODYzLjAwMkMyNjkuMjQ4IDg1OS45IDI3MC41NzcgODU2LjgwNCAyNzEuOTI5IDg1My43MzhDMjkxLjA0MiA4NTkuNzgxIDMxMC4zNjcgODY0LjM2OCAzMjkuNjc3IDg2Ny4zNzRDMzgyLjQwNSA4NzUuNTgzIDQzMi42MSA4NzEuMTU1IDQ3OC41OSA4NTguODM2QzUyMS4xODcgODQ3LjQyMyA1NTkuNzk1IDgyNi41MjQgNTg5LjgzMSA3OTkuNzdDNjI2LjcyIDc2Ni45MDQgNjU5LjY5OCA3MjIuMDA0IDY1My4yNSA2NjcuMjQ3QzY0OS42ODQgNjM2Ljk5NyA2MzQuOTY3IDYwNy43MDcgNjExLjIwNCA1ODEuNTgzQzU4Ny45NjggNTU2LjA1IDU1My45OTggNTQwLjI3MyA1MjEuNDU5IDUzNC4wNzdDNDkzLjAwOCA1MjguNjU2IDQ2NS40MjMgNTMzLjMzNyA0NDEuMjc5IDU0MC41MjNDNDE3LjkzOSA1NDcuNDYxIDM5Ny44MyA1NTkuMzA4IDM3OC4wNCA1NzAuOTM0QzMwOS40MTggNjExLjI0NCAyNTIuMzM3IDY2Ni4yOCAyMTEuMDg5IDczMC40NTdDMjA1LjAwNCA3MjYuNDg1IDE5OS4wNDYgNzIyLjM0MiAxOTMuMTkxIDcxOC4wM0MxNzguMTAzIDcwNS44MTkgMTY0LjE0IDY5Mi42MSAxNTEuNTEzIDY3OC40MjVDMTQxLjcwNyA2NjYuMjA3IDEzMy4wMzIgNjUzLjUwNiAxMjUuNjExIDY0MC4zNTRDMTE5LjI5IDYyNy4yNjIgMTE0LjM4MiA2MTQuMDE5IDExMC43MyA2MDAuNjgzQzEwNi40MiA1NzkuOTg3IDEwNS4wMjQgNTU5LjYzNSAxMDUuNjAyIDUzOS42MzZDMTA4Ljk5NiA0OTIuNTE3IDEyMS41MzQgNDQ3Ljg3NSAxMzQuNTM1IDQwNC4xNTdDMTQ5LjI5IDM1NC41NiAxNjYuNzg0IDMwNi4xNDYgMTg1LjcyNSAyNTguNDQzQzIxMC41MDMgMTk3LjA2MiAyMzcuNTcgMTM2LjgzNCAyNjQuNjk1IDc2LjY0MzZDMjY5LjU0NSA2NS45MDA3IDI3MS43MzMgNTUuMzU5MSAyNjYuNzMyIDQyLjE2NzFDMjYyLjM4NyAzMC43MDMxIDI1MS43NzEgMTcuNTMxMSAyMzkuNjU0IDEwLjU4MzFDMjI3LjA1MyAzLjM2NjEgMjEyLjM1NSAtMS40NDg5IDE5OS4zMTcgMC4zOTUxMDJDMTg3LjEgMi4xMjUxIDE3My45NzUgNy4zMjAxIDE2OS4zNTIgMTcuNTY2MUwxNjkuMzY1IDE3LjUxMjFaTTQ2MS4zNDkgNjQ1LjMzOEM0NzQuNzAyIDYzOC4xMzggNDg4LjY1MyA2MzEuNzc0IDUwNC4wNCA2MjcuNDgzQzUwOS40MTcgNjI2LjUzNyA1MTQuOTAxIDYyNS44NzcgNTIwLjU0IDYyNS42MjJDNTIzLjE5MSA2MjUuODY1IDUyNS44NDQgNjI2LjIwMyA1MjguNTE0IDYyNi42NDRDNTI5Ljk2MyA2MjcuMTIyIDUzMS40MjEgNjI3LjY1MiA1MzIuODY1IDYyOC4yMDVDNTMzLjkzNSA2MjguODM3IDUzNC45OTEgNjI5LjQ5MSA1MzYuMDM0IDYzMC4xNjhDNTM3LjI3NSA2MzEuMzEgNTM4LjQ4NyA2MzIuNDY2IDUzOS42NTcgNjMzLjY1OEM1NDEuMjExIDYzNS44MDIgNTQyLjY3MiA2MzcuOTk4IDU0NC4wMzkgNjQwLjIxNEM1NDUuMzc2IDY0My4yOTggNTQ2LjU0MSA2NDYuMzk5IDU0Ny41MzIgNjQ5LjUxN0M1NDguMTA4IDY1My4xNCA1NDguNDMxIDY1Ni43MTUgNTQ4LjUzNiA2NjAuMjc5QzU0Ny43NTYgNjY2LjQyMSA1NDYuMzc3IDY3Mi4zMTYgNTQ0LjUwMiA2NzguMDZDNTM5LjAzNSA2ODkuNjAyIDUzMS44MjMgNzAwLjA5NCA1MjMuNjQyIDcwOS45MjRDNTA5LjM3NiA3MjUuMDE5IDQ5Mi44NzQgNzM4LjE1MyA0NzQuMzk0IDc0OS4yMzhDNDU2LjExOSA3NTguODc4IDQzNi4zMzYgNzY2LjQ5NiA0MTUuMjAxIDc3MS45MDdDMzk2LjA2OCA3NzUuNzkgMzc2LjE3NiA3NzcuODUgMzU1LjU5NCA3NzcuOTEyQzM0Mi45MjUgNzc3LjMyNSAzMzAuMTUyIDc3NS45ODkgMzE3LjMwMyA3NzMuODU5QzMyNi4wMjYgNzYxLjU1IDMzNS4zNzMgNzQ5LjY0NCAzNDUuMzIyIDczOC4xNzNDMzc4LjQxNSA3MDIuMTYxIDQxNy4zMDggNjcwLjk0MiA0NjEuMzcyIDY0NS4zNjhMNDYxLjM0OSA2NDUuMzM4WiIgZmlsbD0iI0ZGQjRBMCI+PC9wYXRoPgo8L3N2Zz4=);
    position: absolute;
    inset: -135px auto auto calc(50% + 140px);
    height: auto;
    width: 912px;
    z-index: -1;

    @media (max-width: 820px) {
      content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzk1IiBoZWlnaHQ9IjU3MyIgdmlld0JveD0iMCAwIDc5NSA1NzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggaWQ9IjRkM2I1ODE5IiBkPSJNMC4wOTQ0NzcxIDI3LjEyMjhDOC4zMzQ0NiA4OS40ODIzIDE2LjY5NDMgMTUxLjkwOSAzMC4yMzE0IDIxMy43NUMzNi42Mjk0IDI0Mi45ODUgNDQuMTM5MiAyNzIuMTQ0IDUzLjczMDcgMzAwLjg2OEM2Mi40NjExIDMyNy4wMTMgNzMuODQwMSAzNTMuNDI1IDkyLjIxNjYgMzc2LjU5N0MxMTAuNjggMzk5Ljg5NCAxMzYuNTc3IDQyMC4wNiAxNjguNDY5IDQzMi41MUMxOTcuODMyIDQ0My45NjYgMjMwLjU0MSA0NTAuMTk2IDI2My41MTIgNDUwLjM4OEMyNjYuODI2IDQ3MS43ODkgMjcyLjY3OSA0OTIuOTMyIDI4My45MTYgNTEyLjc0N0MyOTkuNzIgNTQwLjYyOSAzMzEuNjM0IDU2MC4yMDIgMzY5Ljg0NyA1NjcuNjkyQzQwMy4zMTkgNTc0LjI1NSA0MzkuMzY0IDU3My41NDUgNDczLjQ0NiA1NzAuNTY0QzUwOC4zNjggNTY3LjUwOCA1NDIuNjc5IDU2Mi4xMjIgNTc1LjkxMiA1NTMuMjYyQzY0MS40ODMgNTM1Ljc3NyA3MDEuOTk3IDUwNy45NzkgNzUyLjAzNiA0NzEuMDEzQzc2My40MTUgNDYyLjYwNCA3NzQuMTQgNDUzLjcwMyA3ODQuMjIyIDQ0NC4zNzVDNzkwLjM2OSA0MzguNjg5IDc5NC41OTggNDMyLjgyNyA3OTQuNTk4IDQyNS4xODdDNzk0LjU5OCA0MTguNTMxIDc5MC43NCA0MTAuNTgyIDc4NC4yMjIgNDA1Ljk5OEM3NzEuMTc1IDM5Ni44MjEgNzQ2LjczOSAzOTQuMzE2IDczNC4xMjggNDA1Ljk5OEM3MTUuMTA5IDQyMy42IDY5My43MTMgNDM5LjU2NiA2NzAuMzU1IDQ1My43NjFDNjQyLjI2OCA0NzAuMDAyIDYxMS43NzEgNDgzLjYyMiA1NzkuNTIgNDk0LjQwMkM1NDYuMzQyIDUwNC43NzMgNTExLjY3MSA1MTIuMDg3IDQ3Ni4yMTUgNTE2LjA0NUM0NTEuNTQ5IDUxOC4zNTkgNDI2LjI1MiA1MTkuNDExIDQwMS41MjEgNTE3LjM3M0MzOTMuMDk2IDUxNi4zMDQgMzg0LjgyMyA1MTQuNzUxIDM3Ni43OSA1MTIuNTEzQzM3Mi41MjggNTEwLjkzNSAzNjguNDQxIDUwOS4xNDggMzY0LjUyOCA1MDcuMTExQzM2MS40NjUgNTA1LjA1NyAzNTguNjEgNTAyLjg0NCAzNTUuOTM5IDUwMC40ODlDMzUyLjQwOCA0OTYuNTU2IDM0OS4zNzggNDkyLjQyMyAzNDYuNzI5IDQ4OC4xMDZDMzQwLjM2NCA0NzUuMzEzIDMzNi44ODcgNDYxLjgxOSAzMzQuMzE1IDQ0OC4yODNDMzMzLjk3NyA0NDYuMTg3IDMzMy42NjEgNDQ0LjA4MyAzMzMuMzY3IDQ0MS45ODdDMzQ1LjYzOSA0MzguODczIDM1Ny41NDIgNDM0LjkwNiAzNjguOTEgNDMwLjA5N0MzOTkuOTUxIDQxNi45NjIgNDI1LjQzNCAzOTcuODgxIDQ0Ni4wMjMgMzc1Ljk3QzQ2NS4wOTcgMzU1LjY3MSA0NzguODc0IDMzMS42MDYgNDg2LjEgMzA3LjI0OEM0OTQuOTczIDI3Ny4zMjkgNDk3Ljc0MSAyNDIuMjUgNDc2LjA2MiAyMTQuOTk1QzQ2NC4wODQgMTk5LjkzOSA0NDYuNDM3IDE4OS4xMDkgNDI0Ljk4NyAxODIuOTg4QzQwNC4wMTcgMTc3LjAwOSAzODAuNTI4IDE3OS44NCAzNjAuOTk3IDE4Ny4zMzlDMzQzLjkxNyAxOTMuODk0IDMzMC42NjQgMjA1LjU4NCAzMjAuMDkxIDIxNy40NzVDMzA5Ljg2NyAyMjguOTY1IDMwMy4wMTIgMjQyLjAxNiAyOTYuMjU0IDI1NC44NDJDMjcyLjgyIDI5OS4zMTUgMjYwLjQ4MiAzNDcuODU1IDI1OS42ODYgMzk2LjAzNkMyNTUuMDk4IDM5NS45MjcgMjUwLjUyIDM5NS42ODUgMjQ1Ljk0MiAzOTUuMzE4QzIzMy43NzggMzkzLjc4MSAyMjEuODg3IDM5MS4zMzUgMjEwLjM4OCAzODcuOTJDMjAxLjA1OCAzODQuNjIxIDE5Mi4xNzUgMzgwLjY4OCAxODMuODE1IDM3Ni4wOTZDMTc2LjA2NiAzNzEuMTY5IDE2OS4wMjUgMzY1LjY5MSAxNjIuNjI3IDM1OS43NDZDMTUzLjQyOCAzNTAuMDY4IDE0NS45MDcgMzM5LjYwNSAxMzkuNTY0IDMyOC42NzVDMTI1LjcxMSAzMDIuMjQ2IDExNy41OSAyNzQuMTA2IDExMC4wMjYgMjQ2LjMwOEMxMDEuNDQ4IDIxNC43NjkgOTQuNzM0MyAxODIuOTU1IDg5LjAzMzkgMTUxLjA0QzgxLjkxNjUgMTA5Ljg0IDc2LjQxMjQgNjguNDk4MiA3MC45NTE3IDI3LjE1NjJDNjkuOTgxNyAxOS43NzQ2IDY3LjY0OTIgMTMuMzg2NiA2MC41NzU0IDcuOTY3MzRDNTQuNDI4MiAzLjI1NzgxIDQ0LjM0NjIgLTAuMjgyNzAyIDM1LjUyODYgMC4wMTc5MDY5QzI2LjM2MjEgMC4zMzUyMTYgMTYuODY4NyAyLjYzOTkgMTAuNDgxNiA3Ljk2NzM1QzQuNDk3ODEgMTIuOTYwOCAtMC44MjEwNjYgMjAuMTE2OSAwLjEwNTM4NyAyNy4xNTYyTDAuMDk0NDc3MSAyNy4xMjI4Wk0zNjUuNzM4IDI2Ny4wNzVDMzcwLjUxMiAyNTguNzY2IDM3NS44ODUgMjUwLjcwOSAzODIuNzE5IDI0My4yODVDMzg1LjI5MiAyNDAuOTg5IDM4OC4wMTYgMjM4LjgwOSAzOTAuOTU5IDIzNi43OTdDMzkyLjQ2MyAyMzYuMDQ2IDM5NCAyMzUuMzQ0IDM5NS41ODEgMjM0LjY5M0MzOTYuNTE4IDIzNC40NjcgMzk3LjQ3NyAyMzQuMjY3IDM5OC40MzYgMjM0LjA4M0MzOTkuMjIxIDIzNC4wNjcgNDAwLjAwNiAyMzQuMDY3IDQwMC43OTEgMjM0LjA4M0M0MDEuODM3IDIzNC4yODQgNDAyLjg3MiAyMzQuNTAxIDQwMy44OTcgMjM0Ljc1MUM0MDUuNDQ1IDIzNS4zODYgNDA2Ljk2IDIzNi4wNzkgNDA4LjQzMSAyMzYuODE0QzQxMC4xNzUgMjM4LjAyNSA0MTEuODMyIDIzOS4zMDIgNDEzLjQwMSAyNDAuNjQ2QzQxNC45MTYgMjQyLjQgNDE2LjI3OSAyNDQuMjEyIDQxNy41MjEgMjQ2LjA5MUM0MTkuMTQ1IDI0OS42NDggNDIwLjM2NiAyNTMuMjcyIDQyMS4yNzEgMjU2Ljk4QzQyMi4xNzUgMjY0Ljk5NiA0MjEuNzk0IDI3My4wMjkgNDIwLjY3MSAyODEuMDI4QzQxOC4wMzMgMjkzLjg3OSA0MTMuNTQzIDMwNi40MjEgNDA3LjMwOCAzMTguNTIxQzQwMC43MDMgMzI5Ljc3NyAzOTIuNjE2IDM0MC40NDggMzgzLjA2OCAzNTAuMzg1QzM3NC4wODcgMzU4LjgzNiAzNjQuMDkyIDM2Ni41NiAzNTMuMDYyIDM3My40NEMzNDYuMDY0IDM3Ny4zNCAzMzguNzYyIDM4MC44NzIgMzMxLjE1NCAzODQuMDAzQzMzMS43NDMgMzc0LjQ5MiAzMzIuOCAzNjQuOTkgMzM0LjMyNiAzNTUuNTIxQzM0MC4xMTMgMzI1LjE3NiAzNTAuNjEgMjk1LjQ3NCAzNjUuNzYgMjY3LjA4M0wzNjUuNzM4IDI2Ny4wNzVaIiBmaWxsPSIjRkZCNEEwIj48L3BhdGg+Cjwvc3ZnPg==);
      inset: -83px auto auto calc(50% + -213px);
      width: 794px;
    }
  }
}

.benefits-section {
  position: relative;
  overflow: clip;
  z-index: 0;

  &:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjEzMjciIHZpZXdCb3g9IjAgMCA4NjAgMTMyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBpZD0iMTRiM2UxN2MiIGQ9Ik03My42NzIxIDU5Ny42MzZDNzMuMzUwMSA2MTUuOTM0IDg2LjA4NTEgNjM4LjE2NyAxMDcuMDk3IDY0OS4zNDZDMTYwLjU0NCA2NzcuNzg3IDIxNy41NTcgNjg2LjgyMyAyNzIuNDYyIDY4Ny4xMjFDMzE5LjA4MyA2ODcuMzc0IDM2NC43MjMgNjg0LjgyOCA0MDguODA1IDY3Ny44NTJDNDM4LjUxNyA2NzMuMTQ3IDQ2Ny41ODkgNjY2Ljg0OSA0OTUuNzU2IDY1OC45ODlDNTEwLjQ1NSA2NjIuNjEzIDUyNS4wNzIgNjY2Ljk5NSA1MzkuNDE5IDY3Mi43NkM1NDQuOTQ4IDY3NS41MjcgNTUwLjMzIDY3OC41MzIgNTU1LjU1MiA2ODEuODQ3QzU1Ny45ODIgNjgzLjg1IDU2MC4zMjIgNjg1LjkyNyA1NjIuNTggNjg4LjA3OUM1NjMuOTI0IDY4OS44MTUgNTY1LjIwNyA2OTEuNTc0IDU2Ni40MjYgNjkzLjM2MUM1NjcuNDY2IDY5NS42MjQgNTY4LjM5OCA2OTcuODkgNTY5LjI0MSA3MDAuMTc4QzU2OS45MjMgNzAzLjc5NCA1NzAuMzYzIDcwNy4zOCA1NzAuNTkyIDcxMC45NDdDNTcwLjEyNyA3MTUuNTM0IDU2OS4zMjMgNzE5Ljk5MSA1NjguMTU4IDcyNC4zNDJDNTY1LjU5NSA3MjkuODYzIDU2Mi40NTEgNzM1LjA0MSA1NTguODQzIDczOS45NTlDNTUwLjQwNiA3NDguNzc1IDU0MC42MTggNzU2LjM4NSA1MjkuOTk5IDc2My4yMTdDNTA5LjM5NiA3NzQuODUgNDg3LjA1IDc4NC40MzggNDYzLjQ5NyA3OTIuMTM1QzQ1NC42MzQgNzg5LjIzIDQ0NS43ODQgNzg2LjQ4NiA0MzcuMDQgNzgzLjgyNUMzOTEuMjYxIDc2OS44ODcgMzQ0Ljg5MyA3NTkuMTE4IDI5OC44MjUgNzUxLjAxMUMyNTUuNzIzIDc0My40MyAyMTIuNzM1IDczOC43NSAxNzAuMzg4IDczNy4wNzVDMTM5LjYzNSA3MzUuODU2IDEwOS4zOTUgNzM0LjY5OCA4Ny45MTExIDc1MS42MzdDNjAuMDUwMSA3NzMuNjEgNjguOTQzMSA4MTUuNjM4IDk5LjE3NzEgODQ0LjU3NkMxMzQuMjkxIDg3OC4xODQgMTg3LjUwNyA4ODcuODY5IDIzMS40NTMgODk3LjE1M0MyNjguMjggOTA0LjkyNiAzMDUuMTMgOTA5LjE3NSAzNDEuMTM5IDkwOS45MzdDMzkwLjA0IDkxMC45NzEgNDM3LjUzNSA5MDYuODk2IDQ4Mi4xMTggODk3LjExOUM0ODIuNjA3IDg5Ny4zMjEgNDgzLjEwNCA4OTcuNTI3IDQ4My41OTMgODk3LjcyOUM0ODkuOTUxIDkwMC44NDMgNDk2LjE0MiA5MDQuMjI4IDUwMi4xMjYgOTA4LjAwNUM1MDMuODAzIDkwOS4zOTggNTA1LjQyNyA5MTAuODMzIDUwNy4wMTggOTEyLjMwOEM1MDcuNTEyIDkxMi45NjcgNTA3Ljk5NyA5MTMuNjI4IDUwOC40NjcgOTE0LjI5NUM1MDguNzI1IDkxNC44OTggNTA4Ljk4MyA5MTUuNSA1MDkuMjIgOTE2LjEwNkM1MDkuNDEgOTE3LjM0MyA1MDkuNTY3IDkxOC41NjkgNTA5LjY3NiA5MTkuNzk3QzUwOS4yODcgOTIyLjkwNCA1MDguNjggOTI1LjkzNyA1MDcuODk1IDkyOC45MTFDNTA1LjA4IDkzNS4wMDQgNTAxLjU5NiA5NDAuNzA0IDQ5Ny41ODcgOTQ2LjFDNDg3LjA1OCA5NTcuMzQgNDc0LjQ3MiA5NjYuOTk3IDQ2MS4wMjkgOTc1LjU4OUM0NDAuMzUyIDk4Ny4yNjcgNDE3LjYxOSA5OTYuMzc2IDM5My40MiAxMDAzLjE5QzM2My4yNTQgMTAxMC4zNyAzMzEuNDQyIDEwMTQuMTUgMjk4LjYzIDEwMTQuOTVDMjU0LjM2NyAxMDE0LjcxIDIwOS4xMzkgMTAwOS41MSAxNjMuNzcyIDEwMDEuMUMxMzAuOTY3IDk5My4yNDQgOTguMTYzMSA5ODUuMzg0IDY1LjM1ODEgOTc3LjUyNEM1MC4xMzUxIDk3My44NzYgMzYuNTk3MSA5NzIuNTA1IDIzLjgyOTEgOTc3Ljc4QzEyLjQyMzEgOTgyLjQ5NCAyLjQ0NzEgOTkzLjM5NCAxLjAwMDEgMTAwNS4yM0MtMS45NjI5IDEwMjkuNDMgMTcuMjg2MSAxMDYwLjkgNDguOTM2MSAxMDY5LjczQzg4LjEwMjEgMTA4MC42NSAxMjcuNzQ3IDEwOTAuNSAxNjcuMzAzIDEwOTguMDlDMjUxLjE4NCAxMTE4LjIgMzM1LjA2NyAxMTM4LjI5IDQxOC45NDcgMTE1OC40QzQ0Ni4zNzEgMTE2NC45NyA0NzQuOTUzIDExNzAuMSA1MDEuOTYyIDExODAuNjZDNTAyLjY4OCAxMTgxLjA0IDUwMy40MDMgMTE4MS40MiA1MDQuMTE5IDExODEuODFDNTAwLjM1OSAxMTg1LjQ3IDQ5Ni4yMDEgMTE4OC43OCA0OTEuNzUyIDExOTEuODJDNDc0LjA3NiAxMjAxLjI1IDQ1My42NjMgMTIwNy42OSA0MzMuMjYxIDEyMTMuMjRDMzk1LjU3NiAxMjIyLjUxIDM1NS43ODMgMTIyNy42MiAzMTQuNTgzIDEyMjguNTFDMjgzLjE0IDEyMjguMzIgMjUxLjE2IDEyMjUuNzEgMjE4LjkxMyAxMjIwLjYzQzE4OS4yMTcgMTIxNS45NSAxNjQuNDA4IDEyMzguMzggMTY5LjA0MiAxMjYzLjk4QzE3NC4xMzggMTI5Mi4xIDIwMC4xNTUgMTMxNC4xNyAyMzEuOTEzIDEzMTkuMThDMjk1LjQzNCAxMzI5LjE5IDM1OS4xMjkgMTMyOS45OCA0MTguMjk4IDEzMjIuMThDNDQ5LjY1MyAxMzE4LjA0IDQ3OS43ODggMTMxMS4wNSA1MDguNzg2IDEzMDIuMzdDNTM2LjQxIDEyOTQuMSA1NjIuNjcyIDEyODMuODYgNTg0LjA4OSAxMjY3LjYzQzYwOC4wMDUgMTI0OS41MSA2MjUuODEzIDEyMTkuOTMgNjE4LjQ5MiAxMTg3LjE5QzYxMy40MzUgMTE2NC41NSA2MDEuNTA0IDExNDMuMjYgNTgxLjQyNCAxMTI0LjkzQzU2My45MiAxMTA4Ljk2IDU0My4xMiAxMDk4LjU3IDUyMS4zNjIgMTA4OS42MUM1MTMuNjE2IDEwODYuNDIgNTA1LjcwNCAxMDgzLjY5IDQ5Ny43MDUgMTA4MS4yNUM1MTUuOTg2IDEwNzMuNjIgNTMzLjI4NiAxMDY0LjYzIDU0OS43OTggMTA1My45OUM1NjMuMTQ5IDEwNDUuMzkgNTc1Ljc2OCAxMDM1LjY5IDU4Ni4xNjggMTAyNC40QzYwMS4wNzggMTAwOC4yMiA2MTEuNDQ1IDk5MS45ODMgNjE4LjUwMyA5NzEuMjQ4QzYzMC4yMSA5MzYuODQ0IDYxOC41ODYgODkzLjUzMiA1ODcuMTUxIDg2MC4xOEM2MTcuNDA0IDg0NC43MDggNjQ0LjEzNCA4MjUuMzc4IDY2My4xNyA3OTkuMzg3QzY4Ni4yMDEgNzY3Ljk0IDY5Mi4wNSA3MjAuMzk5IDY3MS40NDggNjc4LjI2QzY1OC45MDIgNjUyLjU4NSA2NDAuMjk3IDYzMS41MjUgNjE1LjgxMyA2MTMuMDE3QzYyNC4yNTcgNjA4Ljc2OCA2MzIuNTU3IDYwNC4zNTQgNjQwLjY5MiA1OTkuNzU4QzcxMi43MDMgNTU5LjA2NiA3NzIuNzcgNTA3LjczIDgxOS40MDEgNDQ0LjcwMkM4NDIuNDc4IDQxMy41MDkgODYzLjkxMSAzNzkuMzY4IDg2MC43NjEgMzM2Ljc1MkM4NTguODYxIDMxMC45NzYgODQzLjIzNyAyODEuNDg4IDgxOC43MTMgMjYxLjU1MUM3ODkuNDA1IDIzNy43MjQgNzUzLjAwNCAyMjUuNjY1IDcxNy45NzMgMjI0LjQ0M0M2ODguOTM0IDIyMy40MzYgNjYxLjI4MiAyMjYuNjU4IDYzMy4zOTEgMjI5LjE5MkM2MzEuOTI4IDIyOS4zMjggNjMwLjQ2NyAyMjkuNDU5IDYyOC45OTcgMjI5LjU5MUM2MzcuNzAzIDIyMy44MzkgNjQ2LjI4NyAyMTcuOTQ5IDY1NC43MDEgMjExLjg4OEM2NzcuMjM4IDE5NS42NzMgNzAwLjEyOCAxNzguODEzIDcxNy45OTcgMTU4LjQ5Qzc0Mi4wNzQgMTMxLjA5NiA3NjEuOTIyIDk2Ljg1MjEgNzUxLjQyMiA1NS41NzMyQzc0OC4wMiA0Mi4xOTI2IDc0My4xOTYgMzAuNTA5OSA3MzAuODc4IDE5LjQ4MDRDNzE5Ljk1IDkuNjkyMyA3MDIuNzE1IDEuMzE2MiA2ODguNTYgMC4zNjQ1MDNDNjc0LjMzMiAtMC41OTMwOTcgNjU5Ljg4NSAxLjg3NTIgNjUxLjA0OCAxMC4yMTgzQzY0Mi41MzIgMTguMjU2MSA2MzUuMzYgMzAuNjI4NyA2MzguNjkyIDQzLjcxMjlDNjM5LjY2OSA0Ny41NTA1IDY0MC4zMTEgNTEuMzAzOSA2NDAuNjYyIDU1LjA0MzVDNjQwLjI4OSA1OC4wMjExIDYzOS43MzEgNjAuOTM1OSA2MzguOTkyIDYzLjc5NzdDNjM1Ljk4MyA3MC4yMjU2IDYzMi4yMTMgNzYuMjA2NiA2MjcuOTIzIDgxLjg4NzdDNjEyLjY5NyA5OC41MTU0IDU5NC4xNzYgMTEyLjcwNiA1NzUuNjg4IDEyNi40NTVDNTU1LjM0OCAxNDEuNTggNTMzLjk4OCAxNTUuNjkgNTEyLjAwNiAxNjkuMTI4QzQ1Ny4zMzEgMjAxLjUxNCAzOTkuMTM5IDIyOS43OTcgMzQwLjkyNyAyNTcuOTY2QzMxOC43NDggMjY4LjY5NyAzMTAuOTUxIDI5Mi4xNjIgMzI0Ljg1MSAzMTYuNzA4QzMzOC41OTkgMzQwLjk2OSAzNjcuODQ0IDM1NS40NDQgMzk0LjgyNiAzNTIuOTg1QzQ1Mi4yODUgMzQ3Ljc1NyA1MDkuNzM4IDM0Mi41MjUgNTY3LjE5NyAzMzcuMjk3QzU5NS40MjQgMzM0LjczIDYyMy42NDQgMzMyLjE1OCA2NTEuODcxIDMyOS41OTFDNjc3LjM1IDMyNy4yNjggNzAyLjc2NCAzMjMuOTExIDcyOC43NjYgMzIyLjk4MUM3MzUuMDgzIDMyMy4xNSA3NDEuNDM0IDMyMy42MDkgNzQ3Ljg2NSAzMjQuNTMyQzc0Ny4zMDggMzI4LjkyNyA3NDYuMzY4IDMzMy4xODcgNzQ1LjE1MyAzMzcuMzU2QzczNS4zMyAzNjAuMzg0IDcxOS40OTMgMzgxLjA1MiA3MDMuNDU1IDQwMC40MTlDNjY5LjMyMiA0NDAuMjQ5IDYyOC4zNDMgNDc0LjgxNSA1ODEuODAzIDUwMy41NzFDNTQ1LjQgNTI0LjgxNSA1MDUuOTY5IDU0Mi41MjQgNDY0LjAyOSA1NTYuNDM0QzQ0NC44NjMgNTUyLjc1MSA0MjUuNzEzIDU0OS42OTEgNDA2LjYyNCA1NDcuMjc1QzMyMi45MSA1MzYuNjc4IDIzOS4yNzQgNTM3LjU1OCAxNjIuMDE5IDU1MC4wMzhDMTQ0LjEzOCA1NTIuOTI1IDEyNi41NzggNTU2LjQ4OCAxMDkuMzMxIDU2MC42NDNDMTAwLjYxNiA1NjIuNzQ0IDkyLjIzODEgNTY1LjA0NyA4NS44OTkxIDU3MC4zNzlDNzcuODExMSA1NzcuMTkyIDczLjgzNjEgNTg2LjkwOCA3My42NTExIDU5Ny42MzlMNzMuNjcyMSA1OTcuNjM2WiIgZmlsbD0iI0ZGRDNDNyI+PC9wYXRoPgo8L3N2Zz4=);
    position: absolute;
    inset: 515px auto auto calc(50% - 1180px);
    height: auto;
    width: 861px;
    z-index: -1;

    @media (max-width: 820px) {
      content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTk4IiBoZWlnaHQ9IjExMDQiIHZpZXdCb3g9IjAgMCA1OTggMTEwNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBpZD0iYTc0YjMzMzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS41NjM1MiA1NTIuNzc1QzcuNjY3NDcgNTY3LjMwNiAyMC42MTg3IDU4My4yNzEgMzguNjk4OSA1ODkuNDE1Qzg0LjY4OTUgNjA1LjA0NiAxMzEuMDAzIDYwNC44NTIgMTc0LjUyIDU5OC4wMDlDMjExLjQ3MSA1OTIuMTk5IDI0Ny4yODYgNTg0LjI5OCAyODEuMjk0IDU3My4wOTFDMzA0LjIxNiA1NjUuNTM0IDMyNi40MjYgNTU2LjggMzQ3LjcxOCA1NDYuOTQ0QzM1OS44MjUgNTQ3LjkxOSAzNzEuOTY1IDU0OS41MDQgMzg0LjA3IDU1Mi4yMTlDMzg4LjgwNSA1NTMuNjk4IDM5My40NTQgNTU1LjM4MyAzOTguMDE3IDU1Ny4zMzVDNDAwLjIgNTU4LjYwOSA0MDIuMzIxIDU1OS45NTEgNDA0LjM4NiA1NjEuMzY1QzQwNS42NzQgNTYyLjU2NiA0MDYuOTE3IDU2My43OTMgNDA4LjExMiA1NjUuMDUyQzQwOS4yMjggNTY2LjcwOSA0MTAuMjU4IDU2OC4zODQgNDExLjIyMSA1NzAuMDg3QzQxMi4yMjcgNTcyLjg2MyA0MTMuMDM3IDU3NS42NDYgNDEzLjY3OSA1NzguNDQxQzQxMy45MDIgNTgyLjEzMyA0MTMuODQgNTg1Ljc2NiA0MTMuNDc4IDU4OS4zNjFDNDEyLjE2MSA1OTQuMDY0IDQxMC4zMzkgNTk4LjU3IDQwOC4xMTUgNjAyLjkzQzQwMi41NzEgNjEwLjk5OSAzOTUuOCA2MTguMjg3IDM4OC4yNzIgNjI1LjA2NkMzNzMuNDU3IDYzNi45MzUgMzU2Ljk5NyA2NDcuNDA4IDMzOS4zMzggNjU2LjU0QzMzMS45NDUgNjU1LjM4MiAzMjQuNTgzIDY1NC4zNSAzMTcuMzE2IDY1My4zN0MyNzkuMjY3IDY0OC4yMzUgMjQxLjE2IDY0NS42ODQgMjAzLjYzNCA2NDUuMjA0QzE2OC41MjUgNjQ0Ljc1OCAxMzMuODc5IDY0Ni41OTQgMTAwLjEyOSA2NTAuNzI3Qzc1LjYxODYgNjUzLjcyNiA1MS41MjIzIDY1Ni43MDggMzYuNjkzMyA2NzIuODkyQzE3LjQ2MjkgNjkzLjg4MyAyOS45MjQ0IDcyNi4wMTkgNTcuNTk2NSA3NDUuMDM3Qzg5LjczNjIgNzY3LjEyNCAxMzMuMTI2IDc2Ny45MzMgMTY5LjEyMyA3NjkuNjE5QzE5OS4yODggNzcxLjAyNiAyMjkuMDE4IDc2OS42NCAyNTcuNjMxIDc2NS42MDFDMjk2LjQ4OSA3NjAuMTE2IDMzMy41NzQgNzUwLjc2NSAzNjcuNjE5IDczNy4yNzVDMzY4LjAzMyA3MzcuMzcyIDM2OC40NTIgNzM3LjQ3MiAzNjguODY2IDczNy41NjhDMzc0LjMwMiA3MzkuMjE1IDM3OS42NDEgNzQxLjA5NiAzODQuODY3IDc0My4zMTZDMzg2LjM3NCA3NDQuMjAzIDM4Ny44NDUgNzQ1LjEzIDM4OS4yOTUgNzQ2LjA5M0MzODkuNzcyIDc0Ni41NTEgMzkwLjI0IDc0Ny4wMTIgMzkwLjY5OSA3NDcuNDc5QzM5MC45ODEgNzQ3LjkyNCAzOTEuMjYzIDc0OC4zNjggMzkxLjUyOSA3NDguODE3QzM5MS44MzggNzQ5Ljc3MiAzOTIuMTIxIDc1MC43MjMgMzkyLjM2NiA3NTEuNjhDMzkyLjQ1OCA3NTQuMTkxIDM5Mi4zNjggNzU2LjY3MSAzOTIuMTMgNzU5LjEyOEMzOTAuNjg2IDc2NC4zMTYgMzg4LjY2MyA3NjkuMjc4IDM4Ni4xODMgNzc0LjA2OUMzNzkuMjk1IDc4NC4zMjcgMzcwLjU3MyA3OTMuNTk3IDM2MS4wMzUgODAyLjEzNEMzNDYuMTY3IDgxNC4wNDggMzI5LjMzOSA4MjQuMTkxIDMxMS4wNTUgODMyLjcxMUMyODguMDkyIDg0Mi4yODEgMjYzLjM4OCA4NDkuMzc1IDIzNy41MDcgODU0LjIzOEMyMDIuNDI0IDg1OS43NTQgMTY1LjkzOSA4NjEuNDY5IDEyOC45MjkgODYwLjY2MkMxMDEuOTM4IDg1OC42NjcgNzQuOTQ3MSA4NTYuNjczIDQ3Ljk1NjEgODU0LjY3OEMzNS40MzA1IDg1My43NTEgMjQuNTMzNiA4NTQuNDEgMTUuMTAyNSA4NjAuMjM0QzYuNjc4MDkgODY1LjQzNyAwLjE4MzA4NSA4NzUuMzU1IDAuNTYzMDk0IDg4NC45MTNDMS4zMzY4OSA5MDQuNDYzIDIwLjYzNzcgOTI2LjkwMyA0Ni44MzkyIDkyOS44MTNDNzkuMjYxNyA5MzMuNDA5IDExMS45MjcgOTM2LjEwMSAxNDQuMjMgOTM3LjAxM0MyMTMuMjQ2IDk0Mi4xMTggMjgyLjI2MyA5NDcuMjE4IDM1MS4yNzkgOTUyLjMyM0MzNzMuODQzIDk1My45OSAzOTcuMTM4IDk1NC4zNjYgNDE5Ljg4OSA5NTkuMjU1QzQyMC41MTIgOTU5LjQ1OCA0MjEuMTI3IDk1OS42NjQgNDIxLjc0NSA5NTkuODgyQzQxOS4yMzkgOTYzLjI2OSA0MTYuMzcyIDk2Ni40MjIgNDEzLjI0MiA5NjkuNDAzQzQwMC40NiA5NzkuMTQ4IDM4NS4xMjUgOTg2Ljg4MSAzNjkuNjg1IDk5My45MUMzNDEuMDM4IDEwMDYuMTEgMzEwLjE4NSAxMDE1LjI5IDI3Ny42NzMgMTAyMS4zQzI1Mi43NDkgMTAyNS4yIDIyNy4wODggMTAyNy4yNiAyMDAuODk3IDEwMjcuMzlDMTc2Ljc3NyAxMDI3LjUyIDE2MC4wMjQgMTA0OC40OCAxNjYuOTk0IDEwNjguMTZDMTc0LjY1NSAxMDg5Ljc3IDE5OC4xMDIgMTEwMy44OSAyMjMuODk3IDExMDMuNzZDMjc1LjQ4OSAxMTAzLjQ5IDMyNi4wMzEgMTA5NS45MSAzNzEuODggMTA4Mi4xQzM5Ni4xNzcgMTA3NC43OCA0MTkuMTM5IDEwNjUuMzYgNDQwLjk4MyAxMDU0Ljc1QzQ2MS43OTIgMTA0NC42NCA0ODEuMjY5IDEwMzMuMTQgNDk2LjEzNyAxMDE3LjU0QzUxMi43NCAxMDAwLjEgNTIzLjAyOCA5NzQuMzg0IDUxMy4wMDkgOTQ5LjM5OUM1MDYuMDg2IDkzMi4xMjMgNDkzLjg5MyA5MTYuNzk5IDQ3NS42MjkgOTA0Ljg3OEM0NTkuNzA5IDg5NC40ODcgNDQxLjg5NyA4ODguOTM0IDQyMy41MTMgODg0LjY1MUM0MTYuOTY3IDg4My4xMjMgNDEwLjM0OSA4ODEuOTc1IDQwMy43MDEgODgxLjA3N0M0MTcuMTk0IDg3Mi42OCA0MjkuNzM1IDg2My4zMjggNDQxLjQzOCA4NTIuNzcxQzQ1MC45MDIgODQ0LjI0IDQ1OS42NDQgODM0LjkzNCA0NjYuNDI2IDgyNC42NTdDNDc2LjE0NyA4MDkuOTIxIDQ4Mi4yNjIgNzk1LjcyNCA0ODUuMTc4IDc3OC4zOTRDNDkwLjAxNCA3NDkuNjQxIDQ3NS4yMjQgNzE2Ljg0MSA0NDYuMDMxIDY5NC40ODJDNDY3Ljk5NCA2NzguMzMgNDg2LjY2OSA2NTkuNTc2IDQ5OC4zOTMgNjM2LjU0QzUxMi41NzcgNjA4LjY2OCA1MTEuMDc5IDU3MC4yNjcgNDg5LjMzMiA1MzkuNTU0QzQ3Ni4wODcgNTIwLjgzOSA0NTguNjM4IDUwNi41NiA0MzYuODY0IDQ5NS4wNjFDNDQzLjAwMyA0OTAuNjA3IDQ0OS4wMDYgNDg2LjA0MiA0NTQuODU2IDQ4MS4zNTRDNTA2LjYzNCA0MzkuODQ2IDU0Ny41ODMgMzkxLjQ0OSA1NzYuMzgzIDMzNS41MjdDNTkwLjYzNyAzMDcuODUgNjAzLjIwOCAyNzguMDUgNTk1LjIxOSAyNDQuNzA5QzU5MC4zOTEgMjI0LjU0MiA1NzQuMjE3IDIwMy4yMDUgNTUyLjIyNiAxOTAuNTc5QzUyNS45NDUgMTc1LjQ4OSA0OTUuNTY2IDE3MC42MzIgNDY3LjY2NyAxNzQuMTgxQzQ0NC41NDIgMTc3LjEyOCA0MjMuMDU5IDE4My4yNDQgNDAxLjMgMTg4Ljg0NkM0MDAuMTU4IDE4OS4xNDMgMzk5LjAxOSAxODkuNDM1IDM5Ny44NzEgMTg5LjcyOUM0MDQuMDI0IDE4NC4wNTEgNDEwLjA2MyAxNzguMjgxIDQxNS45NDQgMTcyLjM5NkM0MzEuNyAxNTYuNjUgNDQ3LjY1MyAxNDAuMzQ4IDQ1OS4xODMgMTIxLjk1QzQ3NC43MTggOTcuMTUzMyA0ODYuMDIgNjcuNDc2OCA0NzIuMzg0IDM2LjE0MjFDNDY3Ljk2NSAyNS45ODQ3IDQ2Mi42MzkgMTcuMzU1MSA0NTEuNDYyIDEwLjIwOUM0NDEuNTQ2IDMuODY2ODQgNDI2LjgxOCAtMC41NDQxNjIgNDE1LjQ4NiAwLjUyNzA1M0M0MDQuMDk2IDEuNjAzMTIgMzkyLjk3NCA1LjQyMDE5IDM4Ny4wNTIgMTMuMTY2NEMzODEuMzQ0IDIwLjYyOTMgMzc3LjI1OSAzMS4zNTE4IDM4MS41ODUgNDEuMjgzNEMzODIuODU0IDQ0LjE5NjQgMzgzLjg0NSA0Ny4wODYgMzg0LjYwNSA1MC4wMDIyQzM4NC42OTQgNTIuNDA4MiAzODQuNjI4IDU0Ljc4ODMgMzg0LjQxMiA1Ny4xNDk3QzM4Mi44NTggNjIuNjI3OCAzODAuNjQzIDY3Ljg1MDMgMzc3Ljk3OSA3Mi45MDIyQzM2OC4wNjUgODguMDMyNSAzNTUuMjI4IDEwMS42NTggMzQyLjM2IDExNC45MjlDMzI4LjIwMyAxMjkuNTI4IDMxMy4xMDcgMTQzLjQ1NyAyOTcuNDMyIDE1Ni45MzJDMjU4LjMxMSAxODkuNjI3IDIxNS44NzUgMjE5LjUyNiAxNzMuNDA5IDI0OS4zMzdDMTU3LjIyOSAyNjAuNjk1IDE1NC4wOCAyODAuMjgyIDE2OC4yNTIgMjk3LjkyOEMxODIuMjY3IDMxNS4zNjcgMjA3LjI5MiAzMjMuMDU5IDIyOC4zNDEgMzE3LjYzNEMyNzMuMTY5IDMwNi4wODYgMzE3Ljk5MSAyOTQuNTM2IDM2Mi44MTkgMjgyLjk4OEMzODQuODQgMjc3LjMxNiA0MDYuODU2IDI3MS42NDEgNDI4Ljg3NyAyNjUuOTY5QzQ0OC43NTUgMjYwLjg0NSA0NjguNDQ3IDI1NC45MSA0ODguOTE4IDI1MC44MjFDNDkzLjk0MiAyNTAuMTQgNDk5LjAzMSAyNDkuNjg1IDUwNC4yNDIgMjQ5LjU4N0M1MDQuMzY4IDI1My4xMzkgNTA0LjE3MiAyNTYuNjM0IDUwMy43NDggMjYwLjA5MkM0OTguOTM4IDI3OS41OTQgNDg5LjA2MSAyOTguMDAzIDQ3OC44NTggMzE1LjQwN0M0NTYuOTY0IDM1MS4zNDggNDI4Ljk2OSAzODQuMDA0IDM5NS44MjEgNDEyLjc3NkMzNjkuNzMyIDQzNC4yOTIgMzQwLjc5IDQ1My40IDMwOS4zNzIgNDY5LjgyMkMyOTMuNzIgNDY5LjM3NiAyNzguMTYxIDQ2OS40MjIgMjYyLjczMyA0NjkuOTY5QzE5NS4wNzQgNDcyLjM3MSAxMjguOTU3IDQ4My44NSA2OS4zODc5IDUwMy42OTNDNTUuNjAwMiA1MDguMjg0IDQyLjE1NDEgNTEzLjM3IDI5LjAzMiA1MTguODgzQzIyLjQwMiA1MjEuNjcgMTYuMDY0IDUyNC41NzQgMTEuNzMxNiA1MjkuNjE0QzYuMjA1MTggNTM2LjA1MiA0LjMxMDQ5IDU0NC4yNTggNS41NDc0IDU1Mi43OEw1LjU2MzUyIDU1Mi43NzVaIiBmaWxsPSIjRkZEM0M3Ij48L3BhdGg+Cjwvc3ZnPg==);
      inset: 277px auto auto calc(50% - 585px);
      width: 633px;
    }
    
  }
}

.testimonials-section {
  position: relative;
  background: var(--rosy-400);
  clip-path: polygon(0 0, 100% 48px, 100% calc(100% - 48px), 0 100%);
  overflow: clip;
  z-index: 0;

  &:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExMiIgaGVpZ2h0PSI4NjAiIHZpZXdCb3g9IjAgMCAxMTEyIDg2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBpZD0iNGI3ZWMwM2UiIGQ9Ik0xMDMxLjQxIDM1OS44ODNDMTA2OS41OCAzODkuMzM3IDExMDIuODUgNDI5LjY0OCAxMTEwLjE4IDQ3OC43N0MxMTE0LjEyIDUwNS4xNzYgMTExMy4wOSA1MzEuMDQ0IDExMDYuNiA1NTcuMDczQzExMDAuODIgNTgwLjIzMyAxMDkxLjEyIDYwMi43OTIgMTA3OS43OCA2MjMuNzQ4QzEwNTguNDkgNjYzLjA5NyAxMDI5Ljc2IDY5OS40NjEgOTk3LjU0NyA3MzAuNDM3QzkzMy4xMTkgNzkyLjM0OSA4NTAuMDUgODM3LjE3OCA3NjIuMDc0IDg1NC4wODVDNzQ4Ljk4IDg1Ni42MDYgNzM1Ljc1MSA4NTguNDA0IDcyMi41MTYgODYwLjAwNEM3MTIuMzcxIDg2MS4yMzEgNjk5LjA3OSA4NTQuMzY2IDY5Mi4yNTkgODQ3LjQ0OEM2ODUuMTM4IDg0MC4yMjIgNjc5Ljc0MSA4MjguMzc0IDY4MC4xMzMgODE4LjA3QzY4MC41NDEgODA3LjAxMiA2ODQuMjMzIDc5NS40NTQgNjkyLjY4OCA3ODcuODE0QzcwMS4zNTIgNzc5Ljk5NSA3MTAuNTU4IDc3Ny4wNzIgNzIyLjA2NiA3NzUuNjg4QzcyMi4yOTUgNzc1LjY1NiA3MjIuNTI1IDc3NS42MjMgNzIyLjc1OCA3NzUuNjA4Qzc1NC40NzYgNzcwLjg2OSA3ODUuNTAzIDc2Mi40NTEgODE1LjM1MiA3NTAuNzAyQzg0Ni42ODkgNzM3LjMxMSA4NzYuMzU2IDcyMC4zNSA5MDMuODI0IDcwMC4xNzFDOTMwLjgzMyA2NzkuMDk5IDk1NS4zMTEgNjU0Ljk5MiA5NzYuNjU2IDYyOC4xOTJDOTkyLjQ3IDYwNy4wNTIgMTAwNi41MSA1ODQuNDcgMTAxNy4xNiA1NjAuMjg4QzEwMjIuMDEgNTQ3LjU1NiAxMDI1Ljc1IDUzNC40NjcgMTAyNy45NiA1MjEuMDA3QzEwMjguNjUgNTEyLjg2NSAxMDI4LjcxIDUwNC43MzkgMTAyOC4wMyA0OTYuNjAzQzEwMjYuODEgNDg5Ljk1MSAxMDI1LjA4IDQ4My40NTUgMTAyMi44MiA0NzcuMDg5QzEwMTkuMzcgNDY5LjcxNiAxMDE1LjI4IDQ2Mi43MyAxMDEwLjY0IDQ1Ni4wMzZDMTAwMS40MiA0NDQuNzY2IDk5MC44OTkgNDM0LjczNyA5NzkuNTk0IDQyNS41NzRDOTQwLjI4NCAzOTYuMzQ5IDg5NC44MzcgMzc0LjMzMyA4NDkuNzc2IDM1NS40MzJDNzgyLjE3NCAzMjguMDk5IDcxMS4zMTYgMzA5LjQxNyA2MzkuMDE4IDI5OS44OTNDNjE1Ljk1NyAyOTcuMjEzIDU5Mi44MDcgMjk1LjQxMSA1NjkuNTk3IDI5NC42MjJDNTQ3LjE0MSAyOTMuODUgNTI0LjQ3NiAyOTMuNTcgNTAyLjExNiAyOTYuMDU4QzQ5Mi41MjMgMjk3LjY3OSA0ODMuMTEgMjk5Ljk3MyA0NzMuOTQzIDMwMy4yMThDNDY4LjY0NSAzMDUuNzAxIDQ2My41ODIgMzA4LjUyOSA0NTguNzE5IDMxMS43ODhDNDU0Ljk3MSAzMTQuOTg2IDQ1MS40NzEgMzE4LjQwMiA0NDguMjIzIDMyMi4wODNDNDQ2LjM3IDMyNC44NzggNDQ0LjY4NyAzMjcuNzQxIDQ0My4xNTkgMzMwLjcyM0M0NDIuMzUyIDMzMy4yMzggNDQxLjY4NyAzMzUuNzkgNDQxLjE0OCAzMzguMzg0QzQ0MC4yMjEgMzQ5LjI3NyA0MzYuNzIgMzU5LjM4OCA0MjguNjkgMzY3LjMwM0M0MjEuNDYzIDM3NC40MjQgNDA5LjYyNyAzNzkuODI3IDM5OS4zMTIgMzc5LjQyOUMzNzcuODE3IDM3OC42MjcgMzU1LjM5MiAzNjAuOTkyIDM1Ni45MTkgMzM3LjQ4OUMzNTguOTQxIDMwNi42MTggMzcxLjY1MSAyNzguNzE0IDM5My43NiAyNTYuODk0QzQxMy4zMyAyMzcuNTc4IDQzOC41ODggMjI0LjU3MSA0NjUuMDg1IDIxNy43NDdDNDg5Ljg1OCAyMTEuMzY1IDUxNS45NjUgMjA5Ljc4MiA1NDEuNDcxIDIwOS43ODVDNTY1LjM3MyAyMDkuNzkgNTg5LjI3NSAyMTAuODU4IDYxMy4wOTQgMjEyLjkyN0M3MTUuNzkzIDIyMS44MzQgODE1LjA2MSAyNDcuNzM3IDkwOS4xMyAyODkuODU2Qzk1Mi4wMTEgMzA5LjA1NiA5OTQuMTI2IDMzMS4xMTEgMTAzMS40MSAzNTkuODcyTDEwMzEuNDEgMzU5Ljg4M1pNNzkuNzAzMSA0OTcuMzc0QzQxLjg2MTUgNDY3LjQ5NCA5LjA0Njc0IDQyNi44MTMgMi4yNjUzMyAzNzcuNjEyQy0xLjM4MDQ2IDM1MS4xNjQgLTAuMDU1MzY3IDMyNS4zMDkgNi43MjYwOSAyOTkuMzU0QzEyLjc2MjggMjc2LjI2IDIyLjcxNDEgMjUzLjgxMSAzNC4yODI4IDIzMi45ODRDNTYuMDE3NCAxOTMuODc1IDg1LjE0NjEgMTU3LjgzNiAxMTcuNzA4IDEyNy4yMjJDMTgyLjgyNSA2Ni4wMzU0IDI2Ni4zOSAyMi4xMzkgMzU0LjU1MSA2LjIxNzk1QzM2Ny42NzIgMy44NDM5MyAzODAuOTIxIDIuMTk0NDEgMzk0LjE3NCAwLjc0Mjg2MUM0MDQuMzMxIC0wLjM3MDk0NSA0MTcuNTQ1IDYuNjQyMzQgNDI0LjI4NyAxMy42MzYzQzQzMS4zMjcgMjAuOTQyNCA0MzYuNTkgMzIuODUgNDM2LjA4MyA0My4xNDgzQzQzNS41NTEgNTQuMjAwOSA0MzEuNzMgNjUuNzE2OSA0MjMuMTkgNzMuMjYxOEM0MTQuNDM5IDgwLjk4MzcgNDA1LjIwMSA4My44MDMgMzkzLjY3OCA4NS4wNThDMzkzLjQ0OSA4NS4wODgyIDM5My4yMiA4NS4xMTg0IDM5Mi45ODYgODUuMTMwOEMzNjEuMjE3IDg5LjUxNCAzMzAuMDk4IDk3LjU4NDEgMzAwLjExOSAxMDguOTk4QzI2OC42MzQgMTIyLjAzOCAyMzguNzc4IDEzOC42NjUgMjExLjA4NiAxNTguNTM2QzE4My44NDMgMTc5LjMwNCAxNTkuMDk3IDIwMy4xMzUgMTM3LjQ1NCAyMjkuNjk0QzEyMS40MDQgMjUwLjY1NiAxMDcuMTEgMjczLjA4IDk2LjE4OTMgMjk3LjE0QzkxLjE5NzQgMzA5LjgxNyA4Ny4zMTMyIDMyMi44NjQgODQuOTQ4NCAzMzYuMjk5Qzg0LjE3MSAzNDQuNDMyIDg0LjAxNjUgMzUyLjU1NyA4NC42MDUxIDM2MC43Qzg1Ljc1MjYgMzY3LjM2NSA4Ny40MTEgMzczLjg4IDg5LjU5NTkgMzgwLjI3MUM5Mi45NzAxIDM4Ny42ODIgOTYuOTc2IDM5NC43MTMgMTAxLjU0MyA0MDEuNDU5QzExMC42MzYgNDEyLjgzMiAxMjEuMDQ0IDQyMi45NzcgMTMyLjI0NiA0MzIuMjY3QzE3MS4yMjYgNDYxLjkzIDIxNi40MjUgNDg0LjQ1NCAyNjEuMjcxIDUwMy44NThDMzI4LjU2MyA1MzEuOTQ2IDM5OS4yMDggNTUxLjQyMSA0NzEuMzk0IDU2MS43NTNDNDk0LjQyNCA1NjQuNjkxIDUxNy41NTIgNTY2Ljc1MyA1NDAuNzUxIDU2Ny44MDFDNTYzLjE5NiA1NjguODI1IDU4NS44NTggNTY5LjM1OCA2MDguMjQ1IDU2Ny4xMjFDNjE3Ljg1NiA1NjUuNjA4IDYyNy4yOTIgNTYzLjQxOSA2MzYuNDk2IDU2MC4yNzhDNjQxLjgyMSA1NTcuODU0IDY0Ni45MTYgNTU1LjA4MiA2NTEuODE1IDU1MS44NzhDNjU1LjU5OSA1NDguNzIyIDY1OS4xMzcgNTQ1LjM0NiA2NjIuNDI3IDU0MS43MDFDNjY0LjMxMSA1MzguOTI3IDY2Ni4wMjYgNTM2LjA4NCA2NjcuNTg2IDUzMy4xMThDNjY4LjQyMiA1MzAuNjEzIDY2OS4xMTQgNTI4LjA2OSA2NjkuNjgyIDUyNS40ODFDNjcwLjczMSA1MTQuNTk5IDY3NC4zNDYgNTA0LjUyOCA2ODIuNDY0IDQ5Ni43MDNDNjg5Ljc3IDQ4OS42NjMgNzAxLjY2NiA0ODQuMzkzIDcxMS45NzUgNDg0LjkwNkM3MzMuNDYgNDg1Ljk0OSA3NTUuNjg2IDUwMy44MzQgNzUzLjg5NiA1MjcuMzE4Qzc1MS41MjkgNTU4LjE2NSA3MzguNTA4IDU4NS45MjUgNzE2LjE1NiA2MDcuNDk2QzY5Ni4zNzEgNjI2LjU5MiA2NzAuOTY4IDYzOS4zMTUgNjQ0LjM5NiA2NDUuODQyQzYxOS41NTIgNjUxLjk0NiA1OTMuNDMgNjUzLjIzNyA1NjcuOTI1IDY1Mi45NDlDNTQ0LjAyNSA2NTIuNjc2IDUyMC4xMzYgNjUxLjM0IDQ5Ni4zNDIgNjQ5LjAwNEMzOTMuNzQ5IDYzOC45NDggMjk0Ljc3OCA2MTEuOTM1IDIwMS4xODcgNTY4Ljc2NUMxNTguNTI0IDU0OS4wODYgMTE2LjY1NyA1MjYuNTYyIDc5LjY5NjUgNDk3LjM4NUw3OS43MDMxIDQ5Ny4zNzRaIiBmaWxsPSIjRkYzNThGIj48L3BhdGg+Cjwvc3ZnPg==);
    position: absolute;
    inset: -41px auto auto calc(50% + 86px);
    height: auto;
    width: 1112px;
    z-index: -1;

    @media (max-width: 820px) {
      content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzk0IiBoZWlnaHQ9IjQxNyIgdmlld0JveD0iMCAwIDM5NCA0MTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgaWQ9ImFkZDIyM2Q2Ij4KICAgIDxwYXRoIGQ9Ik04LjAzNTY2IDEzNC40MjdDMC4zMjQwMTQgMTE1LjY2OCAtMy4zMTY5MSA5My45ODU2IDQuMzQzNzcgNzQuNTQ4NkM4LjQ2MTU1IDY0LjEwMDIgMTQuMjc5NiA1NC44OTQzIDIyLjExODYgNDYuNzc3MkMyOS4wOTQ2IDM5LjU1NTIgMzcuMzcyNyAzMy4zNzcxIDQ1LjkwOTMgMjguMTI3MUM2MS45NDMzIDE4LjI3MTQgODAuMDU1MyAxMS4wNjU1IDk4LjMwNzMgNi41NTczQzEzNC44IC0yLjQ0NjEyIDE3NC40OSAtMS4zMDU4MiAyMTAuMDk1IDExLjAzODdDMjE1LjM5NSAxMi44NzQyIDIyMC41OTMgMTUuMDAxOSAyMjUuNzUxIDE3LjIwMjlDMjI5LjcwNSAxOC44ODk1IDIzMy4xMDMgMjQuMTg1OCAyMzQuMTMzIDI4LjE0MDRDMjM1LjIwNyAzMi4yNzA4IDIzNC42ODEgMzcuNzIyIDIzMi4zNzEgNDEuMzkzMUMyMjkuODk3IDQ1LjMzNTYgMjI2LjEyIDQ4Ljc2OTUgMjIxLjQzMyA0OS43NzQ0QzIxNi42MzMgNTAuODAwOSAyMTIuNjY0IDQ5LjkyOTIgMjA4LjE4MSA0OC4wMTI5QzIwOC4wOTEgNDcuOTc2NyAyMDggNDcuOTQwNiAyMDcuOTEyIDQ3Ljg5N0MxOTUuMzYxIDQyLjk1MjEgMTgyLjI4NyAzOS40OTMgMTY4Ljk0MiAzNy40OTVDMTU0LjcxIDM1Ljc4MjQgMTQwLjMzNSAzNS43MjEzIDEyNi4wODQgMzcuMjk1M0MxMTEuODEzIDM5LjI5MTEgOTcuODI1NiA0Mi45MjQ4IDg0LjQxMzQgNDguMTk4NUM3NC4yMDU5IDUyLjU3MzQgNjQuMzQwNyA1Ny44NDY5IDU1LjM3NDggNjQuNDE1OEM1MC45MzAxIDY4LjAzNDEgNDYuODE1NCA3Mi4wMTY0IDQzLjE3NzggNzYuNDU0MUM0MS4yMTU1IDc5LjI3NTYgMzkuNDgzMSA4Mi4yMjI2IDM4LjAxOTUgODUuMzI5NUMzNy4wNjU3IDg4LjAwOTggMzYuMzMgOTAuNzQwNSAzNS44MTMyIDkzLjUzMzlDMzUuNTIxOCA5Ni45NDY5IDM1LjU0MDMgMTAwLjM1MSAzNS44MjM1IDEwMy43NjZDMzYuODEyMiAxMDkuODExIDM4LjUzNTcgMTE1LjY3NyA0MC43MjY5IDEyMS4zOTNDNDguOTAwMSAxNDAuMzA4IDYwLjgyNjMgMTU3Ljg4NyA3My4yNjYyIDE3NC4yNUM5Mi4xNDQ2IDE5OC40MjUgMTE0LjAyOSAyMjAuMTM1IDEzOC4zNjMgMjM4LjgxQzE0Ni4yMDEgMjQ0LjYzNyAxNTQuMjU1IDI1MC4xNjIgMTYyLjU0NCAyNTUuMzMxQzE3MC41NjIgMjYwLjMzNiAxNzguNzYgMjY1LjIwNCAxODcuNDI5IDI2OS4wMDFDMTkxLjI2NSAyNzAuNDI4IDE5NS4xNzYgMjcxLjU3MiAxOTkuMTk4IDI3Mi4zMTlDMjAxLjY1MSAyNzIuNTI4IDIwNC4wOSAyNzIuNTYzIDIwNi41NDcgMjcyLjM5OEMyMDguNTg1IDI3Mi4wMjIgMjEwLjU3OCAyNzEuNTEzIDIxMi41MzYgMjcwLjg1NUMyMTMuNzk5IDI3MC4yMjcgMjE1LjAxNCAyNjkuNTM4IDIxNi4xOTggMjY4Ljc3M0MyMTcuMDIxIDI2OC4wMjcgMjE3LjggMjY3LjIzNyAyMTguNTQyIDI2Ni40MDVDMjIxLjE3IDI2Mi42MzIgMjI0LjU3MiAyNTkuNjg1IDIyOS4xNjMgMjU4LjQ5QzIzMy4yOTMgMjU3LjQxNiAyMzguNzQxIDI1Ny45MzcgMjQyLjQxNSAyNjAuMjUyQzI1MC4wNzcgMjY1LjA2NSAyNTQuNTM3IDI3Ni4yMDYgMjQ5LjAzOCAyODQuNDQ3QzI0MS44MDggMjk1LjI2OCAyMzEuMzA5IDMwMi43NiAyMTguNjY1IDMwNi4wNTlDMjA3LjQ3NCAzMDguOTc5IDE5NS41MzYgMzA4LjQwNSAxODQuNDQ4IDMwNS4zMThDMTc0LjA4MSAzMDIuNDMzIDE2NC4yMzggMjk3LjUxOCAxNTQuOTQ3IDI5Mi4xNTNDMTQ2LjI0IDI4Ny4xMjQgMTM3Ljc1OCAyODEuNzA3IDEyOS41MTYgMjc1Ljk0NEM5My45NzY0IDI1MS4wOTkgNjMuMjYxOSAyMjAuNzg0IDM3Ljg1MTcgMTg1LjY1NUMyNi4yNjg5IDE2OS42NDIgMTUuNTY0NiAxNTIuNzQ5IDguMDMwOTIgMTM0LjQzTDguMDM1NjYgMTM0LjQyN1oiIGZpbGw9IiNGRjM1OEYiPjwvcGF0aD4KICAgIDxwYXRoIGQ9Ik0zODQuNjkyIDI4MS4zOTJDMzkyLjYxMyAzMDAuMDYzIDM5Ni40OTcgMzIxLjcwMyAzODkuMDU0IDM0MS4yMjVDMzg1LjA1NCAzNTEuNzE5IDM3OS4zMzkgMzYwLjk4OSAzNzEuNTkxIDM2OS4xOTRDMzY0LjY5NyAzNzYuNDkzIDM1Ni40ODggMzgyLjc2NCAzNDguMDExIDM4OC4xMDlDMzMyLjA4OCAzOTguMTQ0IDMxNC4wNTggNDA1LjU1MiAyOTUuODU4IDQxMC4yNjRDMjU5LjQ2OCA0MTkuNjc2IDIxOS43NjggNDE4Ljk4IDE4NC4wMjcgNDA3LjAzNUMxNzguNzA2IDQwNS4yNTkgMTczLjQ4NSA0MDMuMTg5IDE2OC4zMDMgNDAxLjA0NkMxNjQuMzMgMzk5LjQwNCAxNjAuODczIDM5NC4xNDYgMTU5Ljc5OSAzOTAuMjAzQzE1OC42NzkgMzg2LjA4NSAxNTkuMTQ0IDM4MC42MjggMTYxLjQxMiAzNzYuOTMyQzE2My44NDMgMzcyLjk2MiAxNjcuNTggMzY5LjQ4NiAxNzIuMjU1IDM2OC40MjhDMTc3LjA0NCAzNjcuMzQ4IDE4MS4wMjIgMzY4LjE3NSAxODUuNTI3IDM3MC4wNDFDMTg1LjYxOCAzNzAuMDc3IDE4NS43MDggMzcwLjExMiAxODUuNzk3IDM3MC4xNTRDMTk4LjQwMyAzNzQuOTU4IDIxMS41MTQgMzc4LjI3MSAyMjQuODgxIDM4MC4xMTlDMjM5LjEzMSAzODEuNjcyIDI1My41MDcgMzgxLjU3MyAyNjcuNzM4IDM3OS44MzlDMjgxLjk4NyAzNzcuNjg0IDI5NS45MzIgMzczLjg5NCAzMDkuMjg1IDM2OC40N0MzMTkuNDQyIDM2My45ODEgMzI5LjI0OCAzNTguNTk3IDMzOC4xNCAzNTEuOTI5QzM0Mi41NDQgMzQ4LjI2MSAzNDYuNjEzIDM0NC4yMzMgMzUwLjIwMSAzMzkuNzU0QzM1Mi4xMzIgMzM2LjkxMSAzNTMuODMxIDMzMy45NDUgMzU1LjI2IDMzMC44MjJDMzU2LjE4NCAzMjguMTMxIDM1Ni44ODkgMzI1LjM5MiAzNTcuMzc0IDMyMi41OTNDMzU3LjYyNyAzMTkuMTc3IDM1Ny41NzEgMzE1Ljc3MyAzNTcuMjQ5IDMxMi4zNjJDMzU2LjE5MyAzMDYuMzI4IDM1NC40MDQgMzAwLjQ4MiAzNTIuMTQ5IDI5NC43OTFDMzQzLjc2NCAyNzUuOTY5IDMzMS42NDIgMjU4LjUyNCAzMTkuMDIgMjQyLjMwMkMyOTkuODcyIDIxOC4zMzkgMjc3Ljc0NiAxOTYuODc2IDI1My4yMDQgMTc4LjQ3NEMyNDUuMzAyIDE3Mi43MzYgMjM3LjE4NiAxNjcuMzAxIDIyOC44MzkgMTYyLjIyNUMyMjAuNzY2IDE1Ny4zMTEgMjEyLjUxNCAxNTIuNTM0IDIwMy44MDMgMTQ4LjgzNUMxOTkuOTUyIDE0Ny40NSAxOTYuMDI4IDE0Ni4zNSAxOTEuOTk3IDE0NS42NDlDMTg5LjU0MyAxNDUuNDY3IDE4Ny4xMDMgMTQ1LjQ2IDE4NC42NDkgMTQ1LjY1MkMxODIuNjE1IDE0Ni4wNTEgMTgwLjYyNyAxNDYuNTgyIDE3OC42NzcgMTQ3LjI2MkMxNzcuNDIxIDE0Ny45MDQgMTc2LjIxNCAxNDguNjA3IDE3NS4wMzkgMTQ5LjM4NUMxNzQuMjI0IDE1MC4xNCAxNzMuNDU0IDE1MC45MzkgMTcyLjcyMSAxNTEuNzc5QzE3MC4xMzUgMTU1LjU4MSAxNjYuNzY2IDE1OC41NjYgMTYyLjE5IDE1OS44MTJDMTU4LjA3MiAxNjAuOTMzIDE1Mi42MTggMTYwLjQ3MiAxNDguOTE4IDE1OC4xOTlDMTQxLjIwMyAxNTMuNDcyIDEzNi42MTggMTQyLjM4MiAxNDIuMDI1IDEzNC4wOEMxNDkuMTMzIDEyMy4xNzkgMTU5LjU0OCAxMTUuNTcgMTcyLjE1NCAxMTIuMTI5QzE4My4zMTIgMTA5LjA4MyAxOTUuMjU1IDEwOS41MjQgMjA2LjM3NyAxMTIuNDg3QzIxNi43NzYgMTE1LjI1NiAyMjYuNjczIDEyMC4wNiAyMzYuMDI0IDEyNS4zMjFDMjQ0Ljc4NiAxMzAuMjUyIDI1My4zMjkgMTM1LjU3MyAyNjEuNjM1IDE0MS4yNDRDMjk3LjQ1IDE2NS42OSAzMjguNTAyIDE5NS42NTkgMzU0LjMwNCAyMzAuNTAxQzM2Ni4wNjYgMjQ2LjM4MyAzNzYuOTU4IDI2My4xNTUgMzg0LjY5NyAyODEuMzg5TDM4NC42OTIgMjgxLjM5MloiIGZpbGw9IiNGRjM1OEYiPjwvcGF0aD4KICA8L2c+Cjwvc3ZnPg==);
      inset: -221px auto auto calc(50% - 421px);
      width: 256px;
    }
    
  }

  &:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcwMyIgaGVpZ2h0PSI5NzQiIHZpZXdCb3g9IjAgMCAxNzAzIDk3NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBpZD0iN2EzMjY0MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjc5LjQyMiA2LjIxMDAyQzY1OS43MDEgMTcuMTQ1NiA2NDMuODI1IDQ0LjQ0ODggNjQ0Ljg0IDczLjc3NDdDNjQ3LjQxOSAxNDguMzczIDY3Mi44OTggMjE0LjgxOSA3MDYuNDAxIDI3My42MjVDNzM0Ljg0OCAzMjMuNTU5IDc2NS42NzkgMzcwLjcyMSA4MDAuMjc2IDQxMy40ODhDODIzLjU5OSA0NDIuMzEgODQ4LjIyNiA0NjkuNDcgODczLjk2MyA0OTQuNjk5Qzg3OS4xNTEgNTEyLjYyNyA4ODMuNDc5IDUzMC45MzUgODg2LjE2NyA1NDkuODA4Qzg4Ni42MiA1NTcuNDE3IDg4Ni43MyA1NjUuMDE1IDg4Ni40MDkgNTcyLjYzNEM4ODUuNzY5IDU3Ni40NjQgODg0Ljk5NSA1ODAuMjQzIDg4NC4wODkgNTgzLjk4MUM4ODMuMDY1IDU4Ni40ODYgODgxLjk3OSA1ODguOTQgODgwLjgyMyA1OTEuMzQzQzg3OS4wNDkgNTkzLjg0OCA4NzcuMjA1IDU5Ni4yNDEgODc1LjI4MyA1OTguNTUxQzg3MS44NDUgNjAxLjUwOSA4NjguMjkgNjA0LjE4OSA4NjQuNjI2IDYwNi42MzJDODU5LjQ0NiA2MDguOTYzIDg1NC4xOTUgNjEwLjg1MyA4NDguODM2IDYxMi4yOUM4NDEuMzY2IDYxMi45NTggODMzLjkwNCA2MTIuNzkzIDgyNi40MzUgNjExLjk3MkM4MTEuODMyIDYwOC4zOTkgNzk3LjY4MiA2MDIuNjM4IDc4My44NTMgNTk1LjUxMkM3NTguNzQ5IDU4MC42ODUgNzM0Ljc1NSA1NjIuNzM2IDcxMi4wMzQgNTQyLjMzM0M3MDkuNjc0IDUzMS4wNzkgNzA3LjE1MSA1MTkuOTM4IDcwNC42MDQgNTA4Ljk2MUM2OTEuMjc0IDQ1MS40OSA2NzQuMjAyIDM5NS4zNDQgNjU0LjQ3NCAzNDEuMTU5QzYzNi4wMTEgMjkwLjQ2NCA2MTQuNTI1IDI0MS42OCA1OTAuMjI2IDE5NS40MzJDNTcyLjU4NCAxNjEuODQ1IDU1NS4xOTEgMTI4Ljg0MyA1MjMuODg0IDExNi4zNDdDNDgzLjI3OSAxMDAuMTQzIDQ0My45MTYgMTM1LjU0OCA0MzEuNjY0IDE4NS42NjdDNDE3LjQzNyAyNDMuODc4IDQzOS44ODQgMzA2LjY2OCA0NTcuMDUgMzU5LjMxM0M0NzEuNDQyIDQwMy40MjUgNDg5LjYwNyA0NDUuMzkxIDUxMC45NzYgNDg0LjMwN0M1MzkuOTk1IDUzNy4xNTggNTczLjU5OSA1ODUuMzU3IDYxMS40OTMgNjI2LjkzM0M2MTEuNTc5IDYyNy41OCA2MTEuNjY1IDYyOC4yMzcgNjExLjc1MSA2MjguODg0QzYxMi4zNDUgNjM3LjU5MSA2MTIuNTQ4IDY0Ni4yODggNjEyLjIwNCA2NTUuMDA2QzYxMS43NTEgNjU3LjY1NSA2MTEuMjIgNjYwLjI3MyA2MTAuNjI2IDY2Mi44ODJDNjEwLjIyOCA2NjMuODE2IDYwOS44MjEgNjY0Ljc0IDYwOS40IDY2NS42NTRDNjA4LjkxNSA2NjYuMzAxIDYwOC40MzEgNjY2Ljk0OCA2MDcuOTMxIDY2Ny41NzRDNjA2LjcyNyA2NjguNTM5IDYwNS41MTYgNjY5LjQ2MyA2MDQuMjc0IDY3MC4zMzZDNjAwLjcxOSA2NzEuODM1IDU5Ny4xMDkgNjczLjA1NyA1OTMuNDUzIDY3NC4wNTNDNTg1LjIxOCA2NzQuODAzIDU3Ni45OSA2NzQuNTk4IDU2OC43NjMgNjczLjY0M0M1NTAuMjg1IDY2OS4zMyA1MzIuMjI4IDY2MS44NDQgNTE0Ljc4MSA2NTIuNzg4QzQ4OS41ODQgNjM3LjkwOSA0NjUuODYzIDYxOS4yNTIgNDQzLjY4MSA1OTcuNjE3QzQxNy40NDQgNTY5LjgzMSAzOTMuODE3IDUzOC4xOTUgMzcyLjc1MyA1MDMuNjUzQzM0NS43NDMgNDU2LjI0NCAzMjMuNDI4IDQwNC43NDkgMzA0LjQ1IDM1MS4xMjlDMjkyLjYyOCAzMTEuMjU4IDI4MC44MDcgMjcxLjM4NiAyNjguOTg2IDIzMS41MTVDMjYzLjUwMSAyMTMuMDExIDI1Ni42MjUgMTk3LjcxMiAyNDMuMTMyIDE4Ny4zMzFDMjMxLjA3NiAxNzguMDU5IDIxMy4zMDEgMTc0LjEyNiAxOTkuNzg0IDE3OS44NzZDMTcyLjEzMyAxOTEuNjMzIDE1MC40MTIgMjMxLjU4NyAxNjAuNDkxIDI3MC44MjFDMTcyLjk2OSAzMTkuMzY5IDE4Ni44NzYgMzY3Ljc3NCAyMDMuMTQ0IDQxNC42ODlDMjMzLjM2NSA1MTYuNjQyIDI2My41OTQgNjE4LjU5NSAyOTMuODE2IDcyMC41NDhDMzAzLjcgNzUzLjg3OCAzMTUuODM0IDc4Ny41NTggMzIxLjE5MyA4MjIuOTExQzMyMS4yNCA4MjMuOTE4IDMyMS4yNzkgODI0LjkxNCAzMjEuMzAzIDgyNS45MkMzMTUuMDc2IDgyNC4xNjQgMzA4Ljk4OSA4MjEuNzYxIDMwMy4wMDQgODE4Ljg4NkMyODIuMDU3IDgwNS44MjUgMjYyLjYxIDc4OCAyNDQuMTE2IDc2OS42NEMyMTEuMDEyIDczNS4xMTggMTgxLjA0OCA2OTUuNzgxIDE1NC43MjUgNjUyLjMzNkMxMzUuNTU5IDYxOC42NDYgMTE4LjY0NCA1ODIuODkyIDEwNC4xOTcgNTQ1LjMzMUM5MC44OTg5IDUxMC43MzggNTEuNjg0NCA0OTguMDc3IDI3LjIyMTIgNTE4LjgwOUMwLjM1OTM4OCA1NDEuNTgzIC03LjE1NjkyIDU4Mi45NjQgNy4wNjMxMyA2MTkuOTYxQzM1LjUxMTEgNjkzLjk1MyA3My44OTc0IDc2Mi40NTIgMTE4LjY3NSA4MjAuODE3QzE0Mi40MDQgODUxLjc0NSAxNjguNDIyIDg3OS42MTIgMTk1LjU0OSA5MDUuMjIxQzIyMS4zODcgOTI5LjYxOCAyNDguNDkxIDk1MS4zNDYgMjc4Ljk5NCA5NjQuMjEyQzMxMy4wNiA5NzguNTc3IDM1NS41ODcgOTc5LjM1OCAzODYuMDEyIDk1MS4zNTZDNDA3LjA1MyA5MzIuMDAxIDQyMi40MjIgOTA2LjEzNSA0MjkuNjAyIDg3My40QzQzNS44NiA4NDQuODY1IDQzNC4xNDEgODE2LjI0NyA0MzAuMjg5IDc4Ny40OTZDNDI4LjkyMiA3NzcuMjU5IDQyNi45NjkgNzY3LjEyNCA0MjQuNjQgNzU3LjA4MkM0NDQuMDQxIDc3MS44OTkgNDY0LjI5MiA3ODQuODI3IDQ4NS44MTggNzk1Ljg5NkM1MDMuMjE4IDgwNC44NSA1MjEuMzM3IDgxMi4zNDUgNTM5Ljc4NCA4MTYuNDk0QzU2Ni4yMzIgODIyLjQzOSA1ODkuOTQ1IDgyMy40OTcgNjE2LjQxNiA4MTguMjVDNjYwLjMzNCA4MDkuNTQyIDY5OS4zODQgNzcwLjQzMSA3MTUuNjA1IDcxNi4zMDdDNzUwLjc0OCA3MzkuMDcyIDc4Ny44MzggNzU1LjY5NiA4MjcuMjk0IDc1OS45OThDODc1LjAzMyA3NjUuMjA0IDkyOS4zNTkgNzQyLjE0MiA5NjEuNjI3IDY5NC4xNjlDOTgxLjI5MyA2NjQuOTQ1IDk5Mi4zMDIgNjMyLjA5OCA5OTYuOTY2IDU5NC41NDdDMTAwNi43IDYwMC45NDQgMTAxNi41MiA2MDcuMDg0IDEwMjYuNDQgNjEyLjkzN0MxMTE0LjIxIDY2NC43NCAxMjA1Ljk5IDY5Ny4yMjkgMTMwMS45NiA3MDguMTY0QzEzNDkuNDUgNzEzLjU3NiAxMzk5LjA4IDcxNS40MTQgMTQ0Mi42MSA2ODUuNzhDMTQ2OC45NCA2NjcuODYyIDE0OTAuNzggNjMzLjAwMSAxNDk2Ljk0IDU5NC41MjZDMTUwNC4zMSA1NDguNTQ1IDE0OTQuNzUgNTAyLjI0NiAxNDc0LjQ4IDQ2NC4wODlDMTQ1Ny42NiA0MzIuNDYzIDE0MzcuMTkgNDA0LjkyNCAxNDE3LjMxIDM3Ni43MDdDMTQxNi4yNiAzNzUuMjI4IDE0MTUuMjIgMzczLjc1IDE0MTQuMTggMzcyLjI2MUMxNDI1LjY4IDM3OC4wMTEgMTQzNy4yNSAzODMuNTQ2IDE0NDguOSAzODguNzkzQzE0ODAuMDggNDAyLjg2IDE1MTIuMTcgNDE2LjkwNyAxNTQ0Ljg2IDQyMy40NThDMTU4OC45MiA0MzIuMjc4IDE2MzcuNjggNDMyLjM2MSAxNjc1LjI1IDM5NS43MDNDMTY4Ny40NCAzODMuODIzIDE2OTYuOTMgMzcxLjQ3IDE3MDEuMTEgMzUxLjUxOUMxNzA0LjgyIDMzMy44MTcgMTcwMy4xNCAzMTAuMjUxIDE2OTUuNDQgMjk0LjU1MUMxNjg3LjY5IDI3OC43NjkgMTY3Ni4xNiAyNjQuODY2IDE2NjEuODIgMjYwLjU3NEMxNjQ3Ljk5IDI1Ni40MzYgMTYzMC4zOCAyNTYuNDA1IDE2MTguNDcgMjY4LjAyOEMxNjE0Ljk4IDI3MS40MzcgMTYxMS4zNyAyNzQuNDM2IDE2MDcuNTkgMjc3LjExNkMxNjA0LjE5IDI3OC41NTMgMTYwMC43MyAyNzkuNzU1IDE1OTcuMjIgMjgwLjczQzE1ODguNTEgMjgxLjQ4IDE1NzkuODEgMjgxLjE0MSAxNTcxLjEgMjgwLjA2M0MxNTQzLjk5IDI3NC4wNTYgMTUxNy40NCAyNjMuMDI4IDE0OTEuMzggMjUxLjc2NEMxNDYyLjcxIDIzOS4zNyAxNDM0LjUgMjI1LjI2MSAxNDA2LjYyIDIxMC4wNzVDMTMzOC4zOSAxNzEuNjYxIDEyNzIuMzcgMTI2Ljk2NCAxMjA2LjQ1IDgyLjE3NDFDMTE4MS4zNCA2NS4xMDgzIDExNTEuNSA3MS4yNDg4IDExMzMuODggMTAxLjIyMkMxMTE2LjQ2IDEzMC44NTYgMTExOS4wMyAxNzEuMDA0IDExMzguMjggMTk4LjI5N0MxMTc5LjI1IDI1Ni40MjUgMTIyMC4yMiAzMTQuNTQzIDEyNjEuMTkgMzcyLjY3MkMxMjgxLjMyIDQwMS4yMjcgMTMwMS40NSA0MjkuNzczIDEzMjEuNTcgNDU4LjMyOUMxMzM5Ljc1IDQ4NC4xMDIgMTM1OC45OCA1MDkuMTY3IDEzNzUuOTkgNTM2LjM1N0MxMzc5LjcgNTQzLjIwNiAxMzgzLjEzIDU1MC4yNyAxMzg2LjEgNTU3LjcwNEMxMzgxLjA3IDU1OS44MiAxMzc1Ljk1IDU2MS40NDIgMTM3MC43NSA1NjIuNzE1QzEzNDAuMTMgNTY2LjQyMiAxMzA4LjMyIDU2Mi4yNTMgMTI3Ny43OCA1NTcuMDY4QzEyMTQuMjYgNTQ1LjE3NyAxMTUyLjE0IDUyMi43MzEgMTA5Mi43OSA0OTAuNzY2QzEwNDcuNyA0NjQuOTkzIDEwMDQuNTEgNDMzLjgwOCA5NjMuODM4IDM5Ny42MDNDOTU1Ljk2MiAzNzQuODY5IDk0Ny40MyAzNTIuNTM2IDkzOC4yNSAzMzAuNjY0Qzg5Ny45ODggMjM0Ljc0OSA4NDUuNTMgMTQ1Ljk5MSA3ODQuNjI2IDcxLjE5NzVDNzcwLjUzMSA1My44ODUzIDc1NS45MTMgMzcuMzMyOSA3NDAuODU3IDIxLjQ3ODhDNzMzLjI0NyAxMy40Njk2IDcyNS42MjkgNS45NDMwOCA3MTYuMDM0IDIuNDYyMTdDNzAzLjc4MyAtMS45NzM2OSA2OTAuOTY5IC0wLjIyODE1OCA2NzkuNDA2IDYuMTg5NDZMNjc5LjQyMiA2LjIxMDAyWiIgZmlsbD0iI0ZGMzU4RiI+PC9wYXRoPgo8L3N2Zz4=);
    position: absolute;
    inset: calc(100% - 320px) auto auto calc(50% + 50px);
    height: auto;
    width: 1703px;
    transform: translateX(-50%);
    z-index: -1;

    @media (max-width: 820px) {
      content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwNyIgaGVpZ2h0PSI1NzYiIHZpZXdCb3g9IjAgMCAxMDA3IDU3NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBpZD0iNzc3YjZkNTIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDAxLjc0OCAzLjY3MjQ2QzM5MC4wODcgMTAuMTM5NSAzODAuNyAyNi4yODU5IDM4MS4zIDQzLjYyODZDMzgyLjgyNSA4Ny43NDQzIDM5Ny44OTEgMTI3LjAzOSA0MTcuNzAxIDE2MS44MTVDNDM0LjUyMyAxOTEuMzQ1IDQ1Mi43NTQgMjE5LjIzNSA0NzMuMjExIDI0NC41MjdDNDg3LjAwMiAyNjEuNTcyIDUwMS41NjQgMjc3LjYzMyA1MTYuNzgyIDI5Mi41NTNDNTE5Ljg1IDMwMy4xNTUgNTIyLjQxIDMxMy45ODIgNTIzLjk5OSAzMjUuMTQzQzUyNC4yNjcgMzI5LjY0MyA1MjQuMzMyIDMzNC4xMzYgNTI0LjE0MiAzMzguNjQyQzUyMy43NjMgMzQwLjkwNyA1MjMuMzA2IDM0My4xNDIgNTIyLjc3IDM0NS4zNTJDNTIyLjE2NSAzNDYuODM0IDUyMS41MjMgMzQ4LjI4NSA1MjAuODM5IDM0OS43MDZDNTE5Ljc5IDM1MS4xODggNTE4LjcgMzUyLjYwMiA1MTcuNTYzIDM1My45NjlDNTE1LjUzIDM1NS43MTggNTEzLjQyOCAzNTcuMzAyIDUxMS4yNjIgMzU4Ljc0OEM1MDguMTk4IDM2MC4xMjYgNTA1LjA5NCAzNjEuMjQzIDUwMS45MjQgMzYyLjA5NEM0OTcuNTA4IDM2Mi40ODggNDkzLjA5NiAzNjIuMzkxIDQ4OC42NzkgMzYxLjkwNUM0ODAuMDQ0IDM1OS43OTIgNDcxLjY3NyAzNTYuMzg2IDQ2My41IDM1Mi4xNzFDNDQ4LjY1NiAzNDMuNDAzIDQzNC40NjcgMzMyLjc4OCA0MjEuMDMyIDMyMC43MjNDNDE5LjYzNyAzMTQuMDY3IDQxOC4xNDUgMzA3LjQ3OSA0MTYuNjM5IDMwMC45ODdDNDA4Ljc1NyAyNjcgMzk4LjY2MiAyMzMuNzk3IDM4Ni45OTcgMjAxLjc1M0MzNzYuMDggMTcxLjc3NCAzNjMuMzc0IDE0Mi45MjQgMzQ5LjAwNiAxMTUuNTc0QzMzOC41NzQgOTUuNzExMyAzMjguMjkgNzYuMTk0NyAzMDkuNzc3IDY4LjgwNDZDMjg1Ljc2NyA1OS4yMjI0IDI2Mi40OTEgODAuMTU5OSAyNTUuMjQ3IDEwOS43OTlDMjQ2LjgzNCAxNDQuMjIzIDI2MC4xMDggMTgxLjM1NiAyNzAuMjU4IDIxMi40ODlDMjc4Ljc2OCAyMzguNTc2IDI4OS41MDkgMjYzLjM5MyAzMDIuMTQ1IDI4Ni40MDhDMzE5LjMwNCAzMTcuNjYyIDMzOS4xNzUgMzQ2LjE2NiAzNjEuNTgyIDM3MC43NTNDMzYxLjYzMyAzNzEuMTM1IDM2MS42ODQgMzcxLjUyNCAzNjEuNzM0IDM3MS45MDdDMzYyLjA4NSAzNzcuMDU2IDM2Mi4yMDYgMzgyLjE5OSAzNjIuMDAyIDM4Ny4zNTVDMzYxLjczNCAzODguOTIxIDM2MS40MiAzOTAuNDcgMzYxLjA2OSAzOTIuMDEyQzM2MC44MzMgMzkyLjU2NSAzNjAuNTkzIDM5My4xMTEgMzYwLjM0NCAzOTMuNjUyQzM2MC4wNTcgMzk0LjAzNCAzNTkuNzcxIDM5NC40MTcgMzU5LjQ3NSAzOTQuNzg3QzM1OC43NjQgMzk1LjM1OCAzNTguMDQ4IDM5NS45MDQgMzU3LjMxMyAzOTYuNDIxQzM1NS4yMTEgMzk3LjMwNyAzNTMuMDc2IDM5OC4wMyAzNTAuOTE0IDM5OC42MTlDMzQ2LjA0NSAzOTkuMDYyIDM0MS4xOCAzOTguOTQxIDMzNi4zMTUgMzk4LjM3NkMzMjUuMzg5IDM5NS44MjYgMzE0LjcxMiAzOTEuMzk5IDMwNC4zOTUgMzg2LjA0M0MyODkuNDk2IDM3Ny4yNDQgMjc1LjQ2OSAzNjYuMjExIDI2Mi4zNTMgMzUzLjQxNkMyNDYuODM5IDMzNi45ODQgMjMyLjg2OCAzMTguMjc1IDIyMC40MTIgMjk3Ljg0OEMyMDQuNDQxIDI2OS44MTIgMTkxLjI0NiAyMzkuMzU5IDE4MC4wMjQgMjA3LjY0OUMxNzMuMDM0IDE4NC4wNyAxNjYuMDQ0IDE2MC40OTEgMTU5LjA1NCAxMzYuOTEyQzE1NS44MSAxMjUuOTcgMTUxLjc0NSAxMTYuOTIyIDE0My43NjYgMTEwLjc4M0MxMzYuNjM3IDEwNS4zIDEyNi4xMjcgMTAyLjk3NCAxMTguMTM0IDEwNi4zNzRDMTAxLjc4NCAxMTMuMzI3IDg4Ljk0MDEgMTM2Ljk1NSA5NC45IDE2MC4xNTdDMTAyLjI3OCAxODguODY3IDExMC41MDIgMjE3LjQ5MiAxMjAuMTIxIDI0NS4yMzdDMTM3Ljk5MSAzMDUuNTMgMTU1Ljg2NiAzNjUuODIyIDE3My43MzYgNDI2LjExNUMxNzkuNTggNDQ1LjgyNSAxODYuNzU1IDQ2NS43NDMgMTg5LjkyNSA0ODYuNjVDMTg5Ljk1MiA0ODcuMjQ1IDE4OS45NzYgNDg3LjgzNCAxODkuOTg5IDQ4OC40MjlDMTg2LjMwNyA0ODcuMzkxIDE4Mi43MDggNDg1Ljk3IDE3OS4xNjkgNDg0LjI3QzE2Ni43ODMgNDc2LjU0NSAxNTUuMjg0IDQ2Ni4wMDQgMTQ0LjM0OCA0NTUuMTQ2QzEyNC43NzMgNDM0LjczMSAxMDcuMDU1IDQxMS40NjggOTEuNDkwNCAzODUuNzc2QzgwLjE1NzUgMzY1Ljg1MiA3MC4xNTUxIDM0NC43MDggNjEuNjEyNyAzMjIuNDk2QzUzLjc0OTQgMzAyLjAzOCAzMC41NjE1IDI5NC41NTEgMTYuMDk2MiAzMDYuODExQzAuMjEyNTEgMzIwLjI3OSAtNC4yMzE5NiAzNDQuNzUxIDQuMTc2NSAzNjYuNjNDMjAuOTk4IDQxMC4zODcgNDMuNjk2MiA0NTAuODk2IDcwLjE3MzYgNDg1LjQxMUM4NC4yMDQ2IDUwMy43MDEgOTkuNTg5MyA1MjAuMTgxIDExNS42MyA1MzUuMzI2QzEzMC45MDggNTQ5Ljc1NCAxNDYuOTM1IDU2Mi42MDMgMTY0Ljk3MiA1NzAuMjEyQzE4NS4xMTUgNTc4LjcwNyAyMTAuMjYyIDU3OS4xNjggMjI4LjI1MiA1NjIuNjA5QzI0MC42OTQgNTUxLjE2MyAyNDkuNzgyIDUzNS44NjYgMjU0LjAyOCA1MTYuNTA4QzI1Ny43MjggNDk5LjYzMyAyNTYuNzEyIDQ4Mi43MDkgMjU0LjQzNCA0NjUuNzA2QzI1My42MjYgNDU5LjY1MiAyNTIuNDcxIDQ1My42NTkgMjUxLjA5NCA0NDcuNzJDMjYyLjU2NSA0NTYuNDgyIDI3NC41NDEgNDY0LjEyNyAyODcuMjY5IDQ3MC42NzNDMjk3LjU1OCA0NzUuOTY5IDMwOC4yNzEgNDgwLjQwMSAzMTkuMTc5IDQ4Mi44NTVDMzM0LjgxOCA0ODYuMzcxIDM0OC44NCA0ODYuOTk2IDM2NC40OTIgNDgzLjg5M0MzOTAuNDYyIDQ3OC43NDQgNDEzLjU1MyA0NTUuNjE0IDQyMy4xNDQgNDIzLjYwN0M0NDMuOTI1IDQzNy4wNjkgNDY1Ljg1NiA0NDYuOSA0ODkuMTg3IDQ0OS40NDRDNTE3LjQxNSA0NTIuNTIzIDU0OS41MzggNDM4Ljg4NSA1NjguNjE5IDQxMC41MTVDNTgwLjI0OCAzOTMuMjMzIDU4Ni43NTcgMzczLjgwNyA1ODkuNTE2IDM1MS42MDFDNTk1LjI3MiAzNTUuMzg0IDYwMS4wOCAzNTkuMDE1IDYwNi45NDIgMzYyLjQ3NkM2NTguODQ0IDM5My4xMTEgNzEzLjExMSA0MTIuMzI0IDc2OS44NTggNDE4Ljc5MUM3OTcuOTQ0IDQyMS45OTEgODI3LjI5IDQyMy4wNzggODUzLjAyOCA0MDUuNTUzQzg2OC41OTggMzk0Ljk1NyA4ODEuNTExIDM3NC4zNDIgODg1LjE1NiAzNTEuNTg4Qzg4OS41MTMgMzI0LjM5NiA4ODMuODYyIDI5Ny4wMTYgODcxLjg3MyAyNzQuNDUxQzg2MS45MzEgMjU1Ljc0OCA4NDkuODI2IDIzOS40NjIgODM4LjA2OCAyMjIuNzc1QzgzNy40NDkgMjIxLjkwMSA4MzYuODM1IDIyMS4wMjcgODM2LjIxNiAyMjAuMTQ2Qzg0My4wMTcgMjIzLjU0NyA4NDkuODU5IDIyNi44MiA4NTYuNzQ3IDIyOS45MjNDODc1LjE4NiAyMzguMjQyIDg5NC4xNiAyNDYuNTQ5IDkxMy40OSAyNTAuNDIzQzkzOS41NDMgMjU1LjYzOSA5NjguMzc2IDI1NS42ODggOTkwLjU5NCAyMzQuMDA5Qzk5Ny43OTcgMjI2Ljk4NCAxMDAzLjQxIDIxOS42NzggMTAwNS44OCAyMDcuODhDMTAwOC4wOCAxOTcuNDExIDEwMDcuMDggMTgzLjQ3NSAxMDAyLjUzIDE3NC4xOUM5OTcuOTQ5IDE2NC44NTcgOTkxLjEzIDE1Ni42MzUgOTgyLjY0OCAxNTQuMDk3Qzk3NC40NzUgMTUxLjY1IDk2NC4wNTcgMTUxLjYzMiA5NTcuMDE2IDE1OC41MDVDOTU0Ljk1MSAxNjAuNTIyIDk1Mi44MTYgMTYyLjI5NSA5NTAuNTg1IDE2My44OEM5NDguNTcgMTY0LjczIDk0Ni41MjggMTY1LjQ0IDk0NC40NTQgMTY2LjAxN0M5MzkuMzAzIDE2Ni40NiA5MzQuMTU2IDE2Ni4yNiA5MjkuMDA5IDE2NS42MjJDOTEyLjk3MyAxNjIuMDcgODk3LjI3NCAxNTUuNTQ4IDg4MS44NjYgMTQ4Ljg4N0M4NjQuOTE1IDE0MS41NTggODQ4LjIzMyAxMzMuMjE0IDgzMS43NDggMTI0LjIzM0M3OTEuNDAyIDEwMS41MTYgNzUyLjM2MiA3NS4wODM0IDcxMy4zODggNDguNTk1OEM2OTguNTM5IDM4LjUwMzUgNjgwLjg5NSA0Mi4xMzQ4IDY3MC40NzIgNTkuODZDNjYwLjE3NCA3Ny4zODQ5IDY2MS42OTQgMTAxLjEyOCA2NzMuMDczIDExNy4yNjhDNjk3LjMwMSAxNTEuNjQ0IDcyMS41MjggMTg2LjAxMyA3NDUuNzU2IDIyMC4zODlDNzU3LjY1NyAyMzcuMjc2IDc2OS41NTggMjU0LjE1NyA3ODEuNDU5IDI3MS4wNDVDNzkyLjIwNSAyODYuMjg2IDgwMy41OCAzMDEuMTA5IDgxMy42MzggMzE3LjE4OEM4MTUuODMyIDMyMS4yMzkgODE3Ljg1NiAzMjUuNDE2IDgxOS42MTYgMzI5LjgxM0M4MTYuNjQxIDMzMS4wNjQgODEzLjYxIDMzMi4wMjMgODEwLjUzOCAzMzIuNzc2Qzc5Mi40MzIgMzM0Ljk2OCA3NzMuNjI0IDMzMi41MDMgNzU1LjU2NCAzMjkuNDM2QzcxOC4wMDMgMzIyLjQwNSA2ODEuMjY5IDMwOS4xMyA2NDYuMTc2IDI5MC4yMjdDNjE5LjUxMyAyNzQuOTg2IDU5My45NzkgMjU2LjU0NCA1NjkuOTI3IDIzNS4xMzNDNTY1LjI3IDIyMS42ODggNTYwLjIyNSAyMDguNDgxIDU1NC43OTYgMTk1LjU0N0M1MzAuOTg5IDEzOC44MjUgNDk5Ljk3IDg2LjMzNTUgNDYzLjk1NyA0Mi4xMDQ1QzQ1NS42MjMgMzEuODY2NSA0NDYuOTc4IDIyLjA3NzggNDM4LjA3NiAxMi43MDIxQzQzMy41NzYgNy45NjU2MiA0MjkuMDcxIDMuNTE0NiA0MjMuMzk4IDEuNDU2MDdDNDE2LjE1NCAtMS4xNjcxOSA0MDguNTc3IC0wLjEzNDkyMSA0MDEuNzM5IDMuNjYwM0w0MDEuNzQ4IDMuNjcyNDZaIiBmaWxsPSIjRkYzNThGIj48L3BhdGg+Cjwvc3ZnPg==); 
      inset: calc(100% - 316px) auto auto calc(50% + -233px);
      width: 576px;
    }
  }
}

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

.header {
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  padding-block: var(--spacing-4x);
  z-index: 10000;

  .hubspot-disable-focus-styles & {
    position: relative;
  }

  @media (max-width: 1050px) {
    padding-block: var(--spacing-6x);
  }
}

.header__content {
  display: flex;
  justify-content: center;
}

.header-logo {
  display: flex;


  @media (max-width: 1050px) {
    justify-content: center;

    & svg {
      width: 179px;
      height: auto;
    }
  }
}
/* Menu and simple menu */

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

/* Horizontal menu */

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

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

/* Vertical menu */

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

/* Flyouts */

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

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

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

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

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

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

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

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

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

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