/* ************************************************************************* */
/* ****************************  1. Variables   **************************** */
/* ************************************************************************* */

/* 1a. Containers */





/* 1b. Breakpoints */







/* 1c. Colors */









/* 1d. Typography */











/* 1e. Border */



/* 1f. Corner Radius */



/* 1g. Lists */






/* 1h. Horizontal Rule */



/* 1i. Blockquote */




/* 1j. Buttons */








































/* 1k. Forms */















































/* 1l. Tables */











/* 1m. Site Header */












/* 1n. Site Footer */










/* 1o. Blog */







/* ************************************************************************* */
/* *****************   2. Containers / Grid / DnD Areas   ****************** */
/* ************************************************************************* */

.content-wrapper,
.dnd-section > .row-fluid {
  max-width: 1340px;
}

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

.content-wrapper--narrow {
  max-width: 760px;
}

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

.dnd-section,
.content-wrapper--blog-post {
  padding: 60px 20px 0px 20px;
}

/* ************************************************************************* */
/* **************************   3. Typography   **************************** */
/* ************************************************************************* */

html {
  font-size: 18px;
}

body {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: #FFFFFF;
  color: #1E2B33;
  font-size: 18px;
}

/* Paragraphs */

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

p.lead,
p.intro {
  font-size: 1.25rem;
}

/* Anchors */

a {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #FF692D;
}

a:hover, a:focus {
  font-weight: 700; text-decoration: underline; font-family: 'Public Sans', sans-serif; font-style: normal;
  color: #9ed8db;
}

a:active {
  font-weight: 700; text-decoration: underline; font-family: 'Public Sans', sans-serif; font-style: normal;
  color: #eeffff;
}

a.button:disabled {
  background-color: #f1f1f1;
}

/* Headings */
h1 {
 line-height: 5.75rem; 
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #1E2B33;
  text-transform: none;
}



  h1, .h1 {
    font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #FFFFFF;
    font-size: 100px;
    letter-spacing: 0px;
    text-transform: none;
  }

  h2, .h2 {
    font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    color: #FFFFFF;
    font-size: 5.5vw;
    line-height: 1.1;
    letter-spacing: 0px;
    text-transform: none;
  }

  h3, .h3 {
    font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    color: #1E2B33;
    font-size: 3vw;
    letter-spacing: 0px;
    text-transform: none;
  }

  h4, .h4 {
      font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
      color: #1E2B33;
      font-size: 2vw;
      letter-spacing: 0px;
      text-transform: none;
    }

  @media screen and (min-width: 1400px) {
      h2, .h2 {  
            font-size: 84px;
            line-height: 1;
      }

      h3, .h3 {
        font-size: 45px;
      }

      h4, .h4 {
        font-size: 29px;
      }
  }

  h5, .h5 {
    font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    color: #2E4051;
    font-size: 2vw;
    letter-spacing: 0px;
    text-transform: none;
  }

  h6, .h6 {
    font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: #1E2B33;
    font-size: 14px;
    letter-spacing: 0px;
    text-transform: none;
    line-height:1.25rem ;
  }



/* Lists */

ul,
ol {
  margin: 1.4rem 0;
  padding-left: 1.4rem;
}

ul li,
ol li {
  margin: 0.7rem;
}

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

/* Blockquote */

blockquote {
  border-left: 16px solid #FF692D;
  padding-left: 1.4rem;
}

/* Horizontal Rules */

hr {
  border-bottom-color: #d0d0d0;
}

/* ************************************************************************* */
/* ***************************   4. Buttons   ****************************** */
/* ************************************************************************* */

/* Primary Button */

button,
.button {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.11)

;
  border: 1px solid #333333;
  border-radius: 4px;
  color: #333333;
  fill: #333333;
  font-size: 12px;
  padding: 13px 13px;
  text-transform: uppercase;
}

button:disabled,
.button:disabled {
  background-color: #d0d0d0;
  color: #f1f1f1;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
button:active,
.button:active {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 105, 45, 1.0)

;
  border: 1px solid #FF692D;
  color: #FFFFFF;
}

button:active,
.button:active {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(255, 185, 125, 100);
  border: 1px solid #FF692D;
  border-color: #ffb97d;
}

/* Secondary Button */

.button.button--secondary {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  color: #FFFFFF;
  fill: #FFFFFF;
  padding: 13px 13px;
  text-transform: uppercase;
}

.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px solid #FF692D;
  color: #FF692D;
  fill: #FF692D;
}

.button.button--secondary:active {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #FF692D;
  border-color: #ffb97d;
  color: #ffb97d;
  fill: #ffb97d;
}

/* Simple Button */

.button.button--simple {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FF692D;
  fill: #FF692D;
  text-transform: uppercase;
}



  .button.button--simple:after {
    content: none;
  }



.button.button--simple:hover,
.button.button--simple:focus {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #99409A;
  fill: #99409A;
}



  .button.button--simple:hover:after,
  .button.button--simple:focus:after,
  .button.button--simple:active:after {
    content: none;
  }



.button.button--simple:active {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: none;
  color: #e990ea;
  fill: #e990ea;
}

/* Button Sizing */

.button.button--small {
  font-size: 14px;
  padding: 13px 13px;
}

.button.button--large {
  font-size: 18px;
  padding: 13px 13px;
}

/* ************************************************************************* */
/* *****************************   5. Forms   ****************************** */
/* ************************************************************************* */

form {
  background-color:;
  border:;
  border-radius: 4px;
  padding: ;
}

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

/* Form Title */

.form-title {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(46, 64, 81, 1.0)

;
  border: 1px none #D0D0D0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #FFFFFF;
  font-size: 38px;
  padding:;
}

/* Labels */



.hs-form-field > label,
.hs-form-field > label span {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1E2B33;
  font-size: 14px;
  padding: 6px 0px;
}


/* Help Text - Legends */

.hs-form-field legend {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1E2B33;
  font-size: 14px;
}

/* Inputs */

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
select,
textarea {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #D0D0D0;
  border-radius: 4px;
  color: #1E2B33;
  font-size: 16px;
  padding: 12px 12px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='number']:focus,
select:focus,
textarea:focus {
  outline-color: #2E4051;
}

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

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

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

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

::placeholder {
  color: #D0D0D0;
}

/* Inputs - Checkbox/Radio */

form .inputs-list:not(.no-list) label,
form .inputs-list:not(.no-list) label > span,
form .inputs-list:not(.no-list) label > span p {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1E2B33;
  font-size: 18px;
}

/* Inputs - Datepicker */

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

.hs-datepicker .is-selected button.pika-button {
  background-color: #2E4051;
}

.hs-datepicker button.pika-button:hover {
  background-color: #FF692D !important;
}

/* Inputs - File Picker */

input[type='file'] {
  color: #1E2B33;
  font-size: 18px;
}

/* Headings and Text */

form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1E2B33;
}

/* GDPR Text */

.legal-consent-container,
.legal-consent-container .hs-richtext,
.legal-consent-container .hs-richtext p {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1E2B33;
  font-size: 14px;
}

/* Validation */

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

.hs-form-required,
.header span.hs-form-required,
.footer span.hs-form-required,
.hs-error-msg {
  color: #ef6b51;
}

/* Submit */



  form input[type='submit'],
  form .hs-button {
    font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    background-color: #ff692d !important;
    border: 1px solid #333333;
    border-radius: 4px;
    color: #333333;
    fill: #333333;
    padding: 13px 13px;
    text-transform: uppercase;
  }

  form input[type='submit']:hover,
  form input[type='submit']:focus,
  form .hs-button:hover,
  form .hs-button:focus {
    font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(255, 105, 45, 1.0)

;
    border: 1px solid #FF692D;
    color: #FFFFFF;
  }

  form input[type='submit']:active,
  form .hs-button:active {
    font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    background-color: rgba(255, 185, 125, 100);
    border: 1px solid #FF692D;
    border-color: #ffb97d;
}





  form input[type='submit'],
  form .hs-button {
    font-size: 12px;
    padding: 13px 13px;
  }



/* Inline Thank You Message */

.submitted-message {
  background-color: 

  
  
    
  


  rgba(241, 241, 241, 1.0)

;
  border: 1px solid #D0D0D0;
  border-radius: 4px;
  padding: 45px 45px;
}

/* ************************************************************************* */
/* ****************************   6. Tables   ****************************** */
/* ************************************************************************* */

table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #D0D0D0;
}

th,
td {
  border: 1px solid #D0D0D0;
  color: #1E2B33;
  padding: 10px 10px;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(46, 64, 81, 1.0)

;
  border-bottom: 2px solid #D0D0D0;
  color: #FFFFFF;
}

tbody + tbody {
  border-top: 2px solid #D0D0D0;
}


/* ************************************************************************* */
/* **************************   7. Site Header   *************************** */
/* ************************************************************************* */

.header {
  background-color: 

  
  
    
  


  rgba(255, 105, 45, 1.0)

;
  border-bottom: 1px none #FFFFFF;
}

.header p,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header a:not(.button),
.header span,
.header div,
.header li,
.header blockquote {
  color: #FFFFFF;
}

/* Header modules */

.header .social-links__icon svg,
.header .social-links__icon:hover svg {
  fill: #FFFFFF;
}

.header .icon svg {
  fill: #FFFFFF;
}

.header .pricing-table label {
  color: #1E2B33;
}

.header .price-block__description-block,
.header .price-block__description-block div,
.header .price-block__description-block p,
.header .price-block__description-block li,
.header .price-block__description-block span,
.header .testimonial__content,
.header .testimonial__content div,
.header .testimonial__content span,
.header .testimonial__content p,
.header .blog-card__content p,
.header a.blog-card__author-name {
  color: #1E2B33;
}

.header .price-block__description-block a,
.header .testimonial__content a,
.header .blog-card__content a {
  color: #FF692D;
}

.header .price-block__description-block a:hover,
.header .price-block__description-block a:focus,
.header .testimonial__content a:hover,
.header .testimonial__content a:focus,
.header .blog-card__content a:hover,
.header .blog-card__content a:focus {
  color: font-weight: 700; text-decoration: underline; font-family: 'Public Sans', sans-serif; font-style: normal;
}

.header .price-block__description-block h1,
.header .testimonial__content h1 {
  color: #FFFFFF;
}

.header .price-block__description-block h2,
.header .testimonial__content h2,
.header h2.blog-card__title a {
  color: #FFFFFF;
}

.header .price-block__description-block h3,
.header .testimonial__content h3 {
  color: #1E2B33;
}

.header .price-block__description-block h4,
.header .testimonial__content h4 {
  color: #1E2B33;
}

.header .price-block__description-block h5,
.header .testimonial__content h5 {
  color: #2E4051;
}

.header .price-block__description-block h6,
.header .testimonial__content h6 {
  color: #1E2B33;
}

/* Header container */

.header__container {
  padding: 0 2.8rem;
}

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

/* Logo */

.header__logo {
  position: absolute;
  z-index: 999;
  }
  
.header__logo img {  
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.50);
}

.header__logo .logo-company-name {
  color: #FFFFFF;
}
  
  }


/* Navigation Menu & Language Switcher */

.navigation-primary .menu-item a,
div.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a  {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #FFFFFF;
  font-size: 14px;
  text-transform: none;
}

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

.navigation-primary .menu-item a:hover,
.header__language-switcher .lang_list_class li:hover a,
div.header__language-switcher-label-current:hover,
.navigation-primary .menu-item a:focus,
.header__language-switcher .lang_list_class li:focus a,
div.header__language-switcher-label-current:focus {
  font-weight: 500; text-decoration: none; font-family: 'Public Sans', sans-serif; font-style: normal;
  color: #FFFFFF;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}

.header__language-switcher-label-current:hover:after,
.header__language-switcher-label-current:focus:after {
  border-top-color: #FFFFFF;
}

.navigation-primary .menu-item a:active,
div.header__language-switcher-label-current:active {
  font-weight: 500; text-decoration: none; font-family: 'Public Sans', sans-serif; font-style: normal;
  color: #FFFFFF;
}

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

body .navigation-primary .submenu.level-1 > li > a.active-item:after,
body .navigation-primary .submenu.level-1 > li > a.active-branch:after {
  background-color: #FFFFFF;
}

.navigation-primary .submenu.level-2 {
  background-color: 

  
  
    
  


  rgba(255, 105, 45, 1.0)

;
  border: 1px solid #d0d0d0;
}

.navigation-primary .submenu.level-2 > li,
.header__language-switcher .lang_list_class li {
  border-bottom: 1px solid #d0d0d0;
}

.navigation-primary .submenu.level-2 .menu-item .menu-link:hover,
.navigation-primary .submenu.level-2 .menu-item .menu-link:focus {
  font-weight: 500; text-decoration: none; font-family: 'Public Sans', sans-serif; font-style: normal;
  background-color: 

  
  
    
  


  rgba(255, 105, 45, 1.0)

;
  color: #FFFFFF;
}

.navigation-primary .submenu.level-2 .menu-item .menu-link:active {
  font-weight: 500; text-decoration: none; font-family: 'Public Sans', sans-serif; font-style: normal;
  background-color: 

  
  
    
  


  rgba(255, 105, 45, 1.0)

;
  color: #FFFFFF;
}

.header__language-switcher .lang_list_class {
  background-color: 

  
  
    
  


  rgba(255, 105, 45, 1.0)

;
  border: 1px solid #d0d0d0;
}

.header__language-switcher .lang_list_class li:hover,
.header__language-switcher .lang_list_class li:focus {
  background-color: 

  
  
    
  


  rgba(255, 105, 45, 1.0)

;
}

.header__language-switcher .lang_list_class li:active {
  background-color: 

  
  
    
  


  rgba(255, 105, 45, 1.0)

;
}

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

  
  
    
  


  rgba(255, 105, 45, 1.0)

;
  }

  .header__menu .header__mobile-menu-icon,
  .header__menu .header__mobile-menu-icon:after,
  .header__menu .header__mobile-menu-icon:before,
  .header__menu .menu-arrow-icon,
  .header__menu .menu-arrow-icon:after {
      background-color: #FFFFFF;
  }

  .navigation-primary .submenu.level-1 > li,
  .navigation-primary .submenu.level-2 .menu-item {
    border-top-color: #d0d0d0;
  }

  .header__language-switcher .lang_list_class {
    border-left: 0;
    border-right: 0;
  }
}

/* ************************************************************************* */
/* **************************   8. Site Footer   *************************** */
/* ************************************************************************* */

.footer {
  background-color: 

  
  
    
  


  rgba(46, 64, 81, 1.0)

;
  border-top: 1px none #1E2B33;
}

.footer__container--static,
.footer__container--dnd .dnd-section {
  max-width: 1340px;
}

.footer__bottom-section {
  border-top: 1px solid #d0d0d0;
  border-top-color: #FFFFFF;
}

/* Footer Content */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.footer a:not(.button),
.footer span,
.footer div,
.footer li,
.footer blockquote {
  color: #fff ;
}



  .footer h4 {
      font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
      color: #1E2B33;
      font-size: 14px;
      letter-spacing: 0px;
      text-transform: none;
  }



/* Footer Menu */

.footer .hs-menu-wrapper a {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 14px;
  text-transform: none;
}

.footer .hs-menu-wrapper a:hover,
.footer .hs-menu-wrapper a:focus {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FF692D;
}

.footer .hs-menu-wrapper a:active {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #9ed8db;
}

/* Footer modules */

.footer .social-links__icon svg,
.footer .social-links__icon:hover svg {
  fill: #FFFFFF;
}

.footer .icon svg {
  fill: #FFFFFF;
}

.footer .pricing-table label {
  color: #1E2B33;
}

.footer .price-block__description-block,
.footer .price-block__description-block div,
.footer .price-block__description-block p,
.footer .price-block__description-block span,
.footer .price-block__description-block li,
.footer .testimonial__content,
.footer .testimonial__content div,
.footer .testimonial__content span,
.footer .testimonial__content p,
.footer .blog-card__content p,
.footer a.blog-card__author-name {
  color: #1E2B33;
}

.footer .price-block__description-block a,
.footer .testimonial__content a,
.footer .blog-card__content a {
  color: #FF692D;
}

.footer .price-block__description-block a:hover,
.footer .price-block__description-block a:focus,
.footer .testimonial__content a:hover,
.footer .testimonial__content a:focus,
.footer .blog-card__content a:hover,
.footer .blog-card__content a:focus {
  color: font-weight: 700; text-decoration: underline; font-family: 'Public Sans', sans-serif; font-style: normal;
}

.footer .price-block__description-block h1,
.footer .testimonial__content h1 {
  color: #FFFFFF;
}

.footer .price-block__description-block h2,
.footer .testimonial__content h2,
.footer h2.blog-card__title a {
  color: #FFFFFF;
}

.footer .price-block__description-block h3,
.footer .testimonial__content h3 {
  color: #1E2B33;
}

.footer .price-block__description-block h4,
.footer .testimonial__content h4 {
  color: #1E2B33;
}

.footer .price-block__description-block h5,
.footer .testimonial__content h5 {
  color: #2E4051;
}

.footer .price-block__description-block h6,
.footer .testimonial__content h6 {
  color: #1E2B33;
}

/* ************************************************************************* */
/* *****************************   9. Blog   ******************************* */
/* ************************************************************************* */

/* Blog Post - Article */

article.blog-post, .content-wrapper--blog-post {
  font-size: var(--text-base);
  max-width: 68ch;
  margin: 0 auto;
}

/* Blog Header */

article.blog-post h1 {
  color: #1E2B33;
  margin-bottom: 3rem;
  color: rgb(var(--brand-color-black));
  font-size: var(--text-2xl);
  line-height: var(--leading-tight);
}

@media screen and (min-width: 768px){
  article.blog-post h1 {
    font-size: var(--text-3xl);
    line-height: var(--leading-tighter);
  }
}

/* Blog Meta - Author */

.blog-index__post-author-name,
.blog-post__author-name {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1E2B33;
}

.blog-post__author-name:hover,
.blog-index__post-author-name:hover,
.blog-post__author-name:focus,
.blog-index__post-author-name:focus,
.blog-index__post-author-name:active,
.blog-post__author-name:active {
  color: #1E2B33;
}

/* Tags */

.blog-index__post-tag-link,
.blog-post__tag-link,
.blog-index__post-tag-link:hover,
.blog-post__tag-link:hover,
.blog-index__post-tag-link:focus,
.blog-post__tag-link:focus,
.blog-index__post-tag-link:active,
.blog-post__tag-link:active {
  background-color: 

  
  
    
  


  rgba(46, 64, 81, 1.0)

;
  color: #FFFFFF;
}

.blog-index__post-tags svg,
.blog-post__tags svg {
  fill: #2E4051;
}

/* Blog Listing */

.blog-index__post-title a {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #1E2B33;
  letter-spacing: px;
  text-transform: none;
}

.blog-index__post-title a:hover,
.blog-index__post-title a:focus,
.blog-index__post-title a:active {
  color: #1E2B33;
}

/* Blog Filter Banner */

.blog-tag-filter__title {
  color: #FFFFFF !important;
}



  .blog-card__title a {
    font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    color: #FFFFFF;
    font-size: 80px;
    letter-spacing: 0px;
    text-transform: none;
  }



/* Blog Search  */

.blog-search form label {
  color: #FFFFFF;
}

/* Blog Pagination */

.blog-pagination__link {
  color: #FF692D;
}

.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: currentColor;
}

.blog-pagination__link:hover,
.blog-pagination__link:focus {
  color: #9ed8db;
}

.blog-pagination__prev-link:hover svg,
.blog-pagination__next-link:hover svg,
.blog-pagination__prev-link:focus svg,
.blog-pagination__next-link:focus svg {
  fill: currentColor;
}

.blog-pagination__link:active {
  color: #eeffff;
}

.blog-pagination__prev-link:active svg,
.blog-pagination__next-link:active svg {
  fill: #eeffff;
}

.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #d0d0d0;
}

.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg,
.blog-pagination__prev-link--disabled:hover svg,
.blog-pagination__next-link--disabled:hover svg,
.blog-pagination__prev-link--disabled:focus svg,
.blog-pagination__next-link--disabled:focus svg,
.blog-pagination__prev-link--disabled:active svg,
.blog-pagination__next-link--disabled:active svg {
  fill: currentColor;
}

.blog-pagination__link--active {
  background-color: #2E4051;
  color: #FFF;
}

.blog-pagination__link--active:hover {
  color: #FFF;
}

/* Blog Post */

.blog-post-header {
  background-image: url('https://7303166.fs1.hubspotusercontent-na1.net/hubfs/7303166/Sprout/blog-post-banner.png');
}

/* Blog Comments */

.blog-post__comments-listing .comment-from a,
.blog-post__comments-listing .comment-from h4,
.blog-post__comments-listing .comment-date {
  color: #1E2B33;
}

.blog-post__comments-listing .comment-reply-to {
  color: #FF692D;
}

.blog-post__comments-listing .comment-reply-to:hover,
.blog-post__comments-listing .comment-reply-to:focus {
  color: #9ed8db;
}

.blog-post__comments-listing .comment-reply-to:active {
  color: #eeffff;
}

/* ************************************************************************* */
/* *************************   10. System Pages   ************************** */
/* ************************************************************************* */

/* Error Pages - Global */

.error-page:before {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #d0d0d0;
}

/* System Pages - Global */

.hs-search-results__title {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #1E2B33;
}

.hs-search-results__title:hover {
  font-family: 'Public Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
}

/* Forms in System Pages */

#email-prefs-form h3 {
  font-size: 28px;
}

/* Password Prompt */

.password-prompt input[type='password'] {
  margin-bottom: 1.4rem;
}

/* Backup Unsubscribe */

.backup-unsubscribe input[type='email'] {
  margin-bottom: 1.4rem;
  padding: 12px 12px !important;
}

/* ************************************************************************* */
/* ***************************   11. Modules  ****************************** */
/* ************************************************************************* */

/* Accordion */

body .accordion button {
  color: #FF692D;
}

body .accordion button:hover,
body .accordion button:focus {
  color: #9ed8db;
}

body .accordion button:active,
body .accordion[aria-expanded='true'] button {
  color: #eeffff;
}

body button .accordion__icon {
  background-color: #FF692D;
}

body button:hover .accordion__icon,
body button:focus .accordion__icon {
  background-color: #9ed8db;
}

body button:active .accordion__icon,
body .accordion[aria-expanded=true] button .accordion__icon {
  background-color: #eeffff;
}

/* Icon */

body .icon svg {
  fill: #2E4051;
}

/* Pricing Table */

body .price-block__header {
  background-color: #2E4051;
}

body .billing-selectors__pricing-option input[type="radio"]:checked + label:before {
  border-color: #2E4051;
}

/* Image Module */

img {
  max-width: 100%;
}

/* Social Follow */

body .social-links__icon svg {
  fill: #1E2B33;
}

body .social-links__icon:hover svg {
  fill: #1E2B33;
}

body .social-links__icon:hover {
  background-color: transparent;
}

/* Statististic */

body .statistic__circle {
  background-color: #d0d0d0;
}

body .statistic__info,
body .statistic__info span {
  color: #1E2B33;
}

body .statistic__bar,
body .statistic__fill {
  border-color: #2E4051;
}

body .statistic__circle:after {
  background-color: #FFFFFF
}

/* Testimonial Slider */

body .tns-nav button {
  background-color: #d0d0d0;
}

body .tns-nav .tns-nav-active {
  background-color: #2E4051;
}


/* Manual Overrides */

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

.but-other{
  background-color: rgba(158, 216, 219, 1) !important;
}

.leadinModal-content {
  font-family: 'Public Sans',sans-serif!important;
}

.og-blk {
    font-family: 'Public Sans',sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    font-size: 5vw;
    line-height: 5vw !important;
    letter-spacing: 0px;
    text-transform: none; 
}

@media screen and (max-width: 767px) {
  .mob-fix {
    position: absolute !important;
    right: 0 !important;
    width: 100vw !important;
    top: 50px !important;
  }
  
  .og-blk { 
     font-size: 10vw;
     line-height: 1;
  }
  
  .header__container {
    position: absolute;
    top: 25px;
    right: 0;
    padding-right: 15px !important;
  }
  
  h1 {
    font-size: 14vw;
    line-height: 1.1;
  }
  
  h2 {
    font-size: 10vw;
  }
  
  .hs_cos_wrapper_type_rich_text h2 {
    line-height: 1.1;
  }
  
  h3 {
    font-size: 36px;
  }
  
  h5 {
  font-size: 20px;
  }
  
  h4 {
  font-size: 20px;
  }
  
}
.header--no-navigation .header__logo {
  top: 0;
  left: 0;
}

button:hover {
  border-bottom-color: #fff !important;
}

hs-form-required, .header span.hs-form-required, .footer span.hs-form-required, .hs-error-msg {
  color: #ef6b51 !important;
}

.footer .hs-form-field>label span { 
  color: #fff !important;
}

.footer .hs-form-field .hs-form-required {
  color: #ff692d !important;
} 

.button-neu {
  font-family: 'Public Sans',sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  background-color: rgba(158,216,219,1) !important;
  border: 1px solid #333;
  border-radius: 4px;
  color: #333;
  fill: #333;
  font-size: 12px;
  padding: 13px 13px;
  text-transform: uppercase;
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  letter-spacing: .2em;
  margin: 0 0 1.4rem;
  text-align: center;
  transition: all .15s linear;
}

.button-neu:hover {
  color: #fff; 
  text-decoration: none !important;
  font-weight: normal;
  background-color: rgba(255,255,255,0.11);
}

.blog-index__post-header h2 {
line-height: 1.5rem !important;
}

.blog-post__author-image img, .blog-index__post-author-image img {
  object-fit: cover;
}

/* ************************************************************************* */
/* ***************   12. Utility Classes & Design Tokens  ****************** */
/* ************************************************************************* */

/* Token names and utility class notation based on TailwindCSS unless specified. */
/* Sizing scales based on modified Perfect Fourth (1.333) 18px-base modular scale. */

/* **** Design Tokens **** */
:root {
  --font-header: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-base: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-weight-normal: normal;
  --font-weight-bold: bold;
  --font-weight-bolder: bolder;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --text-xs: clamp(0.72rem, 0.75rem + -0.13vw, 0.63rem);
  
  --text-sm: clamp(0.90rem, 0.92rem + -0.08vw, 0.84rem);
  
  --text-base: clamp(1.13rem, 1.13rem + 0.00vw, 1.13rem);
  
  --text-lg: clamp(1.41rem, 1.38rem + 0.14vw, 1.50rem);
  
  --text-xl: clamp(1.76rem, 1.69rem + 0.36vw, 2.00rem);
  
  --text-2xl: clamp(2.20rem, 2.06rem + 0.70vw, 2.66rem);
  
  --text-3xl: clamp(2.75rem, 2.50rem + 1.22vw, 3.55rem);
  
  --text-4xl: clamp(3.43rem, 3.04rem + 1.97vw, 4.74rem);
  
  --text-5xl: clamp(4.29rem, 3.68rem + 3.05vw, 6.31rem);
  
  --text-6xl: clamp(5.36rem, 4.44rem + 4.60vw, 8.41rem);
  
  --tracking-tight: -0.025em;
  
  --tracking-snug: -0.01em;
  
  --tracking-normal: 0em;
  
  --tracking-loose: 0.01em;
  
  --tracking-wide: 0.025em;
  
  --tracking-wider: 0.05em;
  
  --leading-none: 1;
  
  --leading-tighter: 1.1;
  
  --leading-tight: 1.25;
  
  --leading-snug: 1.375;
  
  --leading-medium: 1.5;
  
  --leading-relaxed: 1.625;
  
  --leading-loose: 2;
  
  --brand-color-white: 255, 255, 255;
  
  --brand-color-black: 0, 0, 0;
  
  --brand-color-orange: 255, 105, 45;
  
  --brand-color-blue: 70, 117, 153;
  
  --brand-color-navy: 46, 64, 82;
  
  --brand-color-teal: 158, 216, 219;
  
  --brand-color-aqua: 233, 255, 249;
  
  --spacing-auto: auto;
  
  --spacing-0: 0px;
  
  --spacing-px: 1px;
  
  --spacing-half: 0.238rem;
  
  --spacing-1: 0.422rem;
  
  --spacing-2: 0.563rem;
  
  --spacing-3: 0.75rem;
  
  --spacing-4: 1rem;
  
  --spacing-5: 1.333rem;
  
  --spacing-6: 1.777rem;
  
  --spacing-8: 2.369rem;
  
  --spacing-10: 3.157rem;
  
  --spacing-12: 4.209rem;
  
  --spacing-14: 5.61rem;
  
  --spacing-16: 7.478rem;
  
  
  
  
  --shadow-color: 0deg 0% 73%;
  --shadow-elevation-low:
    0.3px 0.7px 0.9px hsl(var(--shadow-color) / 0.29),
    0.9px 2.3px 2.9px -2px hsl(var(--shadow-color) / 0.35);
  --shadow-elevation-medium:
    0.3px 0.7px 0.9px hsl(var(--shadow-color) / 0.27),
    1.3px 3.3px 4.2px -1px hsl(var(--shadow-color) / 0.31),
    4.6px 11.7px 15px -2px hsl(var(--shadow-color) / 0.35);
  --shadow-elevation-high:
    0.3px 0.7px 0.9px hsl(var(--shadow-color) / 0.3),
    2.1px 5.3px 6.8px -0.5px hsl(var(--shadow-color) / 0.33),
    4.7px 11.8px 15.1px -1px hsl(var(--shadow-color) / 0.35),
    9.7px 24.5px 31.4px -1.5px hsl(var(--shadow-color) / 0.38),
    18.9px 47.8px 61.3px -2px hsl(var(--shadow-color) / 0.4);
  
  }

/* **** Typography **** */
/* Font Family */
.font-title {
  font-family: var(--font-header);
}

.font-header {
  font-family: var(--font-header);
}

.font-base {
  font-family: var(--font-base);
}

/* Font Weights */
.font-normal {
  font-weight: var(--font-weight-normal, normal);
}
.font-bold {
  font-weight: var(--font-weight-bold, bold);
}
.font-bolder {
  font-weight: var(--font-weight-bolder, bolder);
}
.font-400 {
  font-weight: var(--font-weight-400, 400);
}
.font-500 {
  font-weight: var(--font-weight-500, 500);
}
.font-600 {
  font-weight: var(--font-weight-600, 600);
}
.font-700 {
  font-weight: var(--font-weight-700, 700);
}
.font-800 {
  font-weight: var(--font-weight-800, 800);
}

/* Font Style */
.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

/* Text Transform */
.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.lowercase {
  text-transform: lowercase;
}

.normal-case {
  text-transform: none;
}

/* Alignment */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/* Font Sizing */
.text-xs {
  font-size: var(--text-xs, clamp(0.72rem, 0.75rem + -0.13vw, 0.63rem));
}

.text-sm {
  font-size: var(--text-sm, clamp(0.90rem, 0.92rem + -0.08vw, 0.84rem));
}

.text-base {
  font-size: var(--text-base, clamp(1.13rem, 1.13rem + 0.00vw, 1.13rem));
}

.text-lg {
  font-size: var(--text-lg, clamp(1.41rem, 1.38rem + 0.14vw, 1.50rem));
}

.text-xl {
  font-size: var(--text-xl, clamp(1.76rem, 1.69rem + 0.36vw, 2.00rem));
}

.text-2xl {
  font-size: var(--text-2xl, clamp(2.20rem, 2.06rem + 0.70vw, 2.66rem));
}

.text-3xl {
  font-size: var(--text-3xl, clamp(2.75rem, 2.50rem + 1.22vw, 3.55rem));
}

.text-4xl {
  font-size: var(--text-4xl, clamp(3.43rem, 3.04rem + 1.97vw, 4.74rem));
}

.text-5xl {
  font-size: var(--text-5xl, clamp(4.29rem, 3.68rem + 3.05vw, 6.31rem));
}

.text-6xl {
  font-size: var(--text-6xl, clamp(5.36rem, 4.44rem + 4.60vw, 8.41rem));
}


/* Tracking */
.tracking-tight {
  letter-spacing: var(--tracking-tight, -0.025em);
}

.tracking-snug {
  letter-spacing: var(--tracking-snug, -0.01em);
}

.tracking-normal {
  letter-spacing: var(--tracking-normal, 0em);
}

.tracking-loose {
  letter-spacing: var(--tracking-loose, 0.01em);
}

.tracking-wide {
  letter-spacing: var(--tracking-wide, 0.025em);
}

.tracking-wider {
  letter-spacing: var(--tracking-wider, 0.05em);
}


/* Leading */
.leading-none {
  line-height: var(--leading-none, 1);
}

.leading-tighter {
  line-height: var(--leading-tighter, 1.1);
}

.leading-tight {
  line-height: var(--leading-tight, 1.25);
}

.leading-snug {
  line-height: var(--leading-snug, 1.375);
}

.leading-medium {
  line-height: var(--leading-medium, 1.5);
}

.leading-relaxed {
  line-height: var(--leading-relaxed, 1.625);
}

.leading-loose {
  line-height: var(--leading-loose, 2);
}


/* List Styling */
.list-none {
  list-style-type: none;
}

.list-disc {
  list-style-type: disc;
}

.list-decimal {
  list-style-type: decimal;
}.marker-white li::marker {
  color: rgb(var(--brand-color-white));
}.marker-black li::marker {
  color: rgb(var(--brand-color-black));
}.marker-orange li::marker {
  color: rgb(var(--brand-color-orange));
}.marker-blue li::marker {
  color: rgb(var(--brand-color-blue));
}.marker-navy li::marker {
  color: rgb(var(--brand-color-navy));
}.marker-teal li::marker {
  color: rgb(var(--brand-color-teal));
}.marker-aqua li::marker {
  color: rgb(var(--brand-color-aqua));
}.marker-loose li {
  padding-left: var(--spacing-3);
}

/* Columns */

.columns-1 {
  columns: 1;
}

.columns-2 {
  columns: 2;
}

.columns-3 {
  columns: 3;
}
@media screen and (min-width: 768px) {
  /* Sizing */
    .xs\:text-xs {
      font-size: var(--text-xs, clamp(0.72rem, 0.75rem + -0.13vw, 0.63rem));
    }
  
    .xs\:text-sm {
      font-size: var(--text-sm, clamp(0.90rem, 0.92rem + -0.08vw, 0.84rem));
    }
  
    .xs\:text-base {
      font-size: var(--text-base, clamp(1.13rem, 1.13rem + 0.00vw, 1.13rem));
    }
  
    .xs\:text-lg {
      font-size: var(--text-lg, clamp(1.41rem, 1.38rem + 0.14vw, 1.50rem));
    }
  
    .xs\:text-xl {
      font-size: var(--text-xl, clamp(1.76rem, 1.69rem + 0.36vw, 2.00rem));
    }
  
    .xs\:text-2xl {
      font-size: var(--text-2xl, clamp(2.20rem, 2.06rem + 0.70vw, 2.66rem));
    }
  
    .xs\:text-3xl {
      font-size: var(--text-3xl, clamp(2.75rem, 2.50rem + 1.22vw, 3.55rem));
    }
  
    .xs\:text-4xl {
      font-size: var(--text-4xl, clamp(3.43rem, 3.04rem + 1.97vw, 4.74rem));
    }
  
    .xs\:text-5xl {
      font-size: var(--text-5xl, clamp(4.29rem, 3.68rem + 3.05vw, 6.31rem));
    }
  
    .xs\:text-6xl {
      font-size: var(--text-6xl, clamp(5.36rem, 4.44rem + 4.60vw, 8.41rem));
    }
  

  /* Tracking */
    .xs\:tracking-tight {
      letter-spacing: var(--tracking-tight, -0.025em);
    }
  
    .xs\:tracking-snug {
      letter-spacing: var(--tracking-snug, -0.01em);
    }
  
    .xs\:tracking-normal {
      letter-spacing: var(--tracking-normal, 0em);
    }
  
    .xs\:tracking-loose {
      letter-spacing: var(--tracking-loose, 0.01em);
    }
  
    .xs\:tracking-wide {
      letter-spacing: var(--tracking-wide, 0.025em);
    }
  
    .xs\:tracking-wider {
      letter-spacing: var(--tracking-wider, 0.05em);
    }
  

  /* Leading */
    .xs\:leading-none {
      line-height: var(--leading-none, 1);
    }
  
    .xs\:leading-tighter {
      line-height: var(--leading-tighter, 1.1);
    }
  
    .xs\:leading-tight {
      line-height: var(--leading-tight, 1.25);
    }
  
    .xs\:leading-snug {
      line-height: var(--leading-snug, 1.375);
    }
  
    .xs\:leading-medium {
      line-height: var(--leading-medium, 1.5);
    }
  
    .xs\:leading-relaxed {
      line-height: var(--leading-relaxed, 1.625);
    }
  
    .xs\:leading-loose {
      line-height: var(--leading-loose, 2);
    }
  
  
  /* Alignment */
  .xs\:text-left {
    text-align: left;
  }

  .xs\:text-center {
    text-align: center;
  }

  .xs\:text-right {
    text-align: right;
  }
  
  /* Columns */
  .xs\:columns-1 {
    columns: 1;
  }

  .xs\:columns-2 {
    columns: 2;
  }

  .xs\:columns-3 {
    columns: 3;
  }
}

@media screen and (min-width: 800px) {
  /* Sizing */
    .sm\:text-xs {
      font-size: var(--text-xs, clamp(0.72rem, 0.75rem + -0.13vw, 0.63rem));
    }
  
    .sm\:text-sm {
      font-size: var(--text-sm, clamp(0.90rem, 0.92rem + -0.08vw, 0.84rem));
    }
  
    .sm\:text-base {
      font-size: var(--text-base, clamp(1.13rem, 1.13rem + 0.00vw, 1.13rem));
    }
  
    .sm\:text-lg {
      font-size: var(--text-lg, clamp(1.41rem, 1.38rem + 0.14vw, 1.50rem));
    }
  
    .sm\:text-xl {
      font-size: var(--text-xl, clamp(1.76rem, 1.69rem + 0.36vw, 2.00rem));
    }
  
    .sm\:text-2xl {
      font-size: var(--text-2xl, clamp(2.20rem, 2.06rem + 0.70vw, 2.66rem));
    }
  
    .sm\:text-3xl {
      font-size: var(--text-3xl, clamp(2.75rem, 2.50rem + 1.22vw, 3.55rem));
    }
  
    .sm\:text-4xl {
      font-size: var(--text-4xl, clamp(3.43rem, 3.04rem + 1.97vw, 4.74rem));
    }
  
    .sm\:text-5xl {
      font-size: var(--text-5xl, clamp(4.29rem, 3.68rem + 3.05vw, 6.31rem));
    }
  
    .sm\:text-6xl {
      font-size: var(--text-6xl, clamp(5.36rem, 4.44rem + 4.60vw, 8.41rem));
    }
  

  /* Tracking */
    .sm\:tracking-tight {
      letter-spacing: var(--tracking-tight, -0.025em);
    }
  
    .sm\:tracking-snug {
      letter-spacing: var(--tracking-snug, -0.01em);
    }
  
    .sm\:tracking-normal {
      letter-spacing: var(--tracking-normal, 0em);
    }
  
    .sm\:tracking-loose {
      letter-spacing: var(--tracking-loose, 0.01em);
    }
  
    .sm\:tracking-wide {
      letter-spacing: var(--tracking-wide, 0.025em);
    }
  
    .sm\:tracking-wider {
      letter-spacing: var(--tracking-wider, 0.05em);
    }
  

  /* Leading */
    .sm\:leading-none {
      line-height: var(--leading-none, 1);
    }
  
    .sm\:leading-tighter {
      line-height: var(--leading-tighter, 1.1);
    }
  
    .sm\:leading-tight {
      line-height: var(--leading-tight, 1.25);
    }
  
    .sm\:leading-snug {
      line-height: var(--leading-snug, 1.375);
    }
  
    .sm\:leading-medium {
      line-height: var(--leading-medium, 1.5);
    }
  
    .sm\:leading-relaxed {
      line-height: var(--leading-relaxed, 1.625);
    }
  
    .sm\:leading-loose {
      line-height: var(--leading-loose, 2);
    }
  
  
  /* Alignment */
  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-center {
    text-align: center;
  }

  .sm\:text-right {
    text-align: right;
  }
  
  /* Columns */
  .sm\:columns-1 {
    columns: 1;
  }

  .sm\:columns-2 {
    columns: 2;
  }

  .sm\:columns-3 {
    columns: 3;
  }
}

@media screen and (min-width: 980px) {
  /* Sizing */
    .md\:text-xs {
      font-size: var(--text-xs, clamp(0.72rem, 0.75rem + -0.13vw, 0.63rem));
    }
  
    .md\:text-sm {
      font-size: var(--text-sm, clamp(0.90rem, 0.92rem + -0.08vw, 0.84rem));
    }
  
    .md\:text-base {
      font-size: var(--text-base, clamp(1.13rem, 1.13rem + 0.00vw, 1.13rem));
    }
  
    .md\:text-lg {
      font-size: var(--text-lg, clamp(1.41rem, 1.38rem + 0.14vw, 1.50rem));
    }
  
    .md\:text-xl {
      font-size: var(--text-xl, clamp(1.76rem, 1.69rem + 0.36vw, 2.00rem));
    }
  
    .md\:text-2xl {
      font-size: var(--text-2xl, clamp(2.20rem, 2.06rem + 0.70vw, 2.66rem));
    }
  
    .md\:text-3xl {
      font-size: var(--text-3xl, clamp(2.75rem, 2.50rem + 1.22vw, 3.55rem));
    }
  
    .md\:text-4xl {
      font-size: var(--text-4xl, clamp(3.43rem, 3.04rem + 1.97vw, 4.74rem));
    }
  
    .md\:text-5xl {
      font-size: var(--text-5xl, clamp(4.29rem, 3.68rem + 3.05vw, 6.31rem));
    }
  
    .md\:text-6xl {
      font-size: var(--text-6xl, clamp(5.36rem, 4.44rem + 4.60vw, 8.41rem));
    }
  

  /* Tracking */
    .md\:tracking-tight {
      letter-spacing: var(--tracking-tight, -0.025em);
    }
  
    .md\:tracking-snug {
      letter-spacing: var(--tracking-snug, -0.01em);
    }
  
    .md\:tracking-normal {
      letter-spacing: var(--tracking-normal, 0em);
    }
  
    .md\:tracking-loose {
      letter-spacing: var(--tracking-loose, 0.01em);
    }
  
    .md\:tracking-wide {
      letter-spacing: var(--tracking-wide, 0.025em);
    }
  
    .md\:tracking-wider {
      letter-spacing: var(--tracking-wider, 0.05em);
    }
  

  /* Leading */
    .md\:leading-none {
      line-height: var(--leading-none, 1);
    }
  
    .md\:leading-tighter {
      line-height: var(--leading-tighter, 1.1);
    }
  
    .md\:leading-tight {
      line-height: var(--leading-tight, 1.25);
    }
  
    .md\:leading-snug {
      line-height: var(--leading-snug, 1.375);
    }
  
    .md\:leading-medium {
      line-height: var(--leading-medium, 1.5);
    }
  
    .md\:leading-relaxed {
      line-height: var(--leading-relaxed, 1.625);
    }
  
    .md\:leading-loose {
      line-height: var(--leading-loose, 2);
    }
  
  
  /* Alignment */
  .md\:text-left {
    text-align: left;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-right {
    text-align: right;
  }
  
  /* Columns */
  .md\:columns-1 {
    columns: 1;
  }

  .md\:columns-2 {
    columns: 2;
  }

  .md\:columns-3 {
    columns: 3;
  }
}

@media screen and (min-width: 1024px) {
  /* Sizing */
    .lg\:text-xs {
      font-size: var(--text-xs, clamp(0.72rem, 0.75rem + -0.13vw, 0.63rem));
    }
  
    .lg\:text-sm {
      font-size: var(--text-sm, clamp(0.90rem, 0.92rem + -0.08vw, 0.84rem));
    }
  
    .lg\:text-base {
      font-size: var(--text-base, clamp(1.13rem, 1.13rem + 0.00vw, 1.13rem));
    }
  
    .lg\:text-lg {
      font-size: var(--text-lg, clamp(1.41rem, 1.38rem + 0.14vw, 1.50rem));
    }
  
    .lg\:text-xl {
      font-size: var(--text-xl, clamp(1.76rem, 1.69rem + 0.36vw, 2.00rem));
    }
  
    .lg\:text-2xl {
      font-size: var(--text-2xl, clamp(2.20rem, 2.06rem + 0.70vw, 2.66rem));
    }
  
    .lg\:text-3xl {
      font-size: var(--text-3xl, clamp(2.75rem, 2.50rem + 1.22vw, 3.55rem));
    }
  
    .lg\:text-4xl {
      font-size: var(--text-4xl, clamp(3.43rem, 3.04rem + 1.97vw, 4.74rem));
    }
  
    .lg\:text-5xl {
      font-size: var(--text-5xl, clamp(4.29rem, 3.68rem + 3.05vw, 6.31rem));
    }
  
    .lg\:text-6xl {
      font-size: var(--text-6xl, clamp(5.36rem, 4.44rem + 4.60vw, 8.41rem));
    }
  

  /* Tracking */
    .lg\:tracking-tight {
      letter-spacing: var(--tracking-tight, -0.025em);
    }
  
    .lg\:tracking-snug {
      letter-spacing: var(--tracking-snug, -0.01em);
    }
  
    .lg\:tracking-normal {
      letter-spacing: var(--tracking-normal, 0em);
    }
  
    .lg\:tracking-loose {
      letter-spacing: var(--tracking-loose, 0.01em);
    }
  
    .lg\:tracking-wide {
      letter-spacing: var(--tracking-wide, 0.025em);
    }
  
    .lg\:tracking-wider {
      letter-spacing: var(--tracking-wider, 0.05em);
    }
  

  /* Leading */
    .lg\:leading-none {
      line-height: var(--leading-none, 1);
    }
  
    .lg\:leading-tighter {
      line-height: var(--leading-tighter, 1.1);
    }
  
    .lg\:leading-tight {
      line-height: var(--leading-tight, 1.25);
    }
  
    .lg\:leading-snug {
      line-height: var(--leading-snug, 1.375);
    }
  
    .lg\:leading-medium {
      line-height: var(--leading-medium, 1.5);
    }
  
    .lg\:leading-relaxed {
      line-height: var(--leading-relaxed, 1.625);
    }
  
    .lg\:leading-loose {
      line-height: var(--leading-loose, 2);
    }
  
  
  /* Alignment */
  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-center {
    text-align: center;
  }

  .lg\:text-right {
    text-align: right;
  }
  
  /* Columns */
  .lg\:columns-1 {
    columns: 1;
  }

  .lg\:columns-2 {
    columns: 2;
  }

  .lg\:columns-3 {
    columns: 3;
  }
}

@media screen and (min-width: 1380px) {
  /* Sizing */
    .xl\:text-xs {
      font-size: var(--text-xs, clamp(0.72rem, 0.75rem + -0.13vw, 0.63rem));
    }
  
    .xl\:text-sm {
      font-size: var(--text-sm, clamp(0.90rem, 0.92rem + -0.08vw, 0.84rem));
    }
  
    .xl\:text-base {
      font-size: var(--text-base, clamp(1.13rem, 1.13rem + 0.00vw, 1.13rem));
    }
  
    .xl\:text-lg {
      font-size: var(--text-lg, clamp(1.41rem, 1.38rem + 0.14vw, 1.50rem));
    }
  
    .xl\:text-xl {
      font-size: var(--text-xl, clamp(1.76rem, 1.69rem + 0.36vw, 2.00rem));
    }
  
    .xl\:text-2xl {
      font-size: var(--text-2xl, clamp(2.20rem, 2.06rem + 0.70vw, 2.66rem));
    }
  
    .xl\:text-3xl {
      font-size: var(--text-3xl, clamp(2.75rem, 2.50rem + 1.22vw, 3.55rem));
    }
  
    .xl\:text-4xl {
      font-size: var(--text-4xl, clamp(3.43rem, 3.04rem + 1.97vw, 4.74rem));
    }
  
    .xl\:text-5xl {
      font-size: var(--text-5xl, clamp(4.29rem, 3.68rem + 3.05vw, 6.31rem));
    }
  
    .xl\:text-6xl {
      font-size: var(--text-6xl, clamp(5.36rem, 4.44rem + 4.60vw, 8.41rem));
    }
  

  /* Tracking */
    .xl\:tracking-tight {
      letter-spacing: var(--tracking-tight, -0.025em);
    }
  
    .xl\:tracking-snug {
      letter-spacing: var(--tracking-snug, -0.01em);
    }
  
    .xl\:tracking-normal {
      letter-spacing: var(--tracking-normal, 0em);
    }
  
    .xl\:tracking-loose {
      letter-spacing: var(--tracking-loose, 0.01em);
    }
  
    .xl\:tracking-wide {
      letter-spacing: var(--tracking-wide, 0.025em);
    }
  
    .xl\:tracking-wider {
      letter-spacing: var(--tracking-wider, 0.05em);
    }
  

  /* Leading */
    .xl\:leading-none {
      line-height: var(--leading-none, 1);
    }
  
    .xl\:leading-tighter {
      line-height: var(--leading-tighter, 1.1);
    }
  
    .xl\:leading-tight {
      line-height: var(--leading-tight, 1.25);
    }
  
    .xl\:leading-snug {
      line-height: var(--leading-snug, 1.375);
    }
  
    .xl\:leading-medium {
      line-height: var(--leading-medium, 1.5);
    }
  
    .xl\:leading-relaxed {
      line-height: var(--leading-relaxed, 1.625);
    }
  
    .xl\:leading-loose {
      line-height: var(--leading-loose, 2);
    }
  
  
  /* Alignment */
  .xl\:text-left {
    text-align: left;
  }

  .xl\:text-center {
    text-align: center;
  }

  .xl\:text-right {
    text-align: right;
  }
  
  /* Columns */
  .xl\:columns-1 {
    columns: 1;
  }

  .xl\:columns-2 {
    columns: 2;
  }

  .xl\:columns-3 {
    columns: 3;
  }
}


/* *** Text Highlight Decorations *** */



.big-guy em, .highlight-blue {
    font-style: normal;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent 60%, rgb(var(--brand-color-blue)) 40%);
    background-size: 100% 98%;
  } 
 
.small-guy em, .highlight-orange {
    font-style: normal;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent 60%, rgb(var(--brand-color-orange)) 40%);
    background-size: 100% 98%;
  } 
  
.case-guy em, .highlight-teal {
    font-style: normal;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent 60%, rgb(var(--brand-color-teal)) 40%);
    background-size: 100% 98%;
} 

.highlight-aqua {
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent 60%, rgb(var(--brand-color-aqua)) 40%);
    background-size: 100% 98%;
}

/* *** Color *** */
/* Brand Colors */
.bg-white, .hover\:bg-white:hover {
  background-color: rgba(var(--brand-color-white, 255, 255, 255), 1);
}

.border-white, .hover\:border-white:hover {
  border-color: rgba(var(--brand-color-white, 255, 255, 255), 1);
}

.text-white, .hover\:text-white:hover {
  color: rgba(var(--brand-color-white, 255, 255, 255), 1);
}

.bg-black, .hover\:bg-black:hover {
  background-color: rgba(var(--brand-color-black, 0, 0, 0), 1);
}

.border-black, .hover\:border-black:hover {
  border-color: rgba(var(--brand-color-black, 0, 0, 0), 1);
}

.text-black, .hover\:text-black:hover {
  color: rgba(var(--brand-color-black, 0, 0, 0), 1);
}

.bg-orange, .hover\:bg-orange:hover {
  background-color: rgba(var(--brand-color-orange, 255, 105, 45), 1);
}

.border-orange, .hover\:border-orange:hover {
  border-color: rgba(var(--brand-color-orange, 255, 105, 45), 1);
}

.text-orange, .hover\:text-orange:hover {
  color: rgba(var(--brand-color-orange, 255, 105, 45), 1);
}

.bg-blue, .hover\:bg-blue:hover {
  background-color: rgba(var(--brand-color-blue, 70, 117, 153), 1);
}

.border-blue, .hover\:border-blue:hover {
  border-color: rgba(var(--brand-color-blue, 70, 117, 153), 1);
}

.text-blue, .hover\:text-blue:hover {
  color: rgba(var(--brand-color-blue, 70, 117, 153), 1);
}

.bg-navy, .hover\:bg-navy:hover {
  background-color: rgba(var(--brand-color-navy, 46, 64, 82), 1);
}

.border-navy, .hover\:border-navy:hover {
  border-color: rgba(var(--brand-color-navy, 46, 64, 82), 1);
}

.text-navy, .hover\:text-navy:hover {
  color: rgba(var(--brand-color-navy, 46, 64, 82), 1);
}

.bg-teal, .hover\:bg-teal:hover {
  background-color: rgba(var(--brand-color-teal, 158, 216, 219), 1);
}

.border-teal, .hover\:border-teal:hover {
  border-color: rgba(var(--brand-color-teal, 158, 216, 219), 1);
}

.text-teal, .hover\:text-teal:hover {
  color: rgba(var(--brand-color-teal, 158, 216, 219), 1);
}

.bg-aqua, .hover\:bg-aqua:hover {
  background-color: rgba(var(--brand-color-aqua, 233, 255, 249), 1);
}

.border-aqua, .hover\:border-aqua:hover {
  border-color: rgba(var(--brand-color-aqua, 233, 255, 249), 1);
}

.text-aqua, .hover\:text-aqua:hover {
  color: rgba(var(--brand-color-aqua, 233, 255, 249), 1);
}


/* Color Functions */
.bg-current, .hover\:bg-current:hover {
  background-color: currentColor;
}

.border-current, .hover\:border-current:hover {
  border-color: currentColor;
}

/* *** Spacing & Padding *** */

/* Margins */
  .m-auto {
    margin: var(--spacing-auto, auto);
  }

  .mx-auto {
    margin-left: var(--spacing-auto, auto);
    margin-right: var(--spacing-auto, auto);
  }

  .my-auto {
    margin-top: var(--spacing-auto, auto);
    margin-bottom: var(--spacing-auto, auto);
  }
    .mt-auto {
      margin-top: var(--spacing-auto, auto);
    }
  
    .mr-auto {
      margin-right: var(--spacing-auto, auto);
    }
  
    .mb-auto {
      margin-bottom: var(--spacing-auto, auto);
    }
  
    .ml-auto {
      margin-left: var(--spacing-auto, auto);
    }
  

  .m-0 {
    margin: var(--spacing-0, 0px);
  }

  .mx-0 {
    margin-left: var(--spacing-0, 0px);
    margin-right: var(--spacing-0, 0px);
  }

  .my-0 {
    margin-top: var(--spacing-0, 0px);
    margin-bottom: var(--spacing-0, 0px);
  }
    .mt-0 {
      margin-top: var(--spacing-0, 0px);
    }
  
    .mr-0 {
      margin-right: var(--spacing-0, 0px);
    }
  
    .mb-0 {
      margin-bottom: var(--spacing-0, 0px);
    }
  
    .ml-0 {
      margin-left: var(--spacing-0, 0px);
    }
  

  .m-px {
    margin: var(--spacing-px, 1px);
  }

  .mx-px {
    margin-left: var(--spacing-px, 1px);
    margin-right: var(--spacing-px, 1px);
  }

  .my-px {
    margin-top: var(--spacing-px, 1px);
    margin-bottom: var(--spacing-px, 1px);
  }
    .mt-px {
      margin-top: var(--spacing-px, 1px);
    }
  
    .mr-px {
      margin-right: var(--spacing-px, 1px);
    }
  
    .mb-px {
      margin-bottom: var(--spacing-px, 1px);
    }
  
    .ml-px {
      margin-left: var(--spacing-px, 1px);
    }
  

  .m-half {
    margin: var(--spacing-half, 0.238rem);
  }

  .mx-half {
    margin-left: var(--spacing-half, 0.238rem);
    margin-right: var(--spacing-half, 0.238rem);
  }

  .my-half {
    margin-top: var(--spacing-half, 0.238rem);
    margin-bottom: var(--spacing-half, 0.238rem);
  }
    .mt-half {
      margin-top: var(--spacing-half, 0.238rem);
    }
  
    .mr-half {
      margin-right: var(--spacing-half, 0.238rem);
    }
  
    .mb-half {
      margin-bottom: var(--spacing-half, 0.238rem);
    }
  
    .ml-half {
      margin-left: var(--spacing-half, 0.238rem);
    }
  

  .m-1 {
    margin: var(--spacing-1, 0.422rem);
  }

  .mx-1 {
    margin-left: var(--spacing-1, 0.422rem);
    margin-right: var(--spacing-1, 0.422rem);
  }

  .my-1 {
    margin-top: var(--spacing-1, 0.422rem);
    margin-bottom: var(--spacing-1, 0.422rem);
  }
    .mt-1 {
      margin-top: var(--spacing-1, 0.422rem);
    }
  
    .mr-1 {
      margin-right: var(--spacing-1, 0.422rem);
    }
  
    .mb-1 {
      margin-bottom: var(--spacing-1, 0.422rem);
    }
  
    .ml-1 {
      margin-left: var(--spacing-1, 0.422rem);
    }
  

  .m-2 {
    margin: var(--spacing-2, 0.563rem);
  }

  .mx-2 {
    margin-left: var(--spacing-2, 0.563rem);
    margin-right: var(--spacing-2, 0.563rem);
  }

  .my-2 {
    margin-top: var(--spacing-2, 0.563rem);
    margin-bottom: var(--spacing-2, 0.563rem);
  }
    .mt-2 {
      margin-top: var(--spacing-2, 0.563rem);
    }
  
    .mr-2 {
      margin-right: var(--spacing-2, 0.563rem);
    }
  
    .mb-2 {
      margin-bottom: var(--spacing-2, 0.563rem);
    }
  
    .ml-2 {
      margin-left: var(--spacing-2, 0.563rem);
    }
  

  .m-3 {
    margin: var(--spacing-3, 0.75rem);
  }

  .mx-3 {
    margin-left: var(--spacing-3, 0.75rem);
    margin-right: var(--spacing-3, 0.75rem);
  }

  .my-3 {
    margin-top: var(--spacing-3, 0.75rem);
    margin-bottom: var(--spacing-3, 0.75rem);
  }
    .mt-3 {
      margin-top: var(--spacing-3, 0.75rem);
    }
  
    .mr-3 {
      margin-right: var(--spacing-3, 0.75rem);
    }
  
    .mb-3 {
      margin-bottom: var(--spacing-3, 0.75rem);
    }
  
    .ml-3 {
      margin-left: var(--spacing-3, 0.75rem);
    }
  

  .m-4 {
    margin: var(--spacing-4, 1rem);
  }

  .mx-4 {
    margin-left: var(--spacing-4, 1rem);
    margin-right: var(--spacing-4, 1rem);
  }

  .my-4 {
    margin-top: var(--spacing-4, 1rem);
    margin-bottom: var(--spacing-4, 1rem);
  }
    .mt-4 {
      margin-top: var(--spacing-4, 1rem);
    }
  
    .mr-4 {
      margin-right: var(--spacing-4, 1rem);
    }
  
    .mb-4 {
      margin-bottom: var(--spacing-4, 1rem);
    }
  
    .ml-4 {
      margin-left: var(--spacing-4, 1rem);
    }
  

  .m-5 {
    margin: var(--spacing-5, 1.333rem);
  }

  .mx-5 {
    margin-left: var(--spacing-5, 1.333rem);
    margin-right: var(--spacing-5, 1.333rem);
  }

  .my-5 {
    margin-top: var(--spacing-5, 1.333rem);
    margin-bottom: var(--spacing-5, 1.333rem);
  }
    .mt-5 {
      margin-top: var(--spacing-5, 1.333rem);
    }
  
    .mr-5 {
      margin-right: var(--spacing-5, 1.333rem);
    }
  
    .mb-5 {
      margin-bottom: var(--spacing-5, 1.333rem);
    }
  
    .ml-5 {
      margin-left: var(--spacing-5, 1.333rem);
    }
  

  .m-6 {
    margin: var(--spacing-6, 1.777rem);
  }

  .mx-6 {
    margin-left: var(--spacing-6, 1.777rem);
    margin-right: var(--spacing-6, 1.777rem);
  }

  .my-6 {
    margin-top: var(--spacing-6, 1.777rem);
    margin-bottom: var(--spacing-6, 1.777rem);
  }
    .mt-6 {
      margin-top: var(--spacing-6, 1.777rem);
    }
  
    .mr-6 {
      margin-right: var(--spacing-6, 1.777rem);
    }
  
    .mb-6 {
      margin-bottom: var(--spacing-6, 1.777rem);
    }
  
    .ml-6 {
      margin-left: var(--spacing-6, 1.777rem);
    }
  

  .m-8 {
    margin: var(--spacing-8, 2.369rem);
  }

  .mx-8 {
    margin-left: var(--spacing-8, 2.369rem);
    margin-right: var(--spacing-8, 2.369rem);
  }

  .my-8 {
    margin-top: var(--spacing-8, 2.369rem);
    margin-bottom: var(--spacing-8, 2.369rem);
  }
    .mt-8 {
      margin-top: var(--spacing-8, 2.369rem);
    }
  
    .mr-8 {
      margin-right: var(--spacing-8, 2.369rem);
    }
  
    .mb-8 {
      margin-bottom: var(--spacing-8, 2.369rem);
    }
  
    .ml-8 {
      margin-left: var(--spacing-8, 2.369rem);
    }
  

  .m-10 {
    margin: var(--spacing-10, 3.157rem);
  }

  .mx-10 {
    margin-left: var(--spacing-10, 3.157rem);
    margin-right: var(--spacing-10, 3.157rem);
  }

  .my-10 {
    margin-top: var(--spacing-10, 3.157rem);
    margin-bottom: var(--spacing-10, 3.157rem);
  }
    .mt-10 {
      margin-top: var(--spacing-10, 3.157rem);
    }
  
    .mr-10 {
      margin-right: var(--spacing-10, 3.157rem);
    }
  
    .mb-10 {
      margin-bottom: var(--spacing-10, 3.157rem);
    }
  
    .ml-10 {
      margin-left: var(--spacing-10, 3.157rem);
    }
  

  .m-12 {
    margin: var(--spacing-12, 4.209rem);
  }

  .mx-12 {
    margin-left: var(--spacing-12, 4.209rem);
    margin-right: var(--spacing-12, 4.209rem);
  }

  .my-12 {
    margin-top: var(--spacing-12, 4.209rem);
    margin-bottom: var(--spacing-12, 4.209rem);
  }
    .mt-12 {
      margin-top: var(--spacing-12, 4.209rem);
    }
  
    .mr-12 {
      margin-right: var(--spacing-12, 4.209rem);
    }
  
    .mb-12 {
      margin-bottom: var(--spacing-12, 4.209rem);
    }
  
    .ml-12 {
      margin-left: var(--spacing-12, 4.209rem);
    }
  

  .m-14 {
    margin: var(--spacing-14, 5.61rem);
  }

  .mx-14 {
    margin-left: var(--spacing-14, 5.61rem);
    margin-right: var(--spacing-14, 5.61rem);
  }

  .my-14 {
    margin-top: var(--spacing-14, 5.61rem);
    margin-bottom: var(--spacing-14, 5.61rem);
  }
    .mt-14 {
      margin-top: var(--spacing-14, 5.61rem);
    }
  
    .mr-14 {
      margin-right: var(--spacing-14, 5.61rem);
    }
  
    .mb-14 {
      margin-bottom: var(--spacing-14, 5.61rem);
    }
  
    .ml-14 {
      margin-left: var(--spacing-14, 5.61rem);
    }
  

  .m-16 {
    margin: var(--spacing-16, 7.478rem);
  }

  .mx-16 {
    margin-left: var(--spacing-16, 7.478rem);
    margin-right: var(--spacing-16, 7.478rem);
  }

  .my-16 {
    margin-top: var(--spacing-16, 7.478rem);
    margin-bottom: var(--spacing-16, 7.478rem);
  }
    .mt-16 {
      margin-top: var(--spacing-16, 7.478rem);
    }
  
    .mr-16 {
      margin-right: var(--spacing-16, 7.478rem);
    }
  
    .mb-16 {
      margin-bottom: var(--spacing-16, 7.478rem);
    }
  
    .ml-16 {
      margin-left: var(--spacing-16, 7.478rem);
    }
  


/* Padding */
.p-auto {
  padding: var(--spacing-auto, auto);
}

.px-auto {
  padding-left: var(--spacing-auto, auto);
  padding-right: var(--spacing-auto, auto);
}

.py-auto {
  padding-top: var(--spacing-auto, auto);
  padding-bottom: var(--spacing-auto, auto);
}
    .pt-auto {
      padding-top: var(--spacing-auto, auto);
    }
  
    .pr-auto {
      padding-right: var(--spacing-auto, auto);
    }
  
    .pb-auto {
      padding-bottom: var(--spacing-auto, auto);
    }
  
    .pl-auto {
      padding-left: var(--spacing-auto, auto);
    }
  

.p-0 {
  padding: var(--spacing-0, 0px);
}

.px-0 {
  padding-left: var(--spacing-0, 0px);
  padding-right: var(--spacing-0, 0px);
}

.py-0 {
  padding-top: var(--spacing-0, 0px);
  padding-bottom: var(--spacing-0, 0px);
}
    .pt-0 {
      padding-top: var(--spacing-0, 0px);
    }
  
    .pr-0 {
      padding-right: var(--spacing-0, 0px);
    }
  
    .pb-0 {
      padding-bottom: var(--spacing-0, 0px);
    }
  
    .pl-0 {
      padding-left: var(--spacing-0, 0px);
    }
  

.p-px {
  padding: var(--spacing-px, 1px);
}

.px-px {
  padding-left: var(--spacing-px, 1px);
  padding-right: var(--spacing-px, 1px);
}

.py-px {
  padding-top: var(--spacing-px, 1px);
  padding-bottom: var(--spacing-px, 1px);
}
    .pt-px {
      padding-top: var(--spacing-px, 1px);
    }
  
    .pr-px {
      padding-right: var(--spacing-px, 1px);
    }
  
    .pb-px {
      padding-bottom: var(--spacing-px, 1px);
    }
  
    .pl-px {
      padding-left: var(--spacing-px, 1px);
    }
  

.p-half {
  padding: var(--spacing-half, 0.238rem);
}

.px-half {
  padding-left: var(--spacing-half, 0.238rem);
  padding-right: var(--spacing-half, 0.238rem);
}

.py-half {
  padding-top: var(--spacing-half, 0.238rem);
  padding-bottom: var(--spacing-half, 0.238rem);
}
    .pt-half {
      padding-top: var(--spacing-half, 0.238rem);
    }
  
    .pr-half {
      padding-right: var(--spacing-half, 0.238rem);
    }
  
    .pb-half {
      padding-bottom: var(--spacing-half, 0.238rem);
    }
  
    .pl-half {
      padding-left: var(--spacing-half, 0.238rem);
    }
  

.p-1 {
  padding: var(--spacing-1, 0.422rem);
}

.px-1 {
  padding-left: var(--spacing-1, 0.422rem);
  padding-right: var(--spacing-1, 0.422rem);
}

.py-1 {
  padding-top: var(--spacing-1, 0.422rem);
  padding-bottom: var(--spacing-1, 0.422rem);
}
    .pt-1 {
      padding-top: var(--spacing-1, 0.422rem);
    }
  
    .pr-1 {
      padding-right: var(--spacing-1, 0.422rem);
    }
  
    .pb-1 {
      padding-bottom: var(--spacing-1, 0.422rem);
    }
  
    .pl-1 {
      padding-left: var(--spacing-1, 0.422rem);
    }
  

.p-2 {
  padding: var(--spacing-2, 0.563rem);
}

.px-2 {
  padding-left: var(--spacing-2, 0.563rem);
  padding-right: var(--spacing-2, 0.563rem);
}

.py-2 {
  padding-top: var(--spacing-2, 0.563rem);
  padding-bottom: var(--spacing-2, 0.563rem);
}
    .pt-2 {
      padding-top: var(--spacing-2, 0.563rem);
    }
  
    .pr-2 {
      padding-right: var(--spacing-2, 0.563rem);
    }
  
    .pb-2 {
      padding-bottom: var(--spacing-2, 0.563rem);
    }
  
    .pl-2 {
      padding-left: var(--spacing-2, 0.563rem);
    }
  

.p-3 {
  padding: var(--spacing-3, 0.75rem);
}

.px-3 {
  padding-left: var(--spacing-3, 0.75rem);
  padding-right: var(--spacing-3, 0.75rem);
}

.py-3 {
  padding-top: var(--spacing-3, 0.75rem);
  padding-bottom: var(--spacing-3, 0.75rem);
}
    .pt-3 {
      padding-top: var(--spacing-3, 0.75rem);
    }
  
    .pr-3 {
      padding-right: var(--spacing-3, 0.75rem);
    }
  
    .pb-3 {
      padding-bottom: var(--spacing-3, 0.75rem);
    }
  
    .pl-3 {
      padding-left: var(--spacing-3, 0.75rem);
    }
  

.p-4 {
  padding: var(--spacing-4, 1rem);
}

.px-4 {
  padding-left: var(--spacing-4, 1rem);
  padding-right: var(--spacing-4, 1rem);
}

.py-4 {
  padding-top: var(--spacing-4, 1rem);
  padding-bottom: var(--spacing-4, 1rem);
}
    .pt-4 {
      padding-top: var(--spacing-4, 1rem);
    }
  
    .pr-4 {
      padding-right: var(--spacing-4, 1rem);
    }
  
    .pb-4 {
      padding-bottom: var(--spacing-4, 1rem);
    }
  
    .pl-4 {
      padding-left: var(--spacing-4, 1rem);
    }
  

.p-5 {
  padding: var(--spacing-5, 1.333rem);
}

.px-5 {
  padding-left: var(--spacing-5, 1.333rem);
  padding-right: var(--spacing-5, 1.333rem);
}

.py-5 {
  padding-top: var(--spacing-5, 1.333rem);
  padding-bottom: var(--spacing-5, 1.333rem);
}
    .pt-5 {
      padding-top: var(--spacing-5, 1.333rem);
    }
  
    .pr-5 {
      padding-right: var(--spacing-5, 1.333rem);
    }
  
    .pb-5 {
      padding-bottom: var(--spacing-5, 1.333rem);
    }
  
    .pl-5 {
      padding-left: var(--spacing-5, 1.333rem);
    }
  

.p-6 {
  padding: var(--spacing-6, 1.777rem);
}

.px-6 {
  padding-left: var(--spacing-6, 1.777rem);
  padding-right: var(--spacing-6, 1.777rem);
}

.py-6 {
  padding-top: var(--spacing-6, 1.777rem);
  padding-bottom: var(--spacing-6, 1.777rem);
}
    .pt-6 {
      padding-top: var(--spacing-6, 1.777rem);
    }
  
    .pr-6 {
      padding-right: var(--spacing-6, 1.777rem);
    }
  
    .pb-6 {
      padding-bottom: var(--spacing-6, 1.777rem);
    }
  
    .pl-6 {
      padding-left: var(--spacing-6, 1.777rem);
    }
  

.p-8 {
  padding: var(--spacing-8, 2.369rem);
}

.px-8 {
  padding-left: var(--spacing-8, 2.369rem);
  padding-right: var(--spacing-8, 2.369rem);
}

.py-8 {
  padding-top: var(--spacing-8, 2.369rem);
  padding-bottom: var(--spacing-8, 2.369rem);
}
    .pt-8 {
      padding-top: var(--spacing-8, 2.369rem);
    }
  
    .pr-8 {
      padding-right: var(--spacing-8, 2.369rem);
    }
  
    .pb-8 {
      padding-bottom: var(--spacing-8, 2.369rem);
    }
  
    .pl-8 {
      padding-left: var(--spacing-8, 2.369rem);
    }
  

.p-10 {
  padding: var(--spacing-10, 3.157rem);
}

.px-10 {
  padding-left: var(--spacing-10, 3.157rem);
  padding-right: var(--spacing-10, 3.157rem);
}

.py-10 {
  padding-top: var(--spacing-10, 3.157rem);
  padding-bottom: var(--spacing-10, 3.157rem);
}
    .pt-10 {
      padding-top: var(--spacing-10, 3.157rem);
    }
  
    .pr-10 {
      padding-right: var(--spacing-10, 3.157rem);
    }
  
    .pb-10 {
      padding-bottom: var(--spacing-10, 3.157rem);
    }
  
    .pl-10 {
      padding-left: var(--spacing-10, 3.157rem);
    }
  

.p-12 {
  padding: var(--spacing-12, 4.209rem);
}

.px-12 {
  padding-left: var(--spacing-12, 4.209rem);
  padding-right: var(--spacing-12, 4.209rem);
}

.py-12 {
  padding-top: var(--spacing-12, 4.209rem);
  padding-bottom: var(--spacing-12, 4.209rem);
}
    .pt-12 {
      padding-top: var(--spacing-12, 4.209rem);
    }
  
    .pr-12 {
      padding-right: var(--spacing-12, 4.209rem);
    }
  
    .pb-12 {
      padding-bottom: var(--spacing-12, 4.209rem);
    }
  
    .pl-12 {
      padding-left: var(--spacing-12, 4.209rem);
    }
  

.p-14 {
  padding: var(--spacing-14, 5.61rem);
}

.px-14 {
  padding-left: var(--spacing-14, 5.61rem);
  padding-right: var(--spacing-14, 5.61rem);
}

.py-14 {
  padding-top: var(--spacing-14, 5.61rem);
  padding-bottom: var(--spacing-14, 5.61rem);
}
    .pt-14 {
      padding-top: var(--spacing-14, 5.61rem);
    }
  
    .pr-14 {
      padding-right: var(--spacing-14, 5.61rem);
    }
  
    .pb-14 {
      padding-bottom: var(--spacing-14, 5.61rem);
    }
  
    .pl-14 {
      padding-left: var(--spacing-14, 5.61rem);
    }
  

.p-16 {
  padding: var(--spacing-16, 7.478rem);
}

.px-16 {
  padding-left: var(--spacing-16, 7.478rem);
  padding-right: var(--spacing-16, 7.478rem);
}

.py-16 {
  padding-top: var(--spacing-16, 7.478rem);
  padding-bottom: var(--spacing-16, 7.478rem);
}
    .pt-16 {
      padding-top: var(--spacing-16, 7.478rem);
    }
  
    .pr-16 {
      padding-right: var(--spacing-16, 7.478rem);
    }
  
    .pb-16 {
      padding-bottom: var(--spacing-16, 7.478rem);
    }
  
    .pl-16 {
      padding-left: var(--spacing-16, 7.478rem);
    }
  


/* Responsive Variants - Spacing */
@media screen and (min-width: 768px) {
    .xs\:m-auto {
      margin: var(--spacing-auto, auto);
    }

    .xs\:mx-auto {
      margin-left: var(--spacing-auto, auto);
      margin-right: var(--spacing-auto, auto);
    }

    .xs\:my-auto {
      margin-top: var(--spacing-auto, auto);
      margin-bottom: var(--spacing-auto, auto);
    }
      .xs\:mt-auto {
        margin-top: var(--spacing-auto, auto);
      }
    
      .xs\:mr-auto {
        margin-right: var(--spacing-auto, auto);
      }
    
      .xs\:mb-auto {
        margin-bottom: var(--spacing-auto, auto);
      }
    
      .xs\:ml-auto {
        margin-left: var(--spacing-auto, auto);
      }
    
  
    .xs\:m-0 {
      margin: var(--spacing-0, 0px);
    }

    .xs\:mx-0 {
      margin-left: var(--spacing-0, 0px);
      margin-right: var(--spacing-0, 0px);
    }

    .xs\:my-0 {
      margin-top: var(--spacing-0, 0px);
      margin-bottom: var(--spacing-0, 0px);
    }
      .xs\:mt-0 {
        margin-top: var(--spacing-0, 0px);
      }
    
      .xs\:mr-0 {
        margin-right: var(--spacing-0, 0px);
      }
    
      .xs\:mb-0 {
        margin-bottom: var(--spacing-0, 0px);
      }
    
      .xs\:ml-0 {
        margin-left: var(--spacing-0, 0px);
      }
    
  
    .xs\:m-px {
      margin: var(--spacing-px, 1px);
    }

    .xs\:mx-px {
      margin-left: var(--spacing-px, 1px);
      margin-right: var(--spacing-px, 1px);
    }

    .xs\:my-px {
      margin-top: var(--spacing-px, 1px);
      margin-bottom: var(--spacing-px, 1px);
    }
      .xs\:mt-px {
        margin-top: var(--spacing-px, 1px);
      }
    
      .xs\:mr-px {
        margin-right: var(--spacing-px, 1px);
      }
    
      .xs\:mb-px {
        margin-bottom: var(--spacing-px, 1px);
      }
    
      .xs\:ml-px {
        margin-left: var(--spacing-px, 1px);
      }
    
  
    .xs\:m-half {
      margin: var(--spacing-half, 0.238rem);
    }

    .xs\:mx-half {
      margin-left: var(--spacing-half, 0.238rem);
      margin-right: var(--spacing-half, 0.238rem);
    }

    .xs\:my-half {
      margin-top: var(--spacing-half, 0.238rem);
      margin-bottom: var(--spacing-half, 0.238rem);
    }
      .xs\:mt-half {
        margin-top: var(--spacing-half, 0.238rem);
      }
    
      .xs\:mr-half {
        margin-right: var(--spacing-half, 0.238rem);
      }
    
      .xs\:mb-half {
        margin-bottom: var(--spacing-half, 0.238rem);
      }
    
      .xs\:ml-half {
        margin-left: var(--spacing-half, 0.238rem);
      }
    
  
    .xs\:m-1 {
      margin: var(--spacing-1, 0.422rem);
    }

    .xs\:mx-1 {
      margin-left: var(--spacing-1, 0.422rem);
      margin-right: var(--spacing-1, 0.422rem);
    }

    .xs\:my-1 {
      margin-top: var(--spacing-1, 0.422rem);
      margin-bottom: var(--spacing-1, 0.422rem);
    }
      .xs\:mt-1 {
        margin-top: var(--spacing-1, 0.422rem);
      }
    
      .xs\:mr-1 {
        margin-right: var(--spacing-1, 0.422rem);
      }
    
      .xs\:mb-1 {
        margin-bottom: var(--spacing-1, 0.422rem);
      }
    
      .xs\:ml-1 {
        margin-left: var(--spacing-1, 0.422rem);
      }
    
  
    .xs\:m-2 {
      margin: var(--spacing-2, 0.563rem);
    }

    .xs\:mx-2 {
      margin-left: var(--spacing-2, 0.563rem);
      margin-right: var(--spacing-2, 0.563rem);
    }

    .xs\:my-2 {
      margin-top: var(--spacing-2, 0.563rem);
      margin-bottom: var(--spacing-2, 0.563rem);
    }
      .xs\:mt-2 {
        margin-top: var(--spacing-2, 0.563rem);
      }
    
      .xs\:mr-2 {
        margin-right: var(--spacing-2, 0.563rem);
      }
    
      .xs\:mb-2 {
        margin-bottom: var(--spacing-2, 0.563rem);
      }
    
      .xs\:ml-2 {
        margin-left: var(--spacing-2, 0.563rem);
      }
    
  
    .xs\:m-3 {
      margin: var(--spacing-3, 0.75rem);
    }

    .xs\:mx-3 {
      margin-left: var(--spacing-3, 0.75rem);
      margin-right: var(--spacing-3, 0.75rem);
    }

    .xs\:my-3 {
      margin-top: var(--spacing-3, 0.75rem);
      margin-bottom: var(--spacing-3, 0.75rem);
    }
      .xs\:mt-3 {
        margin-top: var(--spacing-3, 0.75rem);
      }
    
      .xs\:mr-3 {
        margin-right: var(--spacing-3, 0.75rem);
      }
    
      .xs\:mb-3 {
        margin-bottom: var(--spacing-3, 0.75rem);
      }
    
      .xs\:ml-3 {
        margin-left: var(--spacing-3, 0.75rem);
      }
    
  
    .xs\:m-4 {
      margin: var(--spacing-4, 1rem);
    }

    .xs\:mx-4 {
      margin-left: var(--spacing-4, 1rem);
      margin-right: var(--spacing-4, 1rem);
    }

    .xs\:my-4 {
      margin-top: var(--spacing-4, 1rem);
      margin-bottom: var(--spacing-4, 1rem);
    }
      .xs\:mt-4 {
        margin-top: var(--spacing-4, 1rem);
      }
    
      .xs\:mr-4 {
        margin-right: var(--spacing-4, 1rem);
      }
    
      .xs\:mb-4 {
        margin-bottom: var(--spacing-4, 1rem);
      }
    
      .xs\:ml-4 {
        margin-left: var(--spacing-4, 1rem);
      }
    
  
    .xs\:m-5 {
      margin: var(--spacing-5, 1.333rem);
    }

    .xs\:mx-5 {
      margin-left: var(--spacing-5, 1.333rem);
      margin-right: var(--spacing-5, 1.333rem);
    }

    .xs\:my-5 {
      margin-top: var(--spacing-5, 1.333rem);
      margin-bottom: var(--spacing-5, 1.333rem);
    }
      .xs\:mt-5 {
        margin-top: var(--spacing-5, 1.333rem);
      }
    
      .xs\:mr-5 {
        margin-right: var(--spacing-5, 1.333rem);
      }
    
      .xs\:mb-5 {
        margin-bottom: var(--spacing-5, 1.333rem);
      }
    
      .xs\:ml-5 {
        margin-left: var(--spacing-5, 1.333rem);
      }
    
  
    .xs\:m-6 {
      margin: var(--spacing-6, 1.777rem);
    }

    .xs\:mx-6 {
      margin-left: var(--spacing-6, 1.777rem);
      margin-right: var(--spacing-6, 1.777rem);
    }

    .xs\:my-6 {
      margin-top: var(--spacing-6, 1.777rem);
      margin-bottom: var(--spacing-6, 1.777rem);
    }
      .xs\:mt-6 {
        margin-top: var(--spacing-6, 1.777rem);
      }
    
      .xs\:mr-6 {
        margin-right: var(--spacing-6, 1.777rem);
      }
    
      .xs\:mb-6 {
        margin-bottom: var(--spacing-6, 1.777rem);
      }
    
      .xs\:ml-6 {
        margin-left: var(--spacing-6, 1.777rem);
      }
    
  
    .xs\:m-8 {
      margin: var(--spacing-8, 2.369rem);
    }

    .xs\:mx-8 {
      margin-left: var(--spacing-8, 2.369rem);
      margin-right: var(--spacing-8, 2.369rem);
    }

    .xs\:my-8 {
      margin-top: var(--spacing-8, 2.369rem);
      margin-bottom: var(--spacing-8, 2.369rem);
    }
      .xs\:mt-8 {
        margin-top: var(--spacing-8, 2.369rem);
      }
    
      .xs\:mr-8 {
        margin-right: var(--spacing-8, 2.369rem);
      }
    
      .xs\:mb-8 {
        margin-bottom: var(--spacing-8, 2.369rem);
      }
    
      .xs\:ml-8 {
        margin-left: var(--spacing-8, 2.369rem);
      }
    
  
    .xs\:m-10 {
      margin: var(--spacing-10, 3.157rem);
    }

    .xs\:mx-10 {
      margin-left: var(--spacing-10, 3.157rem);
      margin-right: var(--spacing-10, 3.157rem);
    }

    .xs\:my-10 {
      margin-top: var(--spacing-10, 3.157rem);
      margin-bottom: var(--spacing-10, 3.157rem);
    }
      .xs\:mt-10 {
        margin-top: var(--spacing-10, 3.157rem);
      }
    
      .xs\:mr-10 {
        margin-right: var(--spacing-10, 3.157rem);
      }
    
      .xs\:mb-10 {
        margin-bottom: var(--spacing-10, 3.157rem);
      }
    
      .xs\:ml-10 {
        margin-left: var(--spacing-10, 3.157rem);
      }
    
  
    .xs\:m-12 {
      margin: var(--spacing-12, 4.209rem);
    }

    .xs\:mx-12 {
      margin-left: var(--spacing-12, 4.209rem);
      margin-right: var(--spacing-12, 4.209rem);
    }

    .xs\:my-12 {
      margin-top: var(--spacing-12, 4.209rem);
      margin-bottom: var(--spacing-12, 4.209rem);
    }
      .xs\:mt-12 {
        margin-top: var(--spacing-12, 4.209rem);
      }
    
      .xs\:mr-12 {
        margin-right: var(--spacing-12, 4.209rem);
      }
    
      .xs\:mb-12 {
        margin-bottom: var(--spacing-12, 4.209rem);
      }
    
      .xs\:ml-12 {
        margin-left: var(--spacing-12, 4.209rem);
      }
    
  
    .xs\:m-14 {
      margin: var(--spacing-14, 5.61rem);
    }

    .xs\:mx-14 {
      margin-left: var(--spacing-14, 5.61rem);
      margin-right: var(--spacing-14, 5.61rem);
    }

    .xs\:my-14 {
      margin-top: var(--spacing-14, 5.61rem);
      margin-bottom: var(--spacing-14, 5.61rem);
    }
      .xs\:mt-14 {
        margin-top: var(--spacing-14, 5.61rem);
      }
    
      .xs\:mr-14 {
        margin-right: var(--spacing-14, 5.61rem);
      }
    
      .xs\:mb-14 {
        margin-bottom: var(--spacing-14, 5.61rem);
      }
    
      .xs\:ml-14 {
        margin-left: var(--spacing-14, 5.61rem);
      }
    
  
    .xs\:m-16 {
      margin: var(--spacing-16, 7.478rem);
    }

    .xs\:mx-16 {
      margin-left: var(--spacing-16, 7.478rem);
      margin-right: var(--spacing-16, 7.478rem);
    }

    .xs\:my-16 {
      margin-top: var(--spacing-16, 7.478rem);
      margin-bottom: var(--spacing-16, 7.478rem);
    }
      .xs\:mt-16 {
        margin-top: var(--spacing-16, 7.478rem);
      }
    
      .xs\:mr-16 {
        margin-right: var(--spacing-16, 7.478rem);
      }
    
      .xs\:mb-16 {
        margin-bottom: var(--spacing-16, 7.478rem);
      }
    
      .xs\:ml-16 {
        margin-left: var(--spacing-16, 7.478rem);
      }
    
  

  /* Padding */
  .xs\:p-auto {
    padding: var(--spacing-auto, auto);
  }

  .xs\:px-auto {
    padding-left: var(--spacing-auto, auto);
    padding-right: var(--spacing-auto, auto);
  }

  .xs\:py-auto {
    padding-top: var(--spacing-auto, auto);
    padding-bottom: var(--spacing-auto, auto);
  }
      .xs\:pt-auto {
        padding-top: var(--spacing-auto, auto);
      }
      .xs\:pr-auto {
        padding-right: var(--spacing-auto, auto);
      }
      .xs\:pb-auto {
        padding-bottom: var(--spacing-auto, auto);
      }
      .xs\:pl-auto {
        padding-left: var(--spacing-auto, auto);
      }
  .xs\:p-0 {
    padding: var(--spacing-0, 0px);
  }

  .xs\:px-0 {
    padding-left: var(--spacing-0, 0px);
    padding-right: var(--spacing-0, 0px);
  }

  .xs\:py-0 {
    padding-top: var(--spacing-0, 0px);
    padding-bottom: var(--spacing-0, 0px);
  }
      .xs\:pt-0 {
        padding-top: var(--spacing-0, 0px);
      }
      .xs\:pr-0 {
        padding-right: var(--spacing-0, 0px);
      }
      .xs\:pb-0 {
        padding-bottom: var(--spacing-0, 0px);
      }
      .xs\:pl-0 {
        padding-left: var(--spacing-0, 0px);
      }
  .xs\:p-px {
    padding: var(--spacing-px, 1px);
  }

  .xs\:px-px {
    padding-left: var(--spacing-px, 1px);
    padding-right: var(--spacing-px, 1px);
  }

  .xs\:py-px {
    padding-top: var(--spacing-px, 1px);
    padding-bottom: var(--spacing-px, 1px);
  }
      .xs\:pt-px {
        padding-top: var(--spacing-px, 1px);
      }
      .xs\:pr-px {
        padding-right: var(--spacing-px, 1px);
      }
      .xs\:pb-px {
        padding-bottom: var(--spacing-px, 1px);
      }
      .xs\:pl-px {
        padding-left: var(--spacing-px, 1px);
      }
  .xs\:p-half {
    padding: var(--spacing-half, 0.238rem);
  }

  .xs\:px-half {
    padding-left: var(--spacing-half, 0.238rem);
    padding-right: var(--spacing-half, 0.238rem);
  }

  .xs\:py-half {
    padding-top: var(--spacing-half, 0.238rem);
    padding-bottom: var(--spacing-half, 0.238rem);
  }
      .xs\:pt-half {
        padding-top: var(--spacing-half, 0.238rem);
      }
      .xs\:pr-half {
        padding-right: var(--spacing-half, 0.238rem);
      }
      .xs\:pb-half {
        padding-bottom: var(--spacing-half, 0.238rem);
      }
      .xs\:pl-half {
        padding-left: var(--spacing-half, 0.238rem);
      }
  .xs\:p-1 {
    padding: var(--spacing-1, 0.422rem);
  }

  .xs\:px-1 {
    padding-left: var(--spacing-1, 0.422rem);
    padding-right: var(--spacing-1, 0.422rem);
  }

  .xs\:py-1 {
    padding-top: var(--spacing-1, 0.422rem);
    padding-bottom: var(--spacing-1, 0.422rem);
  }
      .xs\:pt-1 {
        padding-top: var(--spacing-1, 0.422rem);
      }
      .xs\:pr-1 {
        padding-right: var(--spacing-1, 0.422rem);
      }
      .xs\:pb-1 {
        padding-bottom: var(--spacing-1, 0.422rem);
      }
      .xs\:pl-1 {
        padding-left: var(--spacing-1, 0.422rem);
      }
  .xs\:p-2 {
    padding: var(--spacing-2, 0.563rem);
  }

  .xs\:px-2 {
    padding-left: var(--spacing-2, 0.563rem);
    padding-right: var(--spacing-2, 0.563rem);
  }

  .xs\:py-2 {
    padding-top: var(--spacing-2, 0.563rem);
    padding-bottom: var(--spacing-2, 0.563rem);
  }
      .xs\:pt-2 {
        padding-top: var(--spacing-2, 0.563rem);
      }
      .xs\:pr-2 {
        padding-right: var(--spacing-2, 0.563rem);
      }
      .xs\:pb-2 {
        padding-bottom: var(--spacing-2, 0.563rem);
      }
      .xs\:pl-2 {
        padding-left: var(--spacing-2, 0.563rem);
      }
  .xs\:p-3 {
    padding: var(--spacing-3, 0.75rem);
  }

  .xs\:px-3 {
    padding-left: var(--spacing-3, 0.75rem);
    padding-right: var(--spacing-3, 0.75rem);
  }

  .xs\:py-3 {
    padding-top: var(--spacing-3, 0.75rem);
    padding-bottom: var(--spacing-3, 0.75rem);
  }
      .xs\:pt-3 {
        padding-top: var(--spacing-3, 0.75rem);
      }
      .xs\:pr-3 {
        padding-right: var(--spacing-3, 0.75rem);
      }
      .xs\:pb-3 {
        padding-bottom: var(--spacing-3, 0.75rem);
      }
      .xs\:pl-3 {
        padding-left: var(--spacing-3, 0.75rem);
      }
  .xs\:p-4 {
    padding: var(--spacing-4, 1rem);
  }

  .xs\:px-4 {
    padding-left: var(--spacing-4, 1rem);
    padding-right: var(--spacing-4, 1rem);
  }

  .xs\:py-4 {
    padding-top: var(--spacing-4, 1rem);
    padding-bottom: var(--spacing-4, 1rem);
  }
      .xs\:pt-4 {
        padding-top: var(--spacing-4, 1rem);
      }
      .xs\:pr-4 {
        padding-right: var(--spacing-4, 1rem);
      }
      .xs\:pb-4 {
        padding-bottom: var(--spacing-4, 1rem);
      }
      .xs\:pl-4 {
        padding-left: var(--spacing-4, 1rem);
      }
  .xs\:p-5 {
    padding: var(--spacing-5, 1.333rem);
  }

  .xs\:px-5 {
    padding-left: var(--spacing-5, 1.333rem);
    padding-right: var(--spacing-5, 1.333rem);
  }

  .xs\:py-5 {
    padding-top: var(--spacing-5, 1.333rem);
    padding-bottom: var(--spacing-5, 1.333rem);
  }
      .xs\:pt-5 {
        padding-top: var(--spacing-5, 1.333rem);
      }
      .xs\:pr-5 {
        padding-right: var(--spacing-5, 1.333rem);
      }
      .xs\:pb-5 {
        padding-bottom: var(--spacing-5, 1.333rem);
      }
      .xs\:pl-5 {
        padding-left: var(--spacing-5, 1.333rem);
      }
  .xs\:p-6 {
    padding: var(--spacing-6, 1.777rem);
  }

  .xs\:px-6 {
    padding-left: var(--spacing-6, 1.777rem);
    padding-right: var(--spacing-6, 1.777rem);
  }

  .xs\:py-6 {
    padding-top: var(--spacing-6, 1.777rem);
    padding-bottom: var(--spacing-6, 1.777rem);
  }
      .xs\:pt-6 {
        padding-top: var(--spacing-6, 1.777rem);
      }
      .xs\:pr-6 {
        padding-right: var(--spacing-6, 1.777rem);
      }
      .xs\:pb-6 {
        padding-bottom: var(--spacing-6, 1.777rem);
      }
      .xs\:pl-6 {
        padding-left: var(--spacing-6, 1.777rem);
      }
  .xs\:p-8 {
    padding: var(--spacing-8, 2.369rem);
  }

  .xs\:px-8 {
    padding-left: var(--spacing-8, 2.369rem);
    padding-right: var(--spacing-8, 2.369rem);
  }

  .xs\:py-8 {
    padding-top: var(--spacing-8, 2.369rem);
    padding-bottom: var(--spacing-8, 2.369rem);
  }
      .xs\:pt-8 {
        padding-top: var(--spacing-8, 2.369rem);
      }
      .xs\:pr-8 {
        padding-right: var(--spacing-8, 2.369rem);
      }
      .xs\:pb-8 {
        padding-bottom: var(--spacing-8, 2.369rem);
      }
      .xs\:pl-8 {
        padding-left: var(--spacing-8, 2.369rem);
      }
  .xs\:p-10 {
    padding: var(--spacing-10, 3.157rem);
  }

  .xs\:px-10 {
    padding-left: var(--spacing-10, 3.157rem);
    padding-right: var(--spacing-10, 3.157rem);
  }

  .xs\:py-10 {
    padding-top: var(--spacing-10, 3.157rem);
    padding-bottom: var(--spacing-10, 3.157rem);
  }
      .xs\:pt-10 {
        padding-top: var(--spacing-10, 3.157rem);
      }
      .xs\:pr-10 {
        padding-right: var(--spacing-10, 3.157rem);
      }
      .xs\:pb-10 {
        padding-bottom: var(--spacing-10, 3.157rem);
      }
      .xs\:pl-10 {
        padding-left: var(--spacing-10, 3.157rem);
      }
  .xs\:p-12 {
    padding: var(--spacing-12, 4.209rem);
  }

  .xs\:px-12 {
    padding-left: var(--spacing-12, 4.209rem);
    padding-right: var(--spacing-12, 4.209rem);
  }

  .xs\:py-12 {
    padding-top: var(--spacing-12, 4.209rem);
    padding-bottom: var(--spacing-12, 4.209rem);
  }
      .xs\:pt-12 {
        padding-top: var(--spacing-12, 4.209rem);
      }
      .xs\:pr-12 {
        padding-right: var(--spacing-12, 4.209rem);
      }
      .xs\:pb-12 {
        padding-bottom: var(--spacing-12, 4.209rem);
      }
      .xs\:pl-12 {
        padding-left: var(--spacing-12, 4.209rem);
      }
  .xs\:p-14 {
    padding: var(--spacing-14, 5.61rem);
  }

  .xs\:px-14 {
    padding-left: var(--spacing-14, 5.61rem);
    padding-right: var(--spacing-14, 5.61rem);
  }

  .xs\:py-14 {
    padding-top: var(--spacing-14, 5.61rem);
    padding-bottom: var(--spacing-14, 5.61rem);
  }
      .xs\:pt-14 {
        padding-top: var(--spacing-14, 5.61rem);
      }
      .xs\:pr-14 {
        padding-right: var(--spacing-14, 5.61rem);
      }
      .xs\:pb-14 {
        padding-bottom: var(--spacing-14, 5.61rem);
      }
      .xs\:pl-14 {
        padding-left: var(--spacing-14, 5.61rem);
      }
  .xs\:p-16 {
    padding: var(--spacing-16, 7.478rem);
  }

  .xs\:px-16 {
    padding-left: var(--spacing-16, 7.478rem);
    padding-right: var(--spacing-16, 7.478rem);
  }

  .xs\:py-16 {
    padding-top: var(--spacing-16, 7.478rem);
    padding-bottom: var(--spacing-16, 7.478rem);
  }
      .xs\:pt-16 {
        padding-top: var(--spacing-16, 7.478rem);
      }
      .xs\:pr-16 {
        padding-right: var(--spacing-16, 7.478rem);
      }
      .xs\:pb-16 {
        padding-bottom: var(--spacing-16, 7.478rem);
      }
      .xs\:pl-16 {
        padding-left: var(--spacing-16, 7.478rem);
      }
}

@media screen and (min-width: 800px) {
    .sm\:m-auto {
      margin: var(--spacing-auto, auto);
    }

    .sm\:mx-auto {
      margin-left: var(--spacing-auto, auto);
      margin-right: var(--spacing-auto, auto);
    }

    .sm\:my-auto {
      margin-top: var(--spacing-auto, auto);
      margin-bottom: var(--spacing-auto, auto);
    }
      .sm\:mt-auto {
        margin-top: var(--spacing-auto, auto);
      }
    
      .sm\:mr-auto {
        margin-right: var(--spacing-auto, auto);
      }
    
      .sm\:mb-auto {
        margin-bottom: var(--spacing-auto, auto);
      }
    
      .sm\:ml-auto {
        margin-left: var(--spacing-auto, auto);
      }
    
  
    .sm\:m-0 {
      margin: var(--spacing-0, 0px);
    }

    .sm\:mx-0 {
      margin-left: var(--spacing-0, 0px);
      margin-right: var(--spacing-0, 0px);
    }

    .sm\:my-0 {
      margin-top: var(--spacing-0, 0px);
      margin-bottom: var(--spacing-0, 0px);
    }
      .sm\:mt-0 {
        margin-top: var(--spacing-0, 0px);
      }
    
      .sm\:mr-0 {
        margin-right: var(--spacing-0, 0px);
      }
    
      .sm\:mb-0 {
        margin-bottom: var(--spacing-0, 0px);
      }
    
      .sm\:ml-0 {
        margin-left: var(--spacing-0, 0px);
      }
    
  
    .sm\:m-px {
      margin: var(--spacing-px, 1px);
    }

    .sm\:mx-px {
      margin-left: var(--spacing-px, 1px);
      margin-right: var(--spacing-px, 1px);
    }

    .sm\:my-px {
      margin-top: var(--spacing-px, 1px);
      margin-bottom: var(--spacing-px, 1px);
    }
      .sm\:mt-px {
        margin-top: var(--spacing-px, 1px);
      }
    
      .sm\:mr-px {
        margin-right: var(--spacing-px, 1px);
      }
    
      .sm\:mb-px {
        margin-bottom: var(--spacing-px, 1px);
      }
    
      .sm\:ml-px {
        margin-left: var(--spacing-px, 1px);
      }
    
  
    .sm\:m-half {
      margin: var(--spacing-half, 0.238rem);
    }

    .sm\:mx-half {
      margin-left: var(--spacing-half, 0.238rem);
      margin-right: var(--spacing-half, 0.238rem);
    }

    .sm\:my-half {
      margin-top: var(--spacing-half, 0.238rem);
      margin-bottom: var(--spacing-half, 0.238rem);
    }
      .sm\:mt-half {
        margin-top: var(--spacing-half, 0.238rem);
      }
    
      .sm\:mr-half {
        margin-right: var(--spacing-half, 0.238rem);
      }
    
      .sm\:mb-half {
        margin-bottom: var(--spacing-half, 0.238rem);
      }
    
      .sm\:ml-half {
        margin-left: var(--spacing-half, 0.238rem);
      }
    
  
    .sm\:m-1 {
      margin: var(--spacing-1, 0.422rem);
    }

    .sm\:mx-1 {
      margin-left: var(--spacing-1, 0.422rem);
      margin-right: var(--spacing-1, 0.422rem);
    }

    .sm\:my-1 {
      margin-top: var(--spacing-1, 0.422rem);
      margin-bottom: var(--spacing-1, 0.422rem);
    }
      .sm\:mt-1 {
        margin-top: var(--spacing-1, 0.422rem);
      }
    
      .sm\:mr-1 {
        margin-right: var(--spacing-1, 0.422rem);
      }
    
      .sm\:mb-1 {
        margin-bottom: var(--spacing-1, 0.422rem);
      }
    
      .sm\:ml-1 {
        margin-left: var(--spacing-1, 0.422rem);
      }
    
  
    .sm\:m-2 {
      margin: var(--spacing-2, 0.563rem);
    }

    .sm\:mx-2 {
      margin-left: var(--spacing-2, 0.563rem);
      margin-right: var(--spacing-2, 0.563rem);
    }

    .sm\:my-2 {
      margin-top: var(--spacing-2, 0.563rem);
      margin-bottom: var(--spacing-2, 0.563rem);
    }
      .sm\:mt-2 {
        margin-top: var(--spacing-2, 0.563rem);
      }
    
      .sm\:mr-2 {
        margin-right: var(--spacing-2, 0.563rem);
      }
    
      .sm\:mb-2 {
        margin-bottom: var(--spacing-2, 0.563rem);
      }
    
      .sm\:ml-2 {
        margin-left: var(--spacing-2, 0.563rem);
      }
    
  
    .sm\:m-3 {
      margin: var(--spacing-3, 0.75rem);
    }

    .sm\:mx-3 {
      margin-left: var(--spacing-3, 0.75rem);
      margin-right: var(--spacing-3, 0.75rem);
    }

    .sm\:my-3 {
      margin-top: var(--spacing-3, 0.75rem);
      margin-bottom: var(--spacing-3, 0.75rem);
    }
      .sm\:mt-3 {
        margin-top: var(--spacing-3, 0.75rem);
      }
    
      .sm\:mr-3 {
        margin-right: var(--spacing-3, 0.75rem);
      }
    
      .sm\:mb-3 {
        margin-bottom: var(--spacing-3, 0.75rem);
      }
    
      .sm\:ml-3 {
        margin-left: var(--spacing-3, 0.75rem);
      }
    
  
    .sm\:m-4 {
      margin: var(--spacing-4, 1rem);
    }

    .sm\:mx-4 {
      margin-left: var(--spacing-4, 1rem);
      margin-right: var(--spacing-4, 1rem);
    }

    .sm\:my-4 {
      margin-top: var(--spacing-4, 1rem);
      margin-bottom: var(--spacing-4, 1rem);
    }
      .sm\:mt-4 {
        margin-top: var(--spacing-4, 1rem);
      }
    
      .sm\:mr-4 {
        margin-right: var(--spacing-4, 1rem);
      }
    
      .sm\:mb-4 {
        margin-bottom: var(--spacing-4, 1rem);
      }
    
      .sm\:ml-4 {
        margin-left: var(--spacing-4, 1rem);
      }
    
  
    .sm\:m-5 {
      margin: var(--spacing-5, 1.333rem);
    }

    .sm\:mx-5 {
      margin-left: var(--spacing-5, 1.333rem);
      margin-right: var(--spacing-5, 1.333rem);
    }

    .sm\:my-5 {
      margin-top: var(--spacing-5, 1.333rem);
      margin-bottom: var(--spacing-5, 1.333rem);
    }
      .sm\:mt-5 {
        margin-top: var(--spacing-5, 1.333rem);
      }
    
      .sm\:mr-5 {
        margin-right: var(--spacing-5, 1.333rem);
      }
    
      .sm\:mb-5 {
        margin-bottom: var(--spacing-5, 1.333rem);
      }
    
      .sm\:ml-5 {
        margin-left: var(--spacing-5, 1.333rem);
      }
    
  
    .sm\:m-6 {
      margin: var(--spacing-6, 1.777rem);
    }

    .sm\:mx-6 {
      margin-left: var(--spacing-6, 1.777rem);
      margin-right: var(--spacing-6, 1.777rem);
    }

    .sm\:my-6 {
      margin-top: var(--spacing-6, 1.777rem);
      margin-bottom: var(--spacing-6, 1.777rem);
    }
      .sm\:mt-6 {
        margin-top: var(--spacing-6, 1.777rem);
      }
    
      .sm\:mr-6 {
        margin-right: var(--spacing-6, 1.777rem);
      }
    
      .sm\:mb-6 {
        margin-bottom: var(--spacing-6, 1.777rem);
      }
    
      .sm\:ml-6 {
        margin-left: var(--spacing-6, 1.777rem);
      }
    
  
    .sm\:m-8 {
      margin: var(--spacing-8, 2.369rem);
    }

    .sm\:mx-8 {
      margin-left: var(--spacing-8, 2.369rem);
      margin-right: var(--spacing-8, 2.369rem);
    }

    .sm\:my-8 {
      margin-top: var(--spacing-8, 2.369rem);
      margin-bottom: var(--spacing-8, 2.369rem);
    }
      .sm\:mt-8 {
        margin-top: var(--spacing-8, 2.369rem);
      }
    
      .sm\:mr-8 {
        margin-right: var(--spacing-8, 2.369rem);
      }
    
      .sm\:mb-8 {
        margin-bottom: var(--spacing-8, 2.369rem);
      }
    
      .sm\:ml-8 {
        margin-left: var(--spacing-8, 2.369rem);
      }
    
  
    .sm\:m-10 {
      margin: var(--spacing-10, 3.157rem);
    }

    .sm\:mx-10 {
      margin-left: var(--spacing-10, 3.157rem);
      margin-right: var(--spacing-10, 3.157rem);
    }

    .sm\:my-10 {
      margin-top: var(--spacing-10, 3.157rem);
      margin-bottom: var(--spacing-10, 3.157rem);
    }
      .sm\:mt-10 {
        margin-top: var(--spacing-10, 3.157rem);
      }
    
      .sm\:mr-10 {
        margin-right: var(--spacing-10, 3.157rem);
      }
    
      .sm\:mb-10 {
        margin-bottom: var(--spacing-10, 3.157rem);
      }
    
      .sm\:ml-10 {
        margin-left: var(--spacing-10, 3.157rem);
      }
    
  
    .sm\:m-12 {
      margin: var(--spacing-12, 4.209rem);
    }

    .sm\:mx-12 {
      margin-left: var(--spacing-12, 4.209rem);
      margin-right: var(--spacing-12, 4.209rem);
    }

    .sm\:my-12 {
      margin-top: var(--spacing-12, 4.209rem);
      margin-bottom: var(--spacing-12, 4.209rem);
    }
      .sm\:mt-12 {
        margin-top: var(--spacing-12, 4.209rem);
      }
    
      .sm\:mr-12 {
        margin-right: var(--spacing-12, 4.209rem);
      }
    
      .sm\:mb-12 {
        margin-bottom: var(--spacing-12, 4.209rem);
      }
    
      .sm\:ml-12 {
        margin-left: var(--spacing-12, 4.209rem);
      }
    
  
    .sm\:m-14 {
      margin: var(--spacing-14, 5.61rem);
    }

    .sm\:mx-14 {
      margin-left: var(--spacing-14, 5.61rem);
      margin-right: var(--spacing-14, 5.61rem);
    }

    .sm\:my-14 {
      margin-top: var(--spacing-14, 5.61rem);
      margin-bottom: var(--spacing-14, 5.61rem);
    }
      .sm\:mt-14 {
        margin-top: var(--spacing-14, 5.61rem);
      }
    
      .sm\:mr-14 {
        margin-right: var(--spacing-14, 5.61rem);
      }
    
      .sm\:mb-14 {
        margin-bottom: var(--spacing-14, 5.61rem);
      }
    
      .sm\:ml-14 {
        margin-left: var(--spacing-14, 5.61rem);
      }
    
  
    .sm\:m-16 {
      margin: var(--spacing-16, 7.478rem);
    }

    .sm\:mx-16 {
      margin-left: var(--spacing-16, 7.478rem);
      margin-right: var(--spacing-16, 7.478rem);
    }

    .sm\:my-16 {
      margin-top: var(--spacing-16, 7.478rem);
      margin-bottom: var(--spacing-16, 7.478rem);
    }
      .sm\:mt-16 {
        margin-top: var(--spacing-16, 7.478rem);
      }
    
      .sm\:mr-16 {
        margin-right: var(--spacing-16, 7.478rem);
      }
    
      .sm\:mb-16 {
        margin-bottom: var(--spacing-16, 7.478rem);
      }
    
      .sm\:ml-16 {
        margin-left: var(--spacing-16, 7.478rem);
      }
    
  

  /* Padding */
  .sm\:p-auto {
    padding: var(--spacing-auto, auto);
  }

  .sm\:px-auto {
    padding-left: var(--spacing-auto, auto);
    padding-right: var(--spacing-auto, auto);
  }

  .sm\:py-auto {
    padding-top: var(--spacing-auto, auto);
    padding-bottom: var(--spacing-auto, auto);
  }
      .sm\:pt-auto {
        padding-top: var(--spacing-auto, auto);
      }
      .sm\:pr-auto {
        padding-right: var(--spacing-auto, auto);
      }
      .sm\:pb-auto {
        padding-bottom: var(--spacing-auto, auto);
      }
      .sm\:pl-auto {
        padding-left: var(--spacing-auto, auto);
      }
  .sm\:p-0 {
    padding: var(--spacing-0, 0px);
  }

  .sm\:px-0 {
    padding-left: var(--spacing-0, 0px);
    padding-right: var(--spacing-0, 0px);
  }

  .sm\:py-0 {
    padding-top: var(--spacing-0, 0px);
    padding-bottom: var(--spacing-0, 0px);
  }
      .sm\:pt-0 {
        padding-top: var(--spacing-0, 0px);
      }
      .sm\:pr-0 {
        padding-right: var(--spacing-0, 0px);
      }
      .sm\:pb-0 {
        padding-bottom: var(--spacing-0, 0px);
      }
      .sm\:pl-0 {
        padding-left: var(--spacing-0, 0px);
      }
  .sm\:p-px {
    padding: var(--spacing-px, 1px);
  }

  .sm\:px-px {
    padding-left: var(--spacing-px, 1px);
    padding-right: var(--spacing-px, 1px);
  }

  .sm\:py-px {
    padding-top: var(--spacing-px, 1px);
    padding-bottom: var(--spacing-px, 1px);
  }
      .sm\:pt-px {
        padding-top: var(--spacing-px, 1px);
      }
      .sm\:pr-px {
        padding-right: var(--spacing-px, 1px);
      }
      .sm\:pb-px {
        padding-bottom: var(--spacing-px, 1px);
      }
      .sm\:pl-px {
        padding-left: var(--spacing-px, 1px);
      }
  .sm\:p-half {
    padding: var(--spacing-half, 0.238rem);
  }

  .sm\:px-half {
    padding-left: var(--spacing-half, 0.238rem);
    padding-right: var(--spacing-half, 0.238rem);
  }

  .sm\:py-half {
    padding-top: var(--spacing-half, 0.238rem);
    padding-bottom: var(--spacing-half, 0.238rem);
  }
      .sm\:pt-half {
        padding-top: var(--spacing-half, 0.238rem);
      }
      .sm\:pr-half {
        padding-right: var(--spacing-half, 0.238rem);
      }
      .sm\:pb-half {
        padding-bottom: var(--spacing-half, 0.238rem);
      }
      .sm\:pl-half {
        padding-left: var(--spacing-half, 0.238rem);
      }
  .sm\:p-1 {
    padding: var(--spacing-1, 0.422rem);
  }

  .sm\:px-1 {
    padding-left: var(--spacing-1, 0.422rem);
    padding-right: var(--spacing-1, 0.422rem);
  }

  .sm\:py-1 {
    padding-top: var(--spacing-1, 0.422rem);
    padding-bottom: var(--spacing-1, 0.422rem);
  }
      .sm\:pt-1 {
        padding-top: var(--spacing-1, 0.422rem);
      }
      .sm\:pr-1 {
        padding-right: var(--spacing-1, 0.422rem);
      }
      .sm\:pb-1 {
        padding-bottom: var(--spacing-1, 0.422rem);
      }
      .sm\:pl-1 {
        padding-left: var(--spacing-1, 0.422rem);
      }
  .sm\:p-2 {
    padding: var(--spacing-2, 0.563rem);
  }

  .sm\:px-2 {
    padding-left: var(--spacing-2, 0.563rem);
    padding-right: var(--spacing-2, 0.563rem);
  }

  .sm\:py-2 {
    padding-top: var(--spacing-2, 0.563rem);
    padding-bottom: var(--spacing-2, 0.563rem);
  }
      .sm\:pt-2 {
        padding-top: var(--spacing-2, 0.563rem);
      }
      .sm\:pr-2 {
        padding-right: var(--spacing-2, 0.563rem);
      }
      .sm\:pb-2 {
        padding-bottom: var(--spacing-2, 0.563rem);
      }
      .sm\:pl-2 {
        padding-left: var(--spacing-2, 0.563rem);
      }
  .sm\:p-3 {
    padding: var(--spacing-3, 0.75rem);
  }

  .sm\:px-3 {
    padding-left: var(--spacing-3, 0.75rem);
    padding-right: var(--spacing-3, 0.75rem);
  }

  .sm\:py-3 {
    padding-top: var(--spacing-3, 0.75rem);
    padding-bottom: var(--spacing-3, 0.75rem);
  }
      .sm\:pt-3 {
        padding-top: var(--spacing-3, 0.75rem);
      }
      .sm\:pr-3 {
        padding-right: var(--spacing-3, 0.75rem);
      }
      .sm\:pb-3 {
        padding-bottom: var(--spacing-3, 0.75rem);
      }
      .sm\:pl-3 {
        padding-left: var(--spacing-3, 0.75rem);
      }
  .sm\:p-4 {
    padding: var(--spacing-4, 1rem);
  }

  .sm\:px-4 {
    padding-left: var(--spacing-4, 1rem);
    padding-right: var(--spacing-4, 1rem);
  }

  .sm\:py-4 {
    padding-top: var(--spacing-4, 1rem);
    padding-bottom: var(--spacing-4, 1rem);
  }
      .sm\:pt-4 {
        padding-top: var(--spacing-4, 1rem);
      }
      .sm\:pr-4 {
        padding-right: var(--spacing-4, 1rem);
      }
      .sm\:pb-4 {
        padding-bottom: var(--spacing-4, 1rem);
      }
      .sm\:pl-4 {
        padding-left: var(--spacing-4, 1rem);
      }
  .sm\:p-5 {
    padding: var(--spacing-5, 1.333rem);
  }

  .sm\:px-5 {
    padding-left: var(--spacing-5, 1.333rem);
    padding-right: var(--spacing-5, 1.333rem);
  }

  .sm\:py-5 {
    padding-top: var(--spacing-5, 1.333rem);
    padding-bottom: var(--spacing-5, 1.333rem);
  }
      .sm\:pt-5 {
        padding-top: var(--spacing-5, 1.333rem);
      }
      .sm\:pr-5 {
        padding-right: var(--spacing-5, 1.333rem);
      }
      .sm\:pb-5 {
        padding-bottom: var(--spacing-5, 1.333rem);
      }
      .sm\:pl-5 {
        padding-left: var(--spacing-5, 1.333rem);
      }
  .sm\:p-6 {
    padding: var(--spacing-6, 1.777rem);
  }

  .sm\:px-6 {
    padding-left: var(--spacing-6, 1.777rem);
    padding-right: var(--spacing-6, 1.777rem);
  }

  .sm\:py-6 {
    padding-top: var(--spacing-6, 1.777rem);
    padding-bottom: var(--spacing-6, 1.777rem);
  }
      .sm\:pt-6 {
        padding-top: var(--spacing-6, 1.777rem);
      }
      .sm\:pr-6 {
        padding-right: var(--spacing-6, 1.777rem);
      }
      .sm\:pb-6 {
        padding-bottom: var(--spacing-6, 1.777rem);
      }
      .sm\:pl-6 {
        padding-left: var(--spacing-6, 1.777rem);
      }
  .sm\:p-8 {
    padding: var(--spacing-8, 2.369rem);
  }

  .sm\:px-8 {
    padding-left: var(--spacing-8, 2.369rem);
    padding-right: var(--spacing-8, 2.369rem);
  }

  .sm\:py-8 {
    padding-top: var(--spacing-8, 2.369rem);
    padding-bottom: var(--spacing-8, 2.369rem);
  }
      .sm\:pt-8 {
        padding-top: var(--spacing-8, 2.369rem);
      }
      .sm\:pr-8 {
        padding-right: var(--spacing-8, 2.369rem);
      }
      .sm\:pb-8 {
        padding-bottom: var(--spacing-8, 2.369rem);
      }
      .sm\:pl-8 {
        padding-left: var(--spacing-8, 2.369rem);
      }
  .sm\:p-10 {
    padding: var(--spacing-10, 3.157rem);
  }

  .sm\:px-10 {
    padding-left: var(--spacing-10, 3.157rem);
    padding-right: var(--spacing-10, 3.157rem);
  }

  .sm\:py-10 {
    padding-top: var(--spacing-10, 3.157rem);
    padding-bottom: var(--spacing-10, 3.157rem);
  }
      .sm\:pt-10 {
        padding-top: var(--spacing-10, 3.157rem);
      }
      .sm\:pr-10 {
        padding-right: var(--spacing-10, 3.157rem);
      }
      .sm\:pb-10 {
        padding-bottom: var(--spacing-10, 3.157rem);
      }
      .sm\:pl-10 {
        padding-left: var(--spacing-10, 3.157rem);
      }
  .sm\:p-12 {
    padding: var(--spacing-12, 4.209rem);
  }

  .sm\:px-12 {
    padding-left: var(--spacing-12, 4.209rem);
    padding-right: var(--spacing-12, 4.209rem);
  }

  .sm\:py-12 {
    padding-top: var(--spacing-12, 4.209rem);
    padding-bottom: var(--spacing-12, 4.209rem);
  }
      .sm\:pt-12 {
        padding-top: var(--spacing-12, 4.209rem);
      }
      .sm\:pr-12 {
        padding-right: var(--spacing-12, 4.209rem);
      }
      .sm\:pb-12 {
        padding-bottom: var(--spacing-12, 4.209rem);
      }
      .sm\:pl-12 {
        padding-left: var(--spacing-12, 4.209rem);
      }
  .sm\:p-14 {
    padding: var(--spacing-14, 5.61rem);
  }

  .sm\:px-14 {
    padding-left: var(--spacing-14, 5.61rem);
    padding-right: var(--spacing-14, 5.61rem);
  }

  .sm\:py-14 {
    padding-top: var(--spacing-14, 5.61rem);
    padding-bottom: var(--spacing-14, 5.61rem);
  }
      .sm\:pt-14 {
        padding-top: var(--spacing-14, 5.61rem);
      }
      .sm\:pr-14 {
        padding-right: var(--spacing-14, 5.61rem);
      }
      .sm\:pb-14 {
        padding-bottom: var(--spacing-14, 5.61rem);
      }
      .sm\:pl-14 {
        padding-left: var(--spacing-14, 5.61rem);
      }
  .sm\:p-16 {
    padding: var(--spacing-16, 7.478rem);
  }

  .sm\:px-16 {
    padding-left: var(--spacing-16, 7.478rem);
    padding-right: var(--spacing-16, 7.478rem);
  }

  .sm\:py-16 {
    padding-top: var(--spacing-16, 7.478rem);
    padding-bottom: var(--spacing-16, 7.478rem);
  }
      .sm\:pt-16 {
        padding-top: var(--spacing-16, 7.478rem);
      }
      .sm\:pr-16 {
        padding-right: var(--spacing-16, 7.478rem);
      }
      .sm\:pb-16 {
        padding-bottom: var(--spacing-16, 7.478rem);
      }
      .sm\:pl-16 {
        padding-left: var(--spacing-16, 7.478rem);
      }
}

@media screen and (min-width: 980px) {
    .md\:m-auto {
      margin: var(--spacing-auto, auto);
    }

    .md\:mx-auto {
      margin-left: var(--spacing-auto, auto);
      margin-right: var(--spacing-auto, auto);
    }

    .md\:my-auto {
      margin-top: var(--spacing-auto, auto);
      margin-bottom: var(--spacing-auto, auto);
    }
      .md\:mt-auto {
        margin-top: var(--spacing-auto, auto);
      }
    
      .md\:mr-auto {
        margin-right: var(--spacing-auto, auto);
      }
    
      .md\:mb-auto {
        margin-bottom: var(--spacing-auto, auto);
      }
    
      .md\:ml-auto {
        margin-left: var(--spacing-auto, auto);
      }
    
  
    .md\:m-0 {
      margin: var(--spacing-0, 0px);
    }

    .md\:mx-0 {
      margin-left: var(--spacing-0, 0px);
      margin-right: var(--spacing-0, 0px);
    }

    .md\:my-0 {
      margin-top: var(--spacing-0, 0px);
      margin-bottom: var(--spacing-0, 0px);
    }
      .md\:mt-0 {
        margin-top: var(--spacing-0, 0px);
      }
    
      .md\:mr-0 {
        margin-right: var(--spacing-0, 0px);
      }
    
      .md\:mb-0 {
        margin-bottom: var(--spacing-0, 0px);
      }
    
      .md\:ml-0 {
        margin-left: var(--spacing-0, 0px);
      }
    
  
    .md\:m-px {
      margin: var(--spacing-px, 1px);
    }

    .md\:mx-px {
      margin-left: var(--spacing-px, 1px);
      margin-right: var(--spacing-px, 1px);
    }

    .md\:my-px {
      margin-top: var(--spacing-px, 1px);
      margin-bottom: var(--spacing-px, 1px);
    }
      .md\:mt-px {
        margin-top: var(--spacing-px, 1px);
      }
    
      .md\:mr-px {
        margin-right: var(--spacing-px, 1px);
      }
    
      .md\:mb-px {
        margin-bottom: var(--spacing-px, 1px);
      }
    
      .md\:ml-px {
        margin-left: var(--spacing-px, 1px);
      }
    
  
    .md\:m-half {
      margin: var(--spacing-half, 0.238rem);
    }

    .md\:mx-half {
      margin-left: var(--spacing-half, 0.238rem);
      margin-right: var(--spacing-half, 0.238rem);
    }

    .md\:my-half {
      margin-top: var(--spacing-half, 0.238rem);
      margin-bottom: var(--spacing-half, 0.238rem);
    }
      .md\:mt-half {
        margin-top: var(--spacing-half, 0.238rem);
      }
    
      .md\:mr-half {
        margin-right: var(--spacing-half, 0.238rem);
      }
    
      .md\:mb-half {
        margin-bottom: var(--spacing-half, 0.238rem);
      }
    
      .md\:ml-half {
        margin-left: var(--spacing-half, 0.238rem);
      }
    
  
    .md\:m-1 {
      margin: var(--spacing-1, 0.422rem);
    }

    .md\:mx-1 {
      margin-left: var(--spacing-1, 0.422rem);
      margin-right: var(--spacing-1, 0.422rem);
    }

    .md\:my-1 {
      margin-top: var(--spacing-1, 0.422rem);
      margin-bottom: var(--spacing-1, 0.422rem);
    }
      .md\:mt-1 {
        margin-top: var(--spacing-1, 0.422rem);
      }
    
      .md\:mr-1 {
        margin-right: var(--spacing-1, 0.422rem);
      }
    
      .md\:mb-1 {
        margin-bottom: var(--spacing-1, 0.422rem);
      }
    
      .md\:ml-1 {
        margin-left: var(--spacing-1, 0.422rem);
      }
    
  
    .md\:m-2 {
      margin: var(--spacing-2, 0.563rem);
    }

    .md\:mx-2 {
      margin-left: var(--spacing-2, 0.563rem);
      margin-right: var(--spacing-2, 0.563rem);
    }

    .md\:my-2 {
      margin-top: var(--spacing-2, 0.563rem);
      margin-bottom: var(--spacing-2, 0.563rem);
    }
      .md\:mt-2 {
        margin-top: var(--spacing-2, 0.563rem);
      }
    
      .md\:mr-2 {
        margin-right: var(--spacing-2, 0.563rem);
      }
    
      .md\:mb-2 {
        margin-bottom: var(--spacing-2, 0.563rem);
      }
    
      .md\:ml-2 {
        margin-left: var(--spacing-2, 0.563rem);
      }
    
  
    .md\:m-3 {
      margin: var(--spacing-3, 0.75rem);
    }

    .md\:mx-3 {
      margin-left: var(--spacing-3, 0.75rem);
      margin-right: var(--spacing-3, 0.75rem);
    }

    .md\:my-3 {
      margin-top: var(--spacing-3, 0.75rem);
      margin-bottom: var(--spacing-3, 0.75rem);
    }
      .md\:mt-3 {
        margin-top: var(--spacing-3, 0.75rem);
      }
    
      .md\:mr-3 {
        margin-right: var(--spacing-3, 0.75rem);
      }
    
      .md\:mb-3 {
        margin-bottom: var(--spacing-3, 0.75rem);
      }
    
      .md\:ml-3 {
        margin-left: var(--spacing-3, 0.75rem);
      }
    
  
    .md\:m-4 {
      margin: var(--spacing-4, 1rem);
    }

    .md\:mx-4 {
      margin-left: var(--spacing-4, 1rem);
      margin-right: var(--spacing-4, 1rem);
    }

    .md\:my-4 {
      margin-top: var(--spacing-4, 1rem);
      margin-bottom: var(--spacing-4, 1rem);
    }
      .md\:mt-4 {
        margin-top: var(--spacing-4, 1rem);
      }
    
      .md\:mr-4 {
        margin-right: var(--spacing-4, 1rem);
      }
    
      .md\:mb-4 {
        margin-bottom: var(--spacing-4, 1rem);
      }
    
      .md\:ml-4 {
        margin-left: var(--spacing-4, 1rem);
      }
    
  
    .md\:m-5 {
      margin: var(--spacing-5, 1.333rem);
    }

    .md\:mx-5 {
      margin-left: var(--spacing-5, 1.333rem);
      margin-right: var(--spacing-5, 1.333rem);
    }

    .md\:my-5 {
      margin-top: var(--spacing-5, 1.333rem);
      margin-bottom: var(--spacing-5, 1.333rem);
    }
      .md\:mt-5 {
        margin-top: var(--spacing-5, 1.333rem);
      }
    
      .md\:mr-5 {
        margin-right: var(--spacing-5, 1.333rem);
      }
    
      .md\:mb-5 {
        margin-bottom: var(--spacing-5, 1.333rem);
      }
    
      .md\:ml-5 {
        margin-left: var(--spacing-5, 1.333rem);
      }
    
  
    .md\:m-6 {
      margin: var(--spacing-6, 1.777rem);
    }

    .md\:mx-6 {
      margin-left: var(--spacing-6, 1.777rem);
      margin-right: var(--spacing-6, 1.777rem);
    }

    .md\:my-6 {
      margin-top: var(--spacing-6, 1.777rem);
      margin-bottom: var(--spacing-6, 1.777rem);
    }
      .md\:mt-6 {
        margin-top: var(--spacing-6, 1.777rem);
      }
    
      .md\:mr-6 {
        margin-right: var(--spacing-6, 1.777rem);
      }
    
      .md\:mb-6 {
        margin-bottom: var(--spacing-6, 1.777rem);
      }
    
      .md\:ml-6 {
        margin-left: var(--spacing-6, 1.777rem);
      }
    
  
    .md\:m-8 {
      margin: var(--spacing-8, 2.369rem);
    }

    .md\:mx-8 {
      margin-left: var(--spacing-8, 2.369rem);
      margin-right: var(--spacing-8, 2.369rem);
    }

    .md\:my-8 {
      margin-top: var(--spacing-8, 2.369rem);
      margin-bottom: var(--spacing-8, 2.369rem);
    }
      .md\:mt-8 {
        margin-top: var(--spacing-8, 2.369rem);
      }
    
      .md\:mr-8 {
        margin-right: var(--spacing-8, 2.369rem);
      }
    
      .md\:mb-8 {
        margin-bottom: var(--spacing-8, 2.369rem);
      }
    
      .md\:ml-8 {
        margin-left: var(--spacing-8, 2.369rem);
      }
    
  
    .md\:m-10 {
      margin: var(--spacing-10, 3.157rem);
    }

    .md\:mx-10 {
      margin-left: var(--spacing-10, 3.157rem);
      margin-right: var(--spacing-10, 3.157rem);
    }

    .md\:my-10 {
      margin-top: var(--spacing-10, 3.157rem);
      margin-bottom: var(--spacing-10, 3.157rem);
    }
      .md\:mt-10 {
        margin-top: var(--spacing-10, 3.157rem);
      }
    
      .md\:mr-10 {
        margin-right: var(--spacing-10, 3.157rem);
      }
    
      .md\:mb-10 {
        margin-bottom: var(--spacing-10, 3.157rem);
      }
    
      .md\:ml-10 {
        margin-left: var(--spacing-10, 3.157rem);
      }
    
  
    .md\:m-12 {
      margin: var(--spacing-12, 4.209rem);
    }

    .md\:mx-12 {
      margin-left: var(--spacing-12, 4.209rem);
      margin-right: var(--spacing-12, 4.209rem);
    }

    .md\:my-12 {
      margin-top: var(--spacing-12, 4.209rem);
      margin-bottom: var(--spacing-12, 4.209rem);
    }
      .md\:mt-12 {
        margin-top: var(--spacing-12, 4.209rem);
      }
    
      .md\:mr-12 {
        margin-right: var(--spacing-12, 4.209rem);
      }
    
      .md\:mb-12 {
        margin-bottom: var(--spacing-12, 4.209rem);
      }
    
      .md\:ml-12 {
        margin-left: var(--spacing-12, 4.209rem);
      }
    
  
    .md\:m-14 {
      margin: var(--spacing-14, 5.61rem);
    }

    .md\:mx-14 {
      margin-left: var(--spacing-14, 5.61rem);
      margin-right: var(--spacing-14, 5.61rem);
    }

    .md\:my-14 {
      margin-top: var(--spacing-14, 5.61rem);
      margin-bottom: var(--spacing-14, 5.61rem);
    }
      .md\:mt-14 {
        margin-top: var(--spacing-14, 5.61rem);
      }
    
      .md\:mr-14 {
        margin-right: var(--spacing-14, 5.61rem);
      }
    
      .md\:mb-14 {
        margin-bottom: var(--spacing-14, 5.61rem);
      }
    
      .md\:ml-14 {
        margin-left: var(--spacing-14, 5.61rem);
      }
    
  
    .md\:m-16 {
      margin: var(--spacing-16, 7.478rem);
    }

    .md\:mx-16 {
      margin-left: var(--spacing-16, 7.478rem);
      margin-right: var(--spacing-16, 7.478rem);
    }

    .md\:my-16 {
      margin-top: var(--spacing-16, 7.478rem);
      margin-bottom: var(--spacing-16, 7.478rem);
    }
      .md\:mt-16 {
        margin-top: var(--spacing-16, 7.478rem);
      }
    
      .md\:mr-16 {
        margin-right: var(--spacing-16, 7.478rem);
      }
    
      .md\:mb-16 {
        margin-bottom: var(--spacing-16, 7.478rem);
      }
    
      .md\:ml-16 {
        margin-left: var(--spacing-16, 7.478rem);
      }
    
  

  /* Padding */
  .md\:p-auto {
    padding: var(--spacing-auto, auto);
  }

  .md\:px-auto {
    padding-left: var(--spacing-auto, auto);
    padding-right: var(--spacing-auto, auto);
  }

  .md\:py-auto {
    padding-top: var(--spacing-auto, auto);
    padding-bottom: var(--spacing-auto, auto);
  }
      .md\:pt-auto {
        padding-top: var(--spacing-auto, auto);
      }
      .md\:pr-auto {
        padding-right: var(--spacing-auto, auto);
      }
      .md\:pb-auto {
        padding-bottom: var(--spacing-auto, auto);
      }
      .md\:pl-auto {
        padding-left: var(--spacing-auto, auto);
      }
  .md\:p-0 {
    padding: var(--spacing-0, 0px);
  }

  .md\:px-0 {
    padding-left: var(--spacing-0, 0px);
    padding-right: var(--spacing-0, 0px);
  }

  .md\:py-0 {
    padding-top: var(--spacing-0, 0px);
    padding-bottom: var(--spacing-0, 0px);
  }
      .md\:pt-0 {
        padding-top: var(--spacing-0, 0px);
      }
      .md\:pr-0 {
        padding-right: var(--spacing-0, 0px);
      }
      .md\:pb-0 {
        padding-bottom: var(--spacing-0, 0px);
      }
      .md\:pl-0 {
        padding-left: var(--spacing-0, 0px);
      }
  .md\:p-px {
    padding: var(--spacing-px, 1px);
  }

  .md\:px-px {
    padding-left: var(--spacing-px, 1px);
    padding-right: var(--spacing-px, 1px);
  }

  .md\:py-px {
    padding-top: var(--spacing-px, 1px);
    padding-bottom: var(--spacing-px, 1px);
  }
      .md\:pt-px {
        padding-top: var(--spacing-px, 1px);
      }
      .md\:pr-px {
        padding-right: var(--spacing-px, 1px);
      }
      .md\:pb-px {
        padding-bottom: var(--spacing-px, 1px);
      }
      .md\:pl-px {
        padding-left: var(--spacing-px, 1px);
      }
  .md\:p-half {
    padding: var(--spacing-half, 0.238rem);
  }

  .md\:px-half {
    padding-left: var(--spacing-half, 0.238rem);
    padding-right: var(--spacing-half, 0.238rem);
  }

  .md\:py-half {
    padding-top: var(--spacing-half, 0.238rem);
    padding-bottom: var(--spacing-half, 0.238rem);
  }
      .md\:pt-half {
        padding-top: var(--spacing-half, 0.238rem);
      }
      .md\:pr-half {
        padding-right: var(--spacing-half, 0.238rem);
      }
      .md\:pb-half {
        padding-bottom: var(--spacing-half, 0.238rem);
      }
      .md\:pl-half {
        padding-left: var(--spacing-half, 0.238rem);
      }
  .md\:p-1 {
    padding: var(--spacing-1, 0.422rem);
  }

  .md\:px-1 {
    padding-left: var(--spacing-1, 0.422rem);
    padding-right: var(--spacing-1, 0.422rem);
  }

  .md\:py-1 {
    padding-top: var(--spacing-1, 0.422rem);
    padding-bottom: var(--spacing-1, 0.422rem);
  }
      .md\:pt-1 {
        padding-top: var(--spacing-1, 0.422rem);
      }
      .md\:pr-1 {
        padding-right: var(--spacing-1, 0.422rem);
      }
      .md\:pb-1 {
        padding-bottom: var(--spacing-1, 0.422rem);
      }
      .md\:pl-1 {
        padding-left: var(--spacing-1, 0.422rem);
      }
  .md\:p-2 {
    padding: var(--spacing-2, 0.563rem);
  }

  .md\:px-2 {
    padding-left: var(--spacing-2, 0.563rem);
    padding-right: var(--spacing-2, 0.563rem);
  }

  .md\:py-2 {
    padding-top: var(--spacing-2, 0.563rem);
    padding-bottom: var(--spacing-2, 0.563rem);
  }
      .md\:pt-2 {
        padding-top: var(--spacing-2, 0.563rem);
      }
      .md\:pr-2 {
        padding-right: var(--spacing-2, 0.563rem);
      }
      .md\:pb-2 {
        padding-bottom: var(--spacing-2, 0.563rem);
      }
      .md\:pl-2 {
        padding-left: var(--spacing-2, 0.563rem);
      }
  .md\:p-3 {
    padding: var(--spacing-3, 0.75rem);
  }

  .md\:px-3 {
    padding-left: var(--spacing-3, 0.75rem);
    padding-right: var(--spacing-3, 0.75rem);
  }

  .md\:py-3 {
    padding-top: var(--spacing-3, 0.75rem);
    padding-bottom: var(--spacing-3, 0.75rem);
  }
      .md\:pt-3 {
        padding-top: var(--spacing-3, 0.75rem);
      }
      .md\:pr-3 {
        padding-right: var(--spacing-3, 0.75rem);
      }
      .md\:pb-3 {
        padding-bottom: var(--spacing-3, 0.75rem);
      }
      .md\:pl-3 {
        padding-left: var(--spacing-3, 0.75rem);
      }
  .md\:p-4 {
    padding: var(--spacing-4, 1rem);
  }

  .md\:px-4 {
    padding-left: var(--spacing-4, 1rem);
    padding-right: var(--spacing-4, 1rem);
  }

  .md\:py-4 {
    padding-top: var(--spacing-4, 1rem);
    padding-bottom: var(--spacing-4, 1rem);
  }
      .md\:pt-4 {
        padding-top: var(--spacing-4, 1rem);
      }
      .md\:pr-4 {
        padding-right: var(--spacing-4, 1rem);
      }
      .md\:pb-4 {
        padding-bottom: var(--spacing-4, 1rem);
      }
      .md\:pl-4 {
        padding-left: var(--spacing-4, 1rem);
      }
  .md\:p-5 {
    padding: var(--spacing-5, 1.333rem);
  }

  .md\:px-5 {
    padding-left: var(--spacing-5, 1.333rem);
    padding-right: var(--spacing-5, 1.333rem);
  }

  .md\:py-5 {
    padding-top: var(--spacing-5, 1.333rem);
    padding-bottom: var(--spacing-5, 1.333rem);
  }
      .md\:pt-5 {
        padding-top: var(--spacing-5, 1.333rem);
      }
      .md\:pr-5 {
        padding-right: var(--spacing-5, 1.333rem);
      }
      .md\:pb-5 {
        padding-bottom: var(--spacing-5, 1.333rem);
      }
      .md\:pl-5 {
        padding-left: var(--spacing-5, 1.333rem);
      }
  .md\:p-6 {
    padding: var(--spacing-6, 1.777rem);
  }

  .md\:px-6 {
    padding-left: var(--spacing-6, 1.777rem);
    padding-right: var(--spacing-6, 1.777rem);
  }

  .md\:py-6 {
    padding-top: var(--spacing-6, 1.777rem);
    padding-bottom: var(--spacing-6, 1.777rem);
  }
      .md\:pt-6 {
        padding-top: var(--spacing-6, 1.777rem);
      }
      .md\:pr-6 {
        padding-right: var(--spacing-6, 1.777rem);
      }
      .md\:pb-6 {
        padding-bottom: var(--spacing-6, 1.777rem);
      }
      .md\:pl-6 {
        padding-left: var(--spacing-6, 1.777rem);
      }
  .md\:p-8 {
    padding: var(--spacing-8, 2.369rem);
  }

  .md\:px-8 {
    padding-left: var(--spacing-8, 2.369rem);
    padding-right: var(--spacing-8, 2.369rem);
  }

  .md\:py-8 {
    padding-top: var(--spacing-8, 2.369rem);
    padding-bottom: var(--spacing-8, 2.369rem);
  }
      .md\:pt-8 {
        padding-top: var(--spacing-8, 2.369rem);
      }
      .md\:pr-8 {
        padding-right: var(--spacing-8, 2.369rem);
      }
      .md\:pb-8 {
        padding-bottom: var(--spacing-8, 2.369rem);
      }
      .md\:pl-8 {
        padding-left: var(--spacing-8, 2.369rem);
      }
  .md\:p-10 {
    padding: var(--spacing-10, 3.157rem);
  }

  .md\:px-10 {
    padding-left: var(--spacing-10, 3.157rem);
    padding-right: var(--spacing-10, 3.157rem);
  }

  .md\:py-10 {
    padding-top: var(--spacing-10, 3.157rem);
    padding-bottom: var(--spacing-10, 3.157rem);
  }
      .md\:pt-10 {
        padding-top: var(--spacing-10, 3.157rem);
      }
      .md\:pr-10 {
        padding-right: var(--spacing-10, 3.157rem);
      }
      .md\:pb-10 {
        padding-bottom: var(--spacing-10, 3.157rem);
      }
      .md\:pl-10 {
        padding-left: var(--spacing-10, 3.157rem);
      }
  .md\:p-12 {
    padding: var(--spacing-12, 4.209rem);
  }

  .md\:px-12 {
    padding-left: var(--spacing-12, 4.209rem);
    padding-right: var(--spacing-12, 4.209rem);
  }

  .md\:py-12 {
    padding-top: var(--spacing-12, 4.209rem);
    padding-bottom: var(--spacing-12, 4.209rem);
  }
      .md\:pt-12 {
        padding-top: var(--spacing-12, 4.209rem);
      }
      .md\:pr-12 {
        padding-right: var(--spacing-12, 4.209rem);
      }
      .md\:pb-12 {
        padding-bottom: var(--spacing-12, 4.209rem);
      }
      .md\:pl-12 {
        padding-left: var(--spacing-12, 4.209rem);
      }
  .md\:p-14 {
    padding: var(--spacing-14, 5.61rem);
  }

  .md\:px-14 {
    padding-left: var(--spacing-14, 5.61rem);
    padding-right: var(--spacing-14, 5.61rem);
  }

  .md\:py-14 {
    padding-top: var(--spacing-14, 5.61rem);
    padding-bottom: var(--spacing-14, 5.61rem);
  }
      .md\:pt-14 {
        padding-top: var(--spacing-14, 5.61rem);
      }
      .md\:pr-14 {
        padding-right: var(--spacing-14, 5.61rem);
      }
      .md\:pb-14 {
        padding-bottom: var(--spacing-14, 5.61rem);
      }
      .md\:pl-14 {
        padding-left: var(--spacing-14, 5.61rem);
      }
  .md\:p-16 {
    padding: var(--spacing-16, 7.478rem);
  }

  .md\:px-16 {
    padding-left: var(--spacing-16, 7.478rem);
    padding-right: var(--spacing-16, 7.478rem);
  }

  .md\:py-16 {
    padding-top: var(--spacing-16, 7.478rem);
    padding-bottom: var(--spacing-16, 7.478rem);
  }
      .md\:pt-16 {
        padding-top: var(--spacing-16, 7.478rem);
      }
      .md\:pr-16 {
        padding-right: var(--spacing-16, 7.478rem);
      }
      .md\:pb-16 {
        padding-bottom: var(--spacing-16, 7.478rem);
      }
      .md\:pl-16 {
        padding-left: var(--spacing-16, 7.478rem);
      }
}

@media screen and (min-width: 1024px) {
    .lg\:m-auto {
      margin: var(--spacing-auto, auto);
    }

    .lg\:mx-auto {
      margin-left: var(--spacing-auto, auto);
      margin-right: var(--spacing-auto, auto);
    }

    .lg\:my-auto {
      margin-top: var(--spacing-auto, auto);
      margin-bottom: var(--spacing-auto, auto);
    }
      .lg\:mt-auto {
        margin-top: var(--spacing-auto, auto);
      }
    
      .lg\:mr-auto {
        margin-right: var(--spacing-auto, auto);
      }
    
      .lg\:mb-auto {
        margin-bottom: var(--spacing-auto, auto);
      }
    
      .lg\:ml-auto {
        margin-left: var(--spacing-auto, auto);
      }
    
  
    .lg\:m-0 {
      margin: var(--spacing-0, 0px);
    }

    .lg\:mx-0 {
      margin-left: var(--spacing-0, 0px);
      margin-right: var(--spacing-0, 0px);
    }

    .lg\:my-0 {
      margin-top: var(--spacing-0, 0px);
      margin-bottom: var(--spacing-0, 0px);
    }
      .lg\:mt-0 {
        margin-top: var(--spacing-0, 0px);
      }
    
      .lg\:mr-0 {
        margin-right: var(--spacing-0, 0px);
      }
    
      .lg\:mb-0 {
        margin-bottom: var(--spacing-0, 0px);
      }
    
      .lg\:ml-0 {
        margin-left: var(--spacing-0, 0px);
      }
    
  
    .lg\:m-px {
      margin: var(--spacing-px, 1px);
    }

    .lg\:mx-px {
      margin-left: var(--spacing-px, 1px);
      margin-right: var(--spacing-px, 1px);
    }

    .lg\:my-px {
      margin-top: var(--spacing-px, 1px);
      margin-bottom: var(--spacing-px, 1px);
    }
      .lg\:mt-px {
        margin-top: var(--spacing-px, 1px);
      }
    
      .lg\:mr-px {
        margin-right: var(--spacing-px, 1px);
      }
    
      .lg\:mb-px {
        margin-bottom: var(--spacing-px, 1px);
      }
    
      .lg\:ml-px {
        margin-left: var(--spacing-px, 1px);
      }
    
  
    .lg\:m-half {
      margin: var(--spacing-half, 0.238rem);
    }

    .lg\:mx-half {
      margin-left: var(--spacing-half, 0.238rem);
      margin-right: var(--spacing-half, 0.238rem);
    }

    .lg\:my-half {
      margin-top: var(--spacing-half, 0.238rem);
      margin-bottom: var(--spacing-half, 0.238rem);
    }
      .lg\:mt-half {
        margin-top: var(--spacing-half, 0.238rem);
      }
    
      .lg\:mr-half {
        margin-right: var(--spacing-half, 0.238rem);
      }
    
      .lg\:mb-half {
        margin-bottom: var(--spacing-half, 0.238rem);
      }
    
      .lg\:ml-half {
        margin-left: var(--spacing-half, 0.238rem);
      }
    
  
    .lg\:m-1 {
      margin: var(--spacing-1, 0.422rem);
    }

    .lg\:mx-1 {
      margin-left: var(--spacing-1, 0.422rem);
      margin-right: var(--spacing-1, 0.422rem);
    }

    .lg\:my-1 {
      margin-top: var(--spacing-1, 0.422rem);
      margin-bottom: var(--spacing-1, 0.422rem);
    }
      .lg\:mt-1 {
        margin-top: var(--spacing-1, 0.422rem);
      }
    
      .lg\:mr-1 {
        margin-right: var(--spacing-1, 0.422rem);
      }
    
      .lg\:mb-1 {
        margin-bottom: var(--spacing-1, 0.422rem);
      }
    
      .lg\:ml-1 {
        margin-left: var(--spacing-1, 0.422rem);
      }
    
  
    .lg\:m-2 {
      margin: var(--spacing-2, 0.563rem);
    }

    .lg\:mx-2 {
      margin-left: var(--spacing-2, 0.563rem);
      margin-right: var(--spacing-2, 0.563rem);
    }

    .lg\:my-2 {
      margin-top: var(--spacing-2, 0.563rem);
      margin-bottom: var(--spacing-2, 0.563rem);
    }
      .lg\:mt-2 {
        margin-top: var(--spacing-2, 0.563rem);
      }
    
      .lg\:mr-2 {
        margin-right: var(--spacing-2, 0.563rem);
      }
    
      .lg\:mb-2 {
        margin-bottom: var(--spacing-2, 0.563rem);
      }
    
      .lg\:ml-2 {
        margin-left: var(--spacing-2, 0.563rem);
      }
    
  
    .lg\:m-3 {
      margin: var(--spacing-3, 0.75rem);
    }

    .lg\:mx-3 {
      margin-left: var(--spacing-3, 0.75rem);
      margin-right: var(--spacing-3, 0.75rem);
    }

    .lg\:my-3 {
      margin-top: var(--spacing-3, 0.75rem);
      margin-bottom: var(--spacing-3, 0.75rem);
    }
      .lg\:mt-3 {
        margin-top: var(--spacing-3, 0.75rem);
      }
    
      .lg\:mr-3 {
        margin-right: var(--spacing-3, 0.75rem);
      }
    
      .lg\:mb-3 {
        margin-bottom: var(--spacing-3, 0.75rem);
      }
    
      .lg\:ml-3 {
        margin-left: var(--spacing-3, 0.75rem);
      }
    
  
    .lg\:m-4 {
      margin: var(--spacing-4, 1rem);
    }

    .lg\:mx-4 {
      margin-left: var(--spacing-4, 1rem);
      margin-right: var(--spacing-4, 1rem);
    }

    .lg\:my-4 {
      margin-top: var(--spacing-4, 1rem);
      margin-bottom: var(--spacing-4, 1rem);
    }
      .lg\:mt-4 {
        margin-top: var(--spacing-4, 1rem);
      }
    
      .lg\:mr-4 {
        margin-right: var(--spacing-4, 1rem);
      }
    
      .lg\:mb-4 {
        margin-bottom: var(--spacing-4, 1rem);
      }
    
      .lg\:ml-4 {
        margin-left: var(--spacing-4, 1rem);
      }
    
  
    .lg\:m-5 {
      margin: var(--spacing-5, 1.333rem);
    }

    .lg\:mx-5 {
      margin-left: var(--spacing-5, 1.333rem);
      margin-right: var(--spacing-5, 1.333rem);
    }

    .lg\:my-5 {
      margin-top: var(--spacing-5, 1.333rem);
      margin-bottom: var(--spacing-5, 1.333rem);
    }
      .lg\:mt-5 {
        margin-top: var(--spacing-5, 1.333rem);
      }
    
      .lg\:mr-5 {
        margin-right: var(--spacing-5, 1.333rem);
      }
    
      .lg\:mb-5 {
        margin-bottom: var(--spacing-5, 1.333rem);
      }
    
      .lg\:ml-5 {
        margin-left: var(--spacing-5, 1.333rem);
      }
    
  
    .lg\:m-6 {
      margin: var(--spacing-6, 1.777rem);
    }

    .lg\:mx-6 {
      margin-left: var(--spacing-6, 1.777rem);
      margin-right: var(--spacing-6, 1.777rem);
    }

    .lg\:my-6 {
      margin-top: var(--spacing-6, 1.777rem);
      margin-bottom: var(--spacing-6, 1.777rem);
    }
      .lg\:mt-6 {
        margin-top: var(--spacing-6, 1.777rem);
      }
    
      .lg\:mr-6 {
        margin-right: var(--spacing-6, 1.777rem);
      }
    
      .lg\:mb-6 {
        margin-bottom: var(--spacing-6, 1.777rem);
      }
    
      .lg\:ml-6 {
        margin-left: var(--spacing-6, 1.777rem);
      }
    
  
    .lg\:m-8 {
      margin: var(--spacing-8, 2.369rem);
    }

    .lg\:mx-8 {
      margin-left: var(--spacing-8, 2.369rem);
      margin-right: var(--spacing-8, 2.369rem);
    }

    .lg\:my-8 {
      margin-top: var(--spacing-8, 2.369rem);
      margin-bottom: var(--spacing-8, 2.369rem);
    }
      .lg\:mt-8 {
        margin-top: var(--spacing-8, 2.369rem);
      }
    
      .lg\:mr-8 {
        margin-right: var(--spacing-8, 2.369rem);
      }
    
      .lg\:mb-8 {
        margin-bottom: var(--spacing-8, 2.369rem);
      }
    
      .lg\:ml-8 {
        margin-left: var(--spacing-8, 2.369rem);
      }
    
  
    .lg\:m-10 {
      margin: var(--spacing-10, 3.157rem);
    }

    .lg\:mx-10 {
      margin-left: var(--spacing-10, 3.157rem);
      margin-right: var(--spacing-10, 3.157rem);
    }

    .lg\:my-10 {
      margin-top: var(--spacing-10, 3.157rem);
      margin-bottom: var(--spacing-10, 3.157rem);
    }
      .lg\:mt-10 {
        margin-top: var(--spacing-10, 3.157rem);
      }
    
      .lg\:mr-10 {
        margin-right: var(--spacing-10, 3.157rem);
      }
    
      .lg\:mb-10 {
        margin-bottom: var(--spacing-10, 3.157rem);
      }
    
      .lg\:ml-10 {
        margin-left: var(--spacing-10, 3.157rem);
      }
    
  
    .lg\:m-12 {
      margin: var(--spacing-12, 4.209rem);
    }

    .lg\:mx-12 {
      margin-left: var(--spacing-12, 4.209rem);
      margin-right: var(--spacing-12, 4.209rem);
    }

    .lg\:my-12 {
      margin-top: var(--spacing-12, 4.209rem);
      margin-bottom: var(--spacing-12, 4.209rem);
    }
      .lg\:mt-12 {
        margin-top: var(--spacing-12, 4.209rem);
      }
    
      .lg\:mr-12 {
        margin-right: var(--spacing-12, 4.209rem);
      }
    
      .lg\:mb-12 {
        margin-bottom: var(--spacing-12, 4.209rem);
      }
    
      .lg\:ml-12 {
        margin-left: var(--spacing-12, 4.209rem);
      }
    
  
    .lg\:m-14 {
      margin: var(--spacing-14, 5.61rem);
    }

    .lg\:mx-14 {
      margin-left: var(--spacing-14, 5.61rem);
      margin-right: var(--spacing-14, 5.61rem);
    }

    .lg\:my-14 {
      margin-top: var(--spacing-14, 5.61rem);
      margin-bottom: var(--spacing-14, 5.61rem);
    }
      .lg\:mt-14 {
        margin-top: var(--spacing-14, 5.61rem);
      }
    
      .lg\:mr-14 {
        margin-right: var(--spacing-14, 5.61rem);
      }
    
      .lg\:mb-14 {
        margin-bottom: var(--spacing-14, 5.61rem);
      }
    
      .lg\:ml-14 {
        margin-left: var(--spacing-14, 5.61rem);
      }
    
  
    .lg\:m-16 {
      margin: var(--spacing-16, 7.478rem);
    }

    .lg\:mx-16 {
      margin-left: var(--spacing-16, 7.478rem);
      margin-right: var(--spacing-16, 7.478rem);
    }

    .lg\:my-16 {
      margin-top: var(--spacing-16, 7.478rem);
      margin-bottom: var(--spacing-16, 7.478rem);
    }
      .lg\:mt-16 {
        margin-top: var(--spacing-16, 7.478rem);
      }
    
      .lg\:mr-16 {
        margin-right: var(--spacing-16, 7.478rem);
      }
    
      .lg\:mb-16 {
        margin-bottom: var(--spacing-16, 7.478rem);
      }
    
      .lg\:ml-16 {
        margin-left: var(--spacing-16, 7.478rem);
      }
    
  

  /* Padding */
  .lg\:p-auto {
    padding: var(--spacing-auto, auto);
  }

  .lg\:px-auto {
    padding-left: var(--spacing-auto, auto);
    padding-right: var(--spacing-auto, auto);
  }

  .lg\:py-auto {
    padding-top: var(--spacing-auto, auto);
    padding-bottom: var(--spacing-auto, auto);
  }
      .lg\:pt-auto {
        padding-top: var(--spacing-auto, auto);
      }
      .lg\:pr-auto {
        padding-right: var(--spacing-auto, auto);
      }
      .lg\:pb-auto {
        padding-bottom: var(--spacing-auto, auto);
      }
      .lg\:pl-auto {
        padding-left: var(--spacing-auto, auto);
      }
  .lg\:p-0 {
    padding: var(--spacing-0, 0px);
  }

  .lg\:px-0 {
    padding-left: var(--spacing-0, 0px);
    padding-right: var(--spacing-0, 0px);
  }

  .lg\:py-0 {
    padding-top: var(--spacing-0, 0px);
    padding-bottom: var(--spacing-0, 0px);
  }
      .lg\:pt-0 {
        padding-top: var(--spacing-0, 0px);
      }
      .lg\:pr-0 {
        padding-right: var(--spacing-0, 0px);
      }
      .lg\:pb-0 {
        padding-bottom: var(--spacing-0, 0px);
      }
      .lg\:pl-0 {
        padding-left: var(--spacing-0, 0px);
      }
  .lg\:p-px {
    padding: var(--spacing-px, 1px);
  }

  .lg\:px-px {
    padding-left: var(--spacing-px, 1px);
    padding-right: var(--spacing-px, 1px);
  }

  .lg\:py-px {
    padding-top: var(--spacing-px, 1px);
    padding-bottom: var(--spacing-px, 1px);
  }
      .lg\:pt-px {
        padding-top: var(--spacing-px, 1px);
      }
      .lg\:pr-px {
        padding-right: var(--spacing-px, 1px);
      }
      .lg\:pb-px {
        padding-bottom: var(--spacing-px, 1px);
      }
      .lg\:pl-px {
        padding-left: var(--spacing-px, 1px);
      }
  .lg\:p-half {
    padding: var(--spacing-half, 0.238rem);
  }

  .lg\:px-half {
    padding-left: var(--spacing-half, 0.238rem);
    padding-right: var(--spacing-half, 0.238rem);
  }

  .lg\:py-half {
    padding-top: var(--spacing-half, 0.238rem);
    padding-bottom: var(--spacing-half, 0.238rem);
  }
      .lg\:pt-half {
        padding-top: var(--spacing-half, 0.238rem);
      }
      .lg\:pr-half {
        padding-right: var(--spacing-half, 0.238rem);
      }
      .lg\:pb-half {
        padding-bottom: var(--spacing-half, 0.238rem);
      }
      .lg\:pl-half {
        padding-left: var(--spacing-half, 0.238rem);
      }
  .lg\:p-1 {
    padding: var(--spacing-1, 0.422rem);
  }

  .lg\:px-1 {
    padding-left: var(--spacing-1, 0.422rem);
    padding-right: var(--spacing-1, 0.422rem);
  }

  .lg\:py-1 {
    padding-top: var(--spacing-1, 0.422rem);
    padding-bottom: var(--spacing-1, 0.422rem);
  }
      .lg\:pt-1 {
        padding-top: var(--spacing-1, 0.422rem);
      }
      .lg\:pr-1 {
        padding-right: var(--spacing-1, 0.422rem);
      }
      .lg\:pb-1 {
        padding-bottom: var(--spacing-1, 0.422rem);
      }
      .lg\:pl-1 {
        padding-left: var(--spacing-1, 0.422rem);
      }
  .lg\:p-2 {
    padding: var(--spacing-2, 0.563rem);
  }

  .lg\:px-2 {
    padding-left: var(--spacing-2, 0.563rem);
    padding-right: var(--spacing-2, 0.563rem);
  }

  .lg\:py-2 {
    padding-top: var(--spacing-2, 0.563rem);
    padding-bottom: var(--spacing-2, 0.563rem);
  }
      .lg\:pt-2 {
        padding-top: var(--spacing-2, 0.563rem);
      }
      .lg\:pr-2 {
        padding-right: var(--spacing-2, 0.563rem);
      }
      .lg\:pb-2 {
        padding-bottom: var(--spacing-2, 0.563rem);
      }
      .lg\:pl-2 {
        padding-left: var(--spacing-2, 0.563rem);
      }
  .lg\:p-3 {
    padding: var(--spacing-3, 0.75rem);
  }

  .lg\:px-3 {
    padding-left: var(--spacing-3, 0.75rem);
    padding-right: var(--spacing-3, 0.75rem);
  }

  .lg\:py-3 {
    padding-top: var(--spacing-3, 0.75rem);
    padding-bottom: var(--spacing-3, 0.75rem);
  }
      .lg\:pt-3 {
        padding-top: var(--spacing-3, 0.75rem);
      }
      .lg\:pr-3 {
        padding-right: var(--spacing-3, 0.75rem);
      }
      .lg\:pb-3 {
        padding-bottom: var(--spacing-3, 0.75rem);
      }
      .lg\:pl-3 {
        padding-left: var(--spacing-3, 0.75rem);
      }
  .lg\:p-4 {
    padding: var(--spacing-4, 1rem);
  }

  .lg\:px-4 {
    padding-left: var(--spacing-4, 1rem);
    padding-right: var(--spacing-4, 1rem);
  }

  .lg\:py-4 {
    padding-top: var(--spacing-4, 1rem);
    padding-bottom: var(--spacing-4, 1rem);
  }
      .lg\:pt-4 {
        padding-top: var(--spacing-4, 1rem);
      }
      .lg\:pr-4 {
        padding-right: var(--spacing-4, 1rem);
      }
      .lg\:pb-4 {
        padding-bottom: var(--spacing-4, 1rem);
      }
      .lg\:pl-4 {
        padding-left: var(--spacing-4, 1rem);
      }
  .lg\:p-5 {
    padding: var(--spacing-5, 1.333rem);
  }

  .lg\:px-5 {
    padding-left: var(--spacing-5, 1.333rem);
    padding-right: var(--spacing-5, 1.333rem);
  }

  .lg\:py-5 {
    padding-top: var(--spacing-5, 1.333rem);
    padding-bottom: var(--spacing-5, 1.333rem);
  }
      .lg\:pt-5 {
        padding-top: var(--spacing-5, 1.333rem);
      }
      .lg\:pr-5 {
        padding-right: var(--spacing-5, 1.333rem);
      }
      .lg\:pb-5 {
        padding-bottom: var(--spacing-5, 1.333rem);
      }
      .lg\:pl-5 {
        padding-left: var(--spacing-5, 1.333rem);
      }
  .lg\:p-6 {
    padding: var(--spacing-6, 1.777rem);
  }

  .lg\:px-6 {
    padding-left: var(--spacing-6, 1.777rem);
    padding-right: var(--spacing-6, 1.777rem);
  }

  .lg\:py-6 {
    padding-top: var(--spacing-6, 1.777rem);
    padding-bottom: var(--spacing-6, 1.777rem);
  }
      .lg\:pt-6 {
        padding-top: var(--spacing-6, 1.777rem);
      }
      .lg\:pr-6 {
        padding-right: var(--spacing-6, 1.777rem);
      }
      .lg\:pb-6 {
        padding-bottom: var(--spacing-6, 1.777rem);
      }
      .lg\:pl-6 {
        padding-left: var(--spacing-6, 1.777rem);
      }
  .lg\:p-8 {
    padding: var(--spacing-8, 2.369rem);
  }

  .lg\:px-8 {
    padding-left: var(--spacing-8, 2.369rem);
    padding-right: var(--spacing-8, 2.369rem);
  }

  .lg\:py-8 {
    padding-top: var(--spacing-8, 2.369rem);
    padding-bottom: var(--spacing-8, 2.369rem);
  }
      .lg\:pt-8 {
        padding-top: var(--spacing-8, 2.369rem);
      }
      .lg\:pr-8 {
        padding-right: var(--spacing-8, 2.369rem);
      }
      .lg\:pb-8 {
        padding-bottom: var(--spacing-8, 2.369rem);
      }
      .lg\:pl-8 {
        padding-left: var(--spacing-8, 2.369rem);
      }
  .lg\:p-10 {
    padding: var(--spacing-10, 3.157rem);
  }

  .lg\:px-10 {
    padding-left: var(--spacing-10, 3.157rem);
    padding-right: var(--spacing-10, 3.157rem);
  }

  .lg\:py-10 {
    padding-top: var(--spacing-10, 3.157rem);
    padding-bottom: var(--spacing-10, 3.157rem);
  }
      .lg\:pt-10 {
        padding-top: var(--spacing-10, 3.157rem);
      }
      .lg\:pr-10 {
        padding-right: var(--spacing-10, 3.157rem);
      }
      .lg\:pb-10 {
        padding-bottom: var(--spacing-10, 3.157rem);
      }
      .lg\:pl-10 {
        padding-left: var(--spacing-10, 3.157rem);
      }
  .lg\:p-12 {
    padding: var(--spacing-12, 4.209rem);
  }

  .lg\:px-12 {
    padding-left: var(--spacing-12, 4.209rem);
    padding-right: var(--spacing-12, 4.209rem);
  }

  .lg\:py-12 {
    padding-top: var(--spacing-12, 4.209rem);
    padding-bottom: var(--spacing-12, 4.209rem);
  }
      .lg\:pt-12 {
        padding-top: var(--spacing-12, 4.209rem);
      }
      .lg\:pr-12 {
        padding-right: var(--spacing-12, 4.209rem);
      }
      .lg\:pb-12 {
        padding-bottom: var(--spacing-12, 4.209rem);
      }
      .lg\:pl-12 {
        padding-left: var(--spacing-12, 4.209rem);
      }
  .lg\:p-14 {
    padding: var(--spacing-14, 5.61rem);
  }

  .lg\:px-14 {
    padding-left: var(--spacing-14, 5.61rem);
    padding-right: var(--spacing-14, 5.61rem);
  }

  .lg\:py-14 {
    padding-top: var(--spacing-14, 5.61rem);
    padding-bottom: var(--spacing-14, 5.61rem);
  }
      .lg\:pt-14 {
        padding-top: var(--spacing-14, 5.61rem);
      }
      .lg\:pr-14 {
        padding-right: var(--spacing-14, 5.61rem);
      }
      .lg\:pb-14 {
        padding-bottom: var(--spacing-14, 5.61rem);
      }
      .lg\:pl-14 {
        padding-left: var(--spacing-14, 5.61rem);
      }
  .lg\:p-16 {
    padding: var(--spacing-16, 7.478rem);
  }

  .lg\:px-16 {
    padding-left: var(--spacing-16, 7.478rem);
    padding-right: var(--spacing-16, 7.478rem);
  }

  .lg\:py-16 {
    padding-top: var(--spacing-16, 7.478rem);
    padding-bottom: var(--spacing-16, 7.478rem);
  }
      .lg\:pt-16 {
        padding-top: var(--spacing-16, 7.478rem);
      }
      .lg\:pr-16 {
        padding-right: var(--spacing-16, 7.478rem);
      }
      .lg\:pb-16 {
        padding-bottom: var(--spacing-16, 7.478rem);
      }
      .lg\:pl-16 {
        padding-left: var(--spacing-16, 7.478rem);
      }
}

@media screen and (min-width: 1380px) {
    .xl\:m-auto {
      margin: var(--spacing-auto, auto);
    }

    .xl\:mx-auto {
      margin-left: var(--spacing-auto, auto);
      margin-right: var(--spacing-auto, auto);
    }

    .xl\:my-auto {
      margin-top: var(--spacing-auto, auto);
      margin-bottom: var(--spacing-auto, auto);
    }
      .xl\:mt-auto {
        margin-top: var(--spacing-auto, auto);
      }
    
      .xl\:mr-auto {
        margin-right: var(--spacing-auto, auto);
      }
    
      .xl\:mb-auto {
        margin-bottom: var(--spacing-auto, auto);
      }
    
      .xl\:ml-auto {
        margin-left: var(--spacing-auto, auto);
      }
    
  
    .xl\:m-0 {
      margin: var(--spacing-0, 0px);
    }

    .xl\:mx-0 {
      margin-left: var(--spacing-0, 0px);
      margin-right: var(--spacing-0, 0px);
    }

    .xl\:my-0 {
      margin-top: var(--spacing-0, 0px);
      margin-bottom: var(--spacing-0, 0px);
    }
      .xl\:mt-0 {
        margin-top: var(--spacing-0, 0px);
      }
    
      .xl\:mr-0 {
        margin-right: var(--spacing-0, 0px);
      }
    
      .xl\:mb-0 {
        margin-bottom: var(--spacing-0, 0px);
      }
    
      .xl\:ml-0 {
        margin-left: var(--spacing-0, 0px);
      }
    
  
    .xl\:m-px {
      margin: var(--spacing-px, 1px);
    }

    .xl\:mx-px {
      margin-left: var(--spacing-px, 1px);
      margin-right: var(--spacing-px, 1px);
    }

    .xl\:my-px {
      margin-top: var(--spacing-px, 1px);
      margin-bottom: var(--spacing-px, 1px);
    }
      .xl\:mt-px {
        margin-top: var(--spacing-px, 1px);
      }
    
      .xl\:mr-px {
        margin-right: var(--spacing-px, 1px);
      }
    
      .xl\:mb-px {
        margin-bottom: var(--spacing-px, 1px);
      }
    
      .xl\:ml-px {
        margin-left: var(--spacing-px, 1px);
      }
    
  
    .xl\:m-half {
      margin: var(--spacing-half, 0.238rem);
    }

    .xl\:mx-half {
      margin-left: var(--spacing-half, 0.238rem);
      margin-right: var(--spacing-half, 0.238rem);
    }

    .xl\:my-half {
      margin-top: var(--spacing-half, 0.238rem);
      margin-bottom: var(--spacing-half, 0.238rem);
    }
      .xl\:mt-half {
        margin-top: var(--spacing-half, 0.238rem);
      }
    
      .xl\:mr-half {
        margin-right: var(--spacing-half, 0.238rem);
      }
    
      .xl\:mb-half {
        margin-bottom: var(--spacing-half, 0.238rem);
      }
    
      .xl\:ml-half {
        margin-left: var(--spacing-half, 0.238rem);
      }
    
  
    .xl\:m-1 {
      margin: var(--spacing-1, 0.422rem);
    }

    .xl\:mx-1 {
      margin-left: var(--spacing-1, 0.422rem);
      margin-right: var(--spacing-1, 0.422rem);
    }

    .xl\:my-1 {
      margin-top: var(--spacing-1, 0.422rem);
      margin-bottom: var(--spacing-1, 0.422rem);
    }
      .xl\:mt-1 {
        margin-top: var(--spacing-1, 0.422rem);
      }
    
      .xl\:mr-1 {
        margin-right: var(--spacing-1, 0.422rem);
      }
    
      .xl\:mb-1 {
        margin-bottom: var(--spacing-1, 0.422rem);
      }
    
      .xl\:ml-1 {
        margin-left: var(--spacing-1, 0.422rem);
      }
    
  
    .xl\:m-2 {
      margin: var(--spacing-2, 0.563rem);
    }

    .xl\:mx-2 {
      margin-left: var(--spacing-2, 0.563rem);
      margin-right: var(--spacing-2, 0.563rem);
    }

    .xl\:my-2 {
      margin-top: var(--spacing-2, 0.563rem);
      margin-bottom: var(--spacing-2, 0.563rem);
    }
      .xl\:mt-2 {
        margin-top: var(--spacing-2, 0.563rem);
      }
    
      .xl\:mr-2 {
        margin-right: var(--spacing-2, 0.563rem);
      }
    
      .xl\:mb-2 {
        margin-bottom: var(--spacing-2, 0.563rem);
      }
    
      .xl\:ml-2 {
        margin-left: var(--spacing-2, 0.563rem);
      }
    
  
    .xl\:m-3 {
      margin: var(--spacing-3, 0.75rem);
    }

    .xl\:mx-3 {
      margin-left: var(--spacing-3, 0.75rem);
      margin-right: var(--spacing-3, 0.75rem);
    }

    .xl\:my-3 {
      margin-top: var(--spacing-3, 0.75rem);
      margin-bottom: var(--spacing-3, 0.75rem);
    }
      .xl\:mt-3 {
        margin-top: var(--spacing-3, 0.75rem);
      }
    
      .xl\:mr-3 {
        margin-right: var(--spacing-3, 0.75rem);
      }
    
      .xl\:mb-3 {
        margin-bottom: var(--spacing-3, 0.75rem);
      }
    
      .xl\:ml-3 {
        margin-left: var(--spacing-3, 0.75rem);
      }
    
  
    .xl\:m-4 {
      margin: var(--spacing-4, 1rem);
    }

    .xl\:mx-4 {
      margin-left: var(--spacing-4, 1rem);
      margin-right: var(--spacing-4, 1rem);
    }

    .xl\:my-4 {
      margin-top: var(--spacing-4, 1rem);
      margin-bottom: var(--spacing-4, 1rem);
    }
      .xl\:mt-4 {
        margin-top: var(--spacing-4, 1rem);
      }
    
      .xl\:mr-4 {
        margin-right: var(--spacing-4, 1rem);
      }
    
      .xl\:mb-4 {
        margin-bottom: var(--spacing-4, 1rem);
      }
    
      .xl\:ml-4 {
        margin-left: var(--spacing-4, 1rem);
      }
    
  
    .xl\:m-5 {
      margin: var(--spacing-5, 1.333rem);
    }

    .xl\:mx-5 {
      margin-left: var(--spacing-5, 1.333rem);
      margin-right: var(--spacing-5, 1.333rem);
    }

    .xl\:my-5 {
      margin-top: var(--spacing-5, 1.333rem);
      margin-bottom: var(--spacing-5, 1.333rem);
    }
      .xl\:mt-5 {
        margin-top: var(--spacing-5, 1.333rem);
      }
    
      .xl\:mr-5 {
        margin-right: var(--spacing-5, 1.333rem);
      }
    
      .xl\:mb-5 {
        margin-bottom: var(--spacing-5, 1.333rem);
      }
    
      .xl\:ml-5 {
        margin-left: var(--spacing-5, 1.333rem);
      }
    
  
    .xl\:m-6 {
      margin: var(--spacing-6, 1.777rem);
    }

    .xl\:mx-6 {
      margin-left: var(--spacing-6, 1.777rem);
      margin-right: var(--spacing-6, 1.777rem);
    }

    .xl\:my-6 {
      margin-top: var(--spacing-6, 1.777rem);
      margin-bottom: var(--spacing-6, 1.777rem);
    }
      .xl\:mt-6 {
        margin-top: var(--spacing-6, 1.777rem);
      }
    
      .xl\:mr-6 {
        margin-right: var(--spacing-6, 1.777rem);
      }
    
      .xl\:mb-6 {
        margin-bottom: var(--spacing-6, 1.777rem);
      }
    
      .xl\:ml-6 {
        margin-left: var(--spacing-6, 1.777rem);
      }
    
  
    .xl\:m-8 {
      margin: var(--spacing-8, 2.369rem);
    }

    .xl\:mx-8 {
      margin-left: var(--spacing-8, 2.369rem);
      margin-right: var(--spacing-8, 2.369rem);
    }

    .xl\:my-8 {
      margin-top: var(--spacing-8, 2.369rem);
      margin-bottom: var(--spacing-8, 2.369rem);
    }
      .xl\:mt-8 {
        margin-top: var(--spacing-8, 2.369rem);
      }
    
      .xl\:mr-8 {
        margin-right: var(--spacing-8, 2.369rem);
      }
    
      .xl\:mb-8 {
        margin-bottom: var(--spacing-8, 2.369rem);
      }
    
      .xl\:ml-8 {
        margin-left: var(--spacing-8, 2.369rem);
      }
    
  
    .xl\:m-10 {
      margin: var(--spacing-10, 3.157rem);
    }

    .xl\:mx-10 {
      margin-left: var(--spacing-10, 3.157rem);
      margin-right: var(--spacing-10, 3.157rem);
    }

    .xl\:my-10 {
      margin-top: var(--spacing-10, 3.157rem);
      margin-bottom: var(--spacing-10, 3.157rem);
    }
      .xl\:mt-10 {
        margin-top: var(--spacing-10, 3.157rem);
      }
    
      .xl\:mr-10 {
        margin-right: var(--spacing-10, 3.157rem);
      }
    
      .xl\:mb-10 {
        margin-bottom: var(--spacing-10, 3.157rem);
      }
    
      .xl\:ml-10 {
        margin-left: var(--spacing-10, 3.157rem);
      }
    
  
    .xl\:m-12 {
      margin: var(--spacing-12, 4.209rem);
    }

    .xl\:mx-12 {
      margin-left: var(--spacing-12, 4.209rem);
      margin-right: var(--spacing-12, 4.209rem);
    }

    .xl\:my-12 {
      margin-top: var(--spacing-12, 4.209rem);
      margin-bottom: var(--spacing-12, 4.209rem);
    }
      .xl\:mt-12 {
        margin-top: var(--spacing-12, 4.209rem);
      }
    
      .xl\:mr-12 {
        margin-right: var(--spacing-12, 4.209rem);
      }
    
      .xl\:mb-12 {
        margin-bottom: var(--spacing-12, 4.209rem);
      }
    
      .xl\:ml-12 {
        margin-left: var(--spacing-12, 4.209rem);
      }
    
  
    .xl\:m-14 {
      margin: var(--spacing-14, 5.61rem);
    }

    .xl\:mx-14 {
      margin-left: var(--spacing-14, 5.61rem);
      margin-right: var(--spacing-14, 5.61rem);
    }

    .xl\:my-14 {
      margin-top: var(--spacing-14, 5.61rem);
      margin-bottom: var(--spacing-14, 5.61rem);
    }
      .xl\:mt-14 {
        margin-top: var(--spacing-14, 5.61rem);
      }
    
      .xl\:mr-14 {
        margin-right: var(--spacing-14, 5.61rem);
      }
    
      .xl\:mb-14 {
        margin-bottom: var(--spacing-14, 5.61rem);
      }
    
      .xl\:ml-14 {
        margin-left: var(--spacing-14, 5.61rem);
      }
    
  
    .xl\:m-16 {
      margin: var(--spacing-16, 7.478rem);
    }

    .xl\:mx-16 {
      margin-left: var(--spacing-16, 7.478rem);
      margin-right: var(--spacing-16, 7.478rem);
    }

    .xl\:my-16 {
      margin-top: var(--spacing-16, 7.478rem);
      margin-bottom: var(--spacing-16, 7.478rem);
    }
      .xl\:mt-16 {
        margin-top: var(--spacing-16, 7.478rem);
      }
    
      .xl\:mr-16 {
        margin-right: var(--spacing-16, 7.478rem);
      }
    
      .xl\:mb-16 {
        margin-bottom: var(--spacing-16, 7.478rem);
      }
    
      .xl\:ml-16 {
        margin-left: var(--spacing-16, 7.478rem);
      }
    
  

  /* Padding */
  .xl\:p-auto {
    padding: var(--spacing-auto, auto);
  }

  .xl\:px-auto {
    padding-left: var(--spacing-auto, auto);
    padding-right: var(--spacing-auto, auto);
  }

  .xl\:py-auto {
    padding-top: var(--spacing-auto, auto);
    padding-bottom: var(--spacing-auto, auto);
  }
      .xl\:pt-auto {
        padding-top: var(--spacing-auto, auto);
      }
      .xl\:pr-auto {
        padding-right: var(--spacing-auto, auto);
      }
      .xl\:pb-auto {
        padding-bottom: var(--spacing-auto, auto);
      }
      .xl\:pl-auto {
        padding-left: var(--spacing-auto, auto);
      }
  .xl\:p-0 {
    padding: var(--spacing-0, 0px);
  }

  .xl\:px-0 {
    padding-left: var(--spacing-0, 0px);
    padding-right: var(--spacing-0, 0px);
  }

  .xl\:py-0 {
    padding-top: var(--spacing-0, 0px);
    padding-bottom: var(--spacing-0, 0px);
  }
      .xl\:pt-0 {
        padding-top: var(--spacing-0, 0px);
      }
      .xl\:pr-0 {
        padding-right: var(--spacing-0, 0px);
      }
      .xl\:pb-0 {
        padding-bottom: var(--spacing-0, 0px);
      }
      .xl\:pl-0 {
        padding-left: var(--spacing-0, 0px);
      }
  .xl\:p-px {
    padding: var(--spacing-px, 1px);
  }

  .xl\:px-px {
    padding-left: var(--spacing-px, 1px);
    padding-right: var(--spacing-px, 1px);
  }

  .xl\:py-px {
    padding-top: var(--spacing-px, 1px);
    padding-bottom: var(--spacing-px, 1px);
  }
      .xl\:pt-px {
        padding-top: var(--spacing-px, 1px);
      }
      .xl\:pr-px {
        padding-right: var(--spacing-px, 1px);
      }
      .xl\:pb-px {
        padding-bottom: var(--spacing-px, 1px);
      }
      .xl\:pl-px {
        padding-left: var(--spacing-px, 1px);
      }
  .xl\:p-half {
    padding: var(--spacing-half, 0.238rem);
  }

  .xl\:px-half {
    padding-left: var(--spacing-half, 0.238rem);
    padding-right: var(--spacing-half, 0.238rem);
  }

  .xl\:py-half {
    padding-top: var(--spacing-half, 0.238rem);
    padding-bottom: var(--spacing-half, 0.238rem);
  }
      .xl\:pt-half {
        padding-top: var(--spacing-half, 0.238rem);
      }
      .xl\:pr-half {
        padding-right: var(--spacing-half, 0.238rem);
      }
      .xl\:pb-half {
        padding-bottom: var(--spacing-half, 0.238rem);
      }
      .xl\:pl-half {
        padding-left: var(--spacing-half, 0.238rem);
      }
  .xl\:p-1 {
    padding: var(--spacing-1, 0.422rem);
  }

  .xl\:px-1 {
    padding-left: var(--spacing-1, 0.422rem);
    padding-right: var(--spacing-1, 0.422rem);
  }

  .xl\:py-1 {
    padding-top: var(--spacing-1, 0.422rem);
    padding-bottom: var(--spacing-1, 0.422rem);
  }
      .xl\:pt-1 {
        padding-top: var(--spacing-1, 0.422rem);
      }
      .xl\:pr-1 {
        padding-right: var(--spacing-1, 0.422rem);
      }
      .xl\:pb-1 {
        padding-bottom: var(--spacing-1, 0.422rem);
      }
      .xl\:pl-1 {
        padding-left: var(--spacing-1, 0.422rem);
      }
  .xl\:p-2 {
    padding: var(--spacing-2, 0.563rem);
  }

  .xl\:px-2 {
    padding-left: var(--spacing-2, 0.563rem);
    padding-right: var(--spacing-2, 0.563rem);
  }

  .xl\:py-2 {
    padding-top: var(--spacing-2, 0.563rem);
    padding-bottom: var(--spacing-2, 0.563rem);
  }
      .xl\:pt-2 {
        padding-top: var(--spacing-2, 0.563rem);
      }
      .xl\:pr-2 {
        padding-right: var(--spacing-2, 0.563rem);
      }
      .xl\:pb-2 {
        padding-bottom: var(--spacing-2, 0.563rem);
      }
      .xl\:pl-2 {
        padding-left: var(--spacing-2, 0.563rem);
      }
  .xl\:p-3 {
    padding: var(--spacing-3, 0.75rem);
  }

  .xl\:px-3 {
    padding-left: var(--spacing-3, 0.75rem);
    padding-right: var(--spacing-3, 0.75rem);
  }

  .xl\:py-3 {
    padding-top: var(--spacing-3, 0.75rem);
    padding-bottom: var(--spacing-3, 0.75rem);
  }
      .xl\:pt-3 {
        padding-top: var(--spacing-3, 0.75rem);
      }
      .xl\:pr-3 {
        padding-right: var(--spacing-3, 0.75rem);
      }
      .xl\:pb-3 {
        padding-bottom: var(--spacing-3, 0.75rem);
      }
      .xl\:pl-3 {
        padding-left: var(--spacing-3, 0.75rem);
      }
  .xl\:p-4 {
    padding: var(--spacing-4, 1rem);
  }

  .xl\:px-4 {
    padding-left: var(--spacing-4, 1rem);
    padding-right: var(--spacing-4, 1rem);
  }

  .xl\:py-4 {
    padding-top: var(--spacing-4, 1rem);
    padding-bottom: var(--spacing-4, 1rem);
  }
      .xl\:pt-4 {
        padding-top: var(--spacing-4, 1rem);
      }
      .xl\:pr-4 {
        padding-right: var(--spacing-4, 1rem);
      }
      .xl\:pb-4 {
        padding-bottom: var(--spacing-4, 1rem);
      }
      .xl\:pl-4 {
        padding-left: var(--spacing-4, 1rem);
      }
  .xl\:p-5 {
    padding: var(--spacing-5, 1.333rem);
  }

  .xl\:px-5 {
    padding-left: var(--spacing-5, 1.333rem);
    padding-right: var(--spacing-5, 1.333rem);
  }

  .xl\:py-5 {
    padding-top: var(--spacing-5, 1.333rem);
    padding-bottom: var(--spacing-5, 1.333rem);
  }
      .xl\:pt-5 {
        padding-top: var(--spacing-5, 1.333rem);
      }
      .xl\:pr-5 {
        padding-right: var(--spacing-5, 1.333rem);
      }
      .xl\:pb-5 {
        padding-bottom: var(--spacing-5, 1.333rem);
      }
      .xl\:pl-5 {
        padding-left: var(--spacing-5, 1.333rem);
      }
  .xl\:p-6 {
    padding: var(--spacing-6, 1.777rem);
  }

  .xl\:px-6 {
    padding-left: var(--spacing-6, 1.777rem);
    padding-right: var(--spacing-6, 1.777rem);
  }

  .xl\:py-6 {
    padding-top: var(--spacing-6, 1.777rem);
    padding-bottom: var(--spacing-6, 1.777rem);
  }
      .xl\:pt-6 {
        padding-top: var(--spacing-6, 1.777rem);
      }
      .xl\:pr-6 {
        padding-right: var(--spacing-6, 1.777rem);
      }
      .xl\:pb-6 {
        padding-bottom: var(--spacing-6, 1.777rem);
      }
      .xl\:pl-6 {
        padding-left: var(--spacing-6, 1.777rem);
      }
  .xl\:p-8 {
    padding: var(--spacing-8, 2.369rem);
  }

  .xl\:px-8 {
    padding-left: var(--spacing-8, 2.369rem);
    padding-right: var(--spacing-8, 2.369rem);
  }

  .xl\:py-8 {
    padding-top: var(--spacing-8, 2.369rem);
    padding-bottom: var(--spacing-8, 2.369rem);
  }
      .xl\:pt-8 {
        padding-top: var(--spacing-8, 2.369rem);
      }
      .xl\:pr-8 {
        padding-right: var(--spacing-8, 2.369rem);
      }
      .xl\:pb-8 {
        padding-bottom: var(--spacing-8, 2.369rem);
      }
      .xl\:pl-8 {
        padding-left: var(--spacing-8, 2.369rem);
      }
  .xl\:p-10 {
    padding: var(--spacing-10, 3.157rem);
  }

  .xl\:px-10 {
    padding-left: var(--spacing-10, 3.157rem);
    padding-right: var(--spacing-10, 3.157rem);
  }

  .xl\:py-10 {
    padding-top: var(--spacing-10, 3.157rem);
    padding-bottom: var(--spacing-10, 3.157rem);
  }
      .xl\:pt-10 {
        padding-top: var(--spacing-10, 3.157rem);
      }
      .xl\:pr-10 {
        padding-right: var(--spacing-10, 3.157rem);
      }
      .xl\:pb-10 {
        padding-bottom: var(--spacing-10, 3.157rem);
      }
      .xl\:pl-10 {
        padding-left: var(--spacing-10, 3.157rem);
      }
  .xl\:p-12 {
    padding: var(--spacing-12, 4.209rem);
  }

  .xl\:px-12 {
    padding-left: var(--spacing-12, 4.209rem);
    padding-right: var(--spacing-12, 4.209rem);
  }

  .xl\:py-12 {
    padding-top: var(--spacing-12, 4.209rem);
    padding-bottom: var(--spacing-12, 4.209rem);
  }
      .xl\:pt-12 {
        padding-top: var(--spacing-12, 4.209rem);
      }
      .xl\:pr-12 {
        padding-right: var(--spacing-12, 4.209rem);
      }
      .xl\:pb-12 {
        padding-bottom: var(--spacing-12, 4.209rem);
      }
      .xl\:pl-12 {
        padding-left: var(--spacing-12, 4.209rem);
      }
  .xl\:p-14 {
    padding: var(--spacing-14, 5.61rem);
  }

  .xl\:px-14 {
    padding-left: var(--spacing-14, 5.61rem);
    padding-right: var(--spacing-14, 5.61rem);
  }

  .xl\:py-14 {
    padding-top: var(--spacing-14, 5.61rem);
    padding-bottom: var(--spacing-14, 5.61rem);
  }
      .xl\:pt-14 {
        padding-top: var(--spacing-14, 5.61rem);
      }
      .xl\:pr-14 {
        padding-right: var(--spacing-14, 5.61rem);
      }
      .xl\:pb-14 {
        padding-bottom: var(--spacing-14, 5.61rem);
      }
      .xl\:pl-14 {
        padding-left: var(--spacing-14, 5.61rem);
      }
  .xl\:p-16 {
    padding: var(--spacing-16, 7.478rem);
  }

  .xl\:px-16 {
    padding-left: var(--spacing-16, 7.478rem);
    padding-right: var(--spacing-16, 7.478rem);
  }

  .xl\:py-16 {
    padding-top: var(--spacing-16, 7.478rem);
    padding-bottom: var(--spacing-16, 7.478rem);
  }
      .xl\:pt-16 {
        padding-top: var(--spacing-16, 7.478rem);
      }
      .xl\:pr-16 {
        padding-right: var(--spacing-16, 7.478rem);
      }
      .xl\:pb-16 {
        padding-bottom: var(--spacing-16, 7.478rem);
      }
      .xl\:pl-16 {
        padding-left: var(--spacing-16, 7.478rem);
      }
}


/* *** Flexbox Helpers *** */
.justify-start {
  justify-content: flex-start;
};

.justify-end {
  justify-content: flex-end;  
}

.justify-center {
  justify-content: center;
}

.justify-between {
  jusfity-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

/* *** Filters & Effects *** */
.shadow-sm { 
  box-shadow: var(--shadow-elevation-low);
}

.shadow-md {
  box-shadow: var(--shadow-elevation-medium);
}

.shadow-lg {
  box-shadow: var(--shadow-elevation-high);
}

/* *** Transition Helpers *** */

.transition {
  transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-duration: 200ms;
  transition-timing-function: linear;
}

.ease-linear, .transition.ease-linear {
  transition-timing-function: linear;
}

.ease-in, .transition.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-out, .transition.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-in-out, .transition.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* *** Animations *** */
/* Classes */
.case-guy.highlight-in em, .small-guy.highlight-in em, .big-guy.highlight-in em, .highlight-teal.highlight-in, .highlight-orange.highlight-in, .highlight-blue.highlight-in, .highlight-aqua.highlight-in {
  animation: 0.5s ease-out highlight-in;
  animation-delay: 0.5s;
  animation-fill-mode: backwards;
  animation-iteration-count: 1;
} 

/* Definitions */

@-webkit-keyframes highlight-in {
  from {
    background-size: 0% 98%;
  }
  to {
    background-size: 100% 98%;
  }
}


@keyframes highlight-in {
  from {
    background-size: 0% 98%;
  }
  to {
    background-size: 100% 98%;
  }
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  
  to {
    opacity:1
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  
  to {
    opacity:1
  }
}