:root {
  --white: #FFFFFF;
  --grey: #333333;
  --grey-light: #F4F4F4;
  --grey-mid: #BEBEBE;
  --grey-dark: #262626;
  --black: #000;
  --green: #00BFB3;
  --green-light: #CCF2F0;
  --green-dark: #008578;
  --midnight-light: #E5EAEB;
  --midnight: #002D3C;
  --error: #FF3838;
  --hubspot: #ff7b57;
}

/*
	Josh's Custom CSS Reset
	https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html, body {
  height: 100%;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
}

#root, #__next {
  isolation: isolate;
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  line-height: 1.56;
  color: #333333;
  color: var(--grey);
  font-size: 16px;
  font-size: 1.6rem;
  overflow-x: hidden;
}

.body-wrapper {
  overflow-x: hidden;
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", sans-serif;
  margin-bottom: 2.2rem;
  line-height: 1.2;
  font-weight: 400;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: #00BFB3;
  color: var(--green);
}

.text-white h1 span,
.text-white h2 span,
.text-white h3 span,
.text-white h4 span,
.text-white h5 span,
.text-white h6 span {
  color: #00BFB3;
  color: var(--green);
}

h1 {
  font-size: 42px;
}
@media (min-width: 667px) {
  h1 {
    font-size: 48px;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 58px;
  }
}
@media (min-width: 1280px) {
  h1 {
    font-size: 68px;
  }
}

h2 {
  font-size: 28px;
}
@media (min-width: 667px) {
  h2 {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  h2 {
    font-size: 38px;
  }
}
@media (min-width: 1280px) {
  h2 {
    font-size: 48px;
  }
}

h3 {
  font-size: 24px;
}
@media (min-width: 667px) {
  h3 {
    font-size: 27px;
  }
}
@media (min-width: 992px) {
  h3 {
    font-size: 29px;
  }
}
@media (min-width: 1280px) {
  h3 {
    font-size: 32px;
  }
}

h4 {
  font-size: 18px;
}
@media (min-width: 667px) {
  h4 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  h4 {
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  h4 {
    font-size: 24px;
  }
}

p {
  margin-bottom: 2rem;
}

a {
  color: #00BFB3;
  color: var(--green);
  fill: #00BFB3;
  fill: var(--green);
  text-decoration: none;
}
a:hover {
  color: #002D3C;
  color: var(--midnight);
  fill: #002D3C;
  fill: var(--midnight);
}

blockquote p:last-child {
  margin-bottom: 0;
}
blockquote a {
  text-decoration: underline;
}

address {
  font-style: normal;
}

strong {
  font-weight: 600;
}

ul {
  padding: 0 0 0 3rem;
  margin-bottom: 2rem;
  line-height: 1.56em;
  display: inline-block;
  text-align: left;
}
ul li {
  margin: 0 0 0.8rem 0;
}
ul li::marker {
  color: #00BFB3;
  color: var(--green);
}
ul.arrow {
  list-style-type: none;
  padding: 0;
}
ul.arrow li {
  padding: 0 0 0 3rem;
  position: relative;
}
ul.arrow li::before {
  position: absolute;
  top: 2px;
  left: 5px;
  content: url('data:image/svg+xml; utf8, <svg width="16" height="16" style="fill: rgb(0, 45, 60);" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>');
}
ul ul li::marker {
  color: #002D3C;
  color: var(--midnight);
}

.wysiwyg .hs-audio-player {
  margin: 0 0 2rem 0;
  max-width: 80rem;
}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
  color: #00BFB3;
  color: var(--green);
  padding-top: 1rem;
  margin-bottom: 2rem;
}
.wysiwyg p {
  font-size: 1.6rem;
  line-height: 1.56em;
  text-wrap: pretty;
}
@media (min-width: 667px) {
  .wysiwyg p {
    font-size: 2rem;
  }
}
.wysiwyg hr {
  border: 0;
  border-top: 1px solid #00BFB3;
  border-top: 1px solid var(--green);
  margin: 2rem 0;
}
.wysiwyg ul {
  list-style-type: none;
  font-size: 1.8rem;
  line-height: 1.56em;
}
.wysiwyg ul li {
  position: relative;
}
.wysiwyg ul li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  background: #00BFB3;
  background: var(--green);
  position: absolute;
  top: 11px;
  left: -20px;
}
.wysiwyg ul li:last-child {
  margin: 0;
}
.wysiwyg ul li p:last-child {
  margin: 0;
}
.wysiwyg ul ul li:before {
  opacity: 0.5;
}
.wysiwyg ol {
  font-size: 1.8rem;
  line-height: 1.56em;
}
.wysiwyg ol li::marker {
  color: #00BFB3;
  color: var(--green);
  font-weight: 700;
  vertical-align: middle;
  font-size: 1.8rem;
  line-height: 1.56em;
}
.wysiwyg ol li:last-child {
  margin: 0;
}
.wysiwyg ol li p:last-child {
  margin: 0;
}
.wysiwyg ol li ul li:before {
  color: #002D3C;
  color: var(--midnight);
}
.wysiwyg table {
  border: 0;
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 2rem 0;
}
.wysiwyg table thead {
  background: #002D3C;
  background: var(--midnight);
  color: #FFFFFF;
  color: var(--white);
}
.wysiwyg table thead th {
  padding: 1.5rem;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.2em;
  min-width: 28rem;
}
.wysiwyg table tbody tr {
  background: #E5EAEB;
  background: var(--midnight-light);
}
.wysiwyg table tbody tr:nth-child(even) {
  background: #FFFFFF;
  background: var(--white);
}
.wysiwyg table tbody td {
  padding: 1rem 1.5rem;
  font-size: 1.4rem;
  min-width: 28rem;
}
.wysiwyg table tbody td p {
  font-size: 1.6rem;
}
.wysiwyg table tbody td p:last-child {
  margin: 0;
}
.wysiwyg table tbody td a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wysiwyg form.hs-form {
  border-radius: 1.5rem;
  padding: 4rem;
  margin-top: 4rem;
  background-color: #CCF2F0;
  background-color: var(--green-light);
  max-width: 56rem;
  margin: 0 auto;
}
.wysiwyg form.hs-form fieldset {
  margin-bottom: 1.5rem;
}
.wysiwyg form.hs-form fieldset .input ul.inputs-list {
  background: transparent;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-weight: 700;
  font-size: 1.6rem;
}
.wysiwyg form.hs-form fieldset .input ul.inputs-list li:before {
  display: none;
}
.wysiwyg form.hs-form fieldset .input ul.inputs-list li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.wysiwyg form.hs-form fieldset .input ul.inputs-list li label input[type=checkbox] {
  margin-right: 1rem;
  width: 16px;
  height: 16px;
}
.wysiwyg form.hs-form fieldset .input ul.inputs-list li label span {
  margin: 0;
}
.wysiwyg form.hs-form fieldset .input ul.inputs-list li label span p {
  font-size: 1.6rem;
  color: #00BFB3;
  color: var(--green);
}
.wysiwyg form.hs-form .legal-consent-container p {
  font-size: 1.4rem;
  line-height: 1.56em;
  margin: 0 0 1.5rem 0;
}
.wysiwyg form.hs-form .legal-consent-container p:last-child {
  margin: 0;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-position-center {
  background-position: center;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-none {
  border-radius: 0;
}

.rounded-xs {
  border-radius: 0.3rem;
}

.rounded-sm {
  border-radius: 1.5rem;
}

.rounded-md {
  border-radius: 2.4rem;
}

.rounded-lg {
  border-radius: 3.6rem;
}

.bg-white {
  background-color: #FFFFFF;
  background-color: var(--white);
}

.hover-bg-white:hover {
  background: #FFFFFF;
  background: var(--white);
}

.text-white {
  color: #FFFFFF;
  color: var(--white);
}

.hover-text-white:hover {
  color: #FFFFFF;
  color: var(--white);
  fill: #FFFFFF;
  fill: var(--white);
}

.border-white {
  border-color: #FFFFFF;
  border-color: var(--white);
}

.hover-border-white:hover {
  border-color: #FFFFFF;
  border-color: var(--white);
}

.fill-white {
  fill: #FFFFFF;
  fill: var(--white);
}

.hover-fill-white:hover {
  fill: #FFFFFF;
  fill: var(--white);
}

.bg-grey {
  background-color: #333333;
  background-color: var(--grey);
}

.hover-bg-grey:hover {
  background: #333333;
  background: var(--grey);
}

.text-grey {
  color: #333333;
  color: var(--grey);
}

.hover-text-grey:hover {
  color: #333333;
  color: var(--grey);
  fill: #333333;
  fill: var(--grey);
}

.border-grey {
  border-color: #333333;
  border-color: var(--grey);
}

.hover-border-grey:hover {
  border-color: #333333;
  border-color: var(--grey);
}

.fill-grey {
  fill: #333333;
  fill: var(--grey);
}

.hover-fill-grey:hover {
  fill: #333333;
  fill: var(--grey);
}

.bg-grey-light {
  background-color: #F4F4F4;
  background-color: var(--grey-light);
}

.hover-bg-grey-light:hover {
  background: #F4F4F4;
  background: var(--grey-light);
}

.text-grey-light {
  color: #F4F4F4;
  color: var(--grey-light);
}

.hover-text-grey-light:hover {
  color: #F4F4F4;
  color: var(--grey-light);
  fill: #F4F4F4;
  fill: var(--grey-light);
}

.border-grey-light {
  border-color: #F4F4F4;
  border-color: var(--grey-light);
}

.hover-border-grey-light:hover {
  border-color: #F4F4F4;
  border-color: var(--grey-light);
}

.fill-grey-light {
  fill: #F4F4F4;
  fill: var(--grey-light);
}

.hover-fill-grey-light:hover {
  fill: #F4F4F4;
  fill: var(--grey-light);
}

.bg-grey-dark {
  background-color: #262626;
  background-color: var(--grey-dark);
}

.hover-bg-grey-dark:hover {
  background: #262626;
  background: var(--grey-dark);
}

.text-grey-dark {
  color: #262626;
  color: var(--grey-dark);
}

.hover-text-grey-dark:hover {
  color: #262626;
  color: var(--grey-dark);
  fill: #262626;
  fill: var(--grey-dark);
}

.border-grey-dark {
  border-color: #262626;
  border-color: var(--grey-dark);
}

.hover-border-grey-dark:hover {
  border-color: #262626;
  border-color: var(--grey-dark);
}

.fill-grey-dark {
  fill: #262626;
  fill: var(--grey-dark);
}

.hover-fill-grey-dark:hover {
  fill: #262626;
  fill: var(--grey-dark);
}

.bg-black {
  background-color: #000;
  background-color: var(--black);
}

.hover-bg-black:hover {
  background: #000;
  background: var(--black);
}

.text-black {
  color: #000;
  color: var(--black);
}

.hover-text-black:hover {
  color: #000;
  color: var(--black);
  fill: #000;
  fill: var(--black);
}

.border-black {
  border-color: #000;
  border-color: var(--black);
}

.hover-border-black:hover {
  border-color: #000;
  border-color: var(--black);
}

.fill-black {
  fill: #000;
  fill: var(--black);
}

.hover-fill-black:hover {
  fill: #000;
  fill: var(--black);
}

.bg-green {
  background-color: #00BFB3;
  background-color: var(--green);
}

.hover-bg-green:hover {
  background: #00BFB3;
  background: var(--green);
}

.text-green {
  color: #00BFB3;
  color: var(--green);
}

.hover-text-green:hover {
  color: #00BFB3;
  color: var(--green);
  fill: #00BFB3;
  fill: var(--green);
}

.border-green {
  border-color: #00BFB3;
  border-color: var(--green);
}

.hover-border-green:hover {
  border-color: #00BFB3;
  border-color: var(--green);
}

.fill-green {
  fill: #00BFB3;
  fill: var(--green);
}

.hover-fill-green:hover {
  fill: #00BFB3;
  fill: var(--green);
}

.bg-green-light {
  background-color: #CCF2F0;
  background-color: var(--green-light);
}

.hover-bg-green-light:hover {
  background: #CCF2F0;
  background: var(--green-light);
}

.text-green-light {
  color: #CCF2F0;
  color: var(--green-light);
}

.hover-text-green-light:hover {
  color: #CCF2F0;
  color: var(--green-light);
  fill: #CCF2F0;
  fill: var(--green-light);
}

.border-green-light {
  border-color: #CCF2F0;
  border-color: var(--green-light);
}

.hover-border-green-light:hover {
  border-color: #CCF2F0;
  border-color: var(--green-light);
}

.fill-green-light {
  fill: #CCF2F0;
  fill: var(--green-light);
}

.hover-fill-green-light:hover {
  fill: #CCF2F0;
  fill: var(--green-light);
}

.bg-green-dark {
  background-color: #008578;
  background-color: var(--green-dark);
}

.hover-bg-green-dark:hover {
  background: #008578;
  background: var(--green-dark);
}

.text-green-dark {
  color: #008578;
  color: var(--green-dark);
}

.hover-text-green-dark:hover {
  color: #008578;
  color: var(--green-dark);
  fill: #008578;
  fill: var(--green-dark);
}

.border-green-dark {
  border-color: #008578;
  border-color: var(--green-dark);
}

.hover-border-green-dark:hover {
  border-color: #008578;
  border-color: var(--green-dark);
}

.fill-green-dark {
  fill: #008578;
  fill: var(--green-dark);
}

.hover-fill-green-dark:hover {
  fill: #008578;
  fill: var(--green-dark);
}

.bg-midnight-light {
  background-color: #E5EAEB;
  background-color: var(--midnight-light);
}

.hover-bg-midnight-light:hover {
  background: #E5EAEB;
  background: var(--midnight-light);
}

.text-midnight-light {
  color: #E5EAEB;
  color: var(--midnight-light);
}

.hover-text-midnight-light:hover {
  color: #E5EAEB;
  color: var(--midnight-light);
  fill: #E5EAEB;
  fill: var(--midnight-light);
}

.border-midnight-light {
  border-color: #E5EAEB;
  border-color: var(--midnight-light);
}

.hover-border-midnight-light:hover {
  border-color: #E5EAEB;
  border-color: var(--midnight-light);
}

.fill-midnight-light {
  fill: #E5EAEB;
  fill: var(--midnight-light);
}

.hover-fill-midnight-light:hover {
  fill: #E5EAEB;
  fill: var(--midnight-light);
}

.bg-midnight {
  background-color: #002D3C;
  background-color: var(--midnight);
}

.hover-bg-midnight:hover {
  background: #002D3C;
  background: var(--midnight);
}

.text-midnight {
  color: #002D3C;
  color: var(--midnight);
}

.hover-text-midnight:hover {
  color: #002D3C;
  color: var(--midnight);
  fill: #002D3C;
  fill: var(--midnight);
}

.border-midnight {
  border-color: #002D3C;
  border-color: var(--midnight);
}

.hover-border-midnight:hover {
  border-color: #002D3C;
  border-color: var(--midnight);
}

.fill-midnight {
  fill: #002D3C;
  fill: var(--midnight);
}

.hover-fill-midnight:hover {
  fill: #002D3C;
  fill: var(--midnight);
}

.bg-hubspot {
  background-color: #ff7b57;
  background-color: var(--hubspot);
}

.hover-bg-hubspot:hover {
  background: #ff7b57;
  background: var(--hubspot);
}

.text-hubspot {
  color: #ff7b57;
  color: var(--hubspot);
}

.hover-text-hubspot:hover {
  color: #ff7b57;
  color: var(--hubspot);
  fill: #ff7b57;
  fill: var(--hubspot);
}

.border-hubspot {
  border-color: #ff7b57;
  border-color: var(--hubspot);
}

.hover-border-hubspot:hover {
  border-color: #ff7b57;
  border-color: var(--hubspot);
}

.fill-hubspot {
  fill: #ff7b57;
  fill: var(--hubspot);
}

.hover-fill-hubspot:hover {
  fill: #ff7b57;
  fill: var(--hubspot);
}

.is-display-none {
  display: none;
}

.is-display-block {
  display: block;
}

.is-display-inline-block {
  display: inline-block;
}

.is-display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.is-display-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.is-display-grid {
  display: grid;
}

@media (max-width: 400px) {
  .xs-is-display-none {
    display: none;
  }
  .xs-is-display-block {
    display: block;
  }
  .xs-is-display-inline-block {
    display: inline-block;
  }
  .xs-is-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xs-is-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .xs-is-display-grid {
    display: grid;
  }
}
@media (min-width: 400px) {
  .sm-is-display-none {
    display: none;
  }
  .sm-is-display-block {
    display: block;
  }
  .sm-is-display-inline-block {
    display: inline-block;
  }
  .sm-is-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sm-is-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .sm-is-display-grid {
    display: grid;
  }
}
@media (min-width: 667px) {
  .md-is-display-none {
    display: none;
  }
  .md-is-display-block {
    display: block;
  }
  .md-is-display-inline-block {
    display: inline-block;
  }
  .md-is-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .md-is-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .md-is-display-grid {
    display: grid;
  }
}
@media (min-width: 992px) {
  .lg-is-display-none {
    display: none;
  }
  .lg-is-display-block {
    display: block;
  }
  .lg-is-display-inline-block {
    display: inline-block;
  }
  .lg-is-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .lg-is-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .lg-is-display-grid {
    display: grid;
  }
}
@media (min-width: 1280px) {
  .xl-is-display-none {
    display: none;
  }
  .xl-is-display-block {
    display: block;
  }
  .xl-is-display-inline-block {
    display: inline-block;
  }
  .xl-is-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xl-is-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .xl-is-display-grid {
    display: grid;
  }
}
@media (min-width: 1600px) {
  .xxl-is-display-none {
    display: none;
  }
  .xxl-is-display-block {
    display: block;
  }
  .xxl-is-display-inline-block {
    display: inline-block;
  }
  .xxl-is-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xxl-is-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .xxl-is-display-grid {
    display: grid;
  }
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-1 {
  flex: 1;
}

.flex--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex--wrap {
  flex-wrap: wrap;
}

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

.flex--col-reverse {
  flex-direction: column-reverse;
}

.flex--row {
  flex-direction: row;
}

.flex--row-reverse {
  flex-direction: row-reverse;
}

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

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

.flex--basis-1 {
  flex-basis: 100%;
}

.flex--basis-2 {
  flex-basis: 50%;
}

.flex--basis-3 {
  flex-basis: 33.3333%;
}

.flex--basis-4 {
  flex-basis: 25%;
}

.flex--basis-5 {
  flex-basis: 20%;
}

.flex--align-start {
  align-items: flex-start;
}

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

.flex--align-center {
  align-items: center;
}

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

.flex--align-end {
  align-items: flex-end;
}

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

.flex--align-space-between {
  align-items: space-between;
}

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

@media (max-width: 400px) {
  .xs-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xs-flex--wrap {
    flex-wrap: wrap;
  }
  .xs-flex--col {
    flex-direction: column;
  }
  .xs-flex--row {
    flex-direction: row;
  }
  .xs-flex--justify-space-evenly {
    justify-content: space-evenly;
  }
  .xs-flex-1 {
    flex: 1;
  }
  .xs-flex--basis-1 {
    flex-basis: 100%;
  }
  .xs-flex--basis-2 {
    flex-basis: 50%;
  }
  .xs-flex--basis-3 {
    flex-basis: 33.3333%;
  }
  .xs-flex--basis-4 {
    flex-basis: 25%;
  }
  .xs-flex--basis-5 {
    flex-basis: 20%;
  }
  .xs-flex--align-start {
    align-items: flex-start;
  }
  .xs-flex--justify-start {
    justify-content: flex-start;
  }
  .xs-flex--align-center {
    align-items: center;
  }
  .xs-flex--justify-center {
    justify-content: center;
  }
  .xs-flex--align-end {
    align-items: flex-end;
  }
  .xs-flex--justify-end {
    justify-content: flex-end;
  }
  .xs-flex--align-space-between {
    align-items: space-between;
  }
  .xs-flex--justify-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 400px) {
  .sm-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sm-flex--wrap {
    flex-wrap: wrap;
  }
  .sm-flex--col {
    flex-direction: column;
  }
  .sm-flex--row {
    flex-direction: row;
  }
  .sm-flex--justify-space-evenly {
    justify-content: space-evenly;
  }
  .sm-flex-1 {
    flex: 1;
  }
  .sm-flex--basis-1 {
    flex-basis: 100%;
  }
  .sm-flex--basis-2 {
    flex-basis: 50%;
  }
  .sm-flex--basis-3 {
    flex-basis: 33.3333%;
  }
  .sm-flex--basis-4 {
    flex-basis: 25%;
  }
  .sm-flex--basis-5 {
    flex-basis: 20%;
  }
  .sm-flex--align-start {
    align-items: flex-start;
  }
  .sm-flex--justify-start {
    justify-content: flex-start;
  }
  .sm-flex--align-center {
    align-items: center;
  }
  .sm-flex--justify-center {
    justify-content: center;
  }
  .sm-flex--align-end {
    align-items: flex-end;
  }
  .sm-flex--justify-end {
    justify-content: flex-end;
  }
  .sm-flex--align-space-between {
    align-items: space-between;
  }
  .sm-flex--justify-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 667px) {
  .md-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .md-flex--wrap {
    flex-wrap: wrap;
  }
  .md-flex--col {
    flex-direction: column;
  }
  .md-flex--row {
    flex-direction: row;
  }
  .md-flex--justify-space-evenly {
    justify-content: space-evenly;
  }
  .md-flex-1 {
    flex: 1;
  }
  .md-flex--basis-1 {
    flex-basis: 100%;
  }
  .md-flex--basis-2 {
    flex-basis: 50%;
  }
  .md-flex--basis-3 {
    flex-basis: 33.3333%;
  }
  .md-flex--basis-4 {
    flex-basis: 25%;
  }
  .md-flex--basis-5 {
    flex-basis: 20%;
  }
  .md-flex--align-start {
    align-items: flex-start;
  }
  .md-flex--justify-start {
    justify-content: flex-start;
  }
  .md-flex--align-center {
    align-items: center;
  }
  .md-flex--justify-center {
    justify-content: center;
  }
  .md-flex--align-end {
    align-items: flex-end;
  }
  .md-flex--justify-end {
    justify-content: flex-end;
  }
  .md-flex--align-space-between {
    align-items: space-between;
  }
  .md-flex--justify-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .lg-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .lg-flex--wrap {
    flex-wrap: wrap;
  }
  .lg-flex--col {
    flex-direction: column;
  }
  .lg-flex--row {
    flex-direction: row;
  }
  .lg-flex--justify-space-evenly {
    justify-content: space-evenly;
  }
  .lg-flex-1 {
    flex: 1;
  }
  .lg-flex--basis-1 {
    flex-basis: 100%;
  }
  .lg-flex--basis-2 {
    flex-basis: 50%;
  }
  .lg-flex--basis-3 {
    flex-basis: 33.3333%;
  }
  .lg-flex--basis-4 {
    flex-basis: 25%;
  }
  .lg-flex--basis-5 {
    flex-basis: 20%;
  }
  .lg-flex--align-start {
    align-items: flex-start;
  }
  .lg-flex--justify-start {
    justify-content: flex-start;
  }
  .lg-flex--align-center {
    align-items: center;
  }
  .lg-flex--justify-center {
    justify-content: center;
  }
  .lg-flex--align-end {
    align-items: flex-end;
  }
  .lg-flex--justify-end {
    justify-content: flex-end;
  }
  .lg-flex--align-space-between {
    align-items: space-between;
  }
  .lg-flex--justify-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 1280px) {
  .xl-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xl-flex--wrap {
    flex-wrap: wrap;
  }
  .xl-flex--col {
    flex-direction: column;
  }
  .xl-flex--row {
    flex-direction: row;
  }
  .xl-flex--justify-space-evenly {
    justify-content: space-evenly;
  }
  .xl-flex-1 {
    flex: 1;
  }
  .xl-flex--basis-1 {
    flex-basis: 100%;
  }
  .xl-flex--basis-2 {
    flex-basis: 50%;
  }
  .xl-flex--basis-3 {
    flex-basis: 33.3333%;
  }
  .xl-flex--basis-4 {
    flex-basis: 25%;
  }
  .xl-flex--basis-5 {
    flex-basis: 20%;
  }
  .xl-flex--align-start {
    align-items: flex-start;
  }
  .xl-flex--justify-start {
    justify-content: flex-start;
  }
  .xl-flex--align-center {
    align-items: center;
  }
  .xl-flex--justify-center {
    justify-content: center;
  }
  .xl-flex--align-end {
    align-items: flex-end;
  }
  .xl-flex--justify-end {
    justify-content: flex-end;
  }
  .xl-flex--align-space-between {
    align-items: space-between;
  }
  .xl-flex--justify-space-between {
    justify-content: space-between;
  }
}
@media (min-width: 1600px) {
  .xxl-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xxl-flex--wrap {
    flex-wrap: wrap;
  }
  .xxl-flex--col {
    flex-direction: column;
  }
  .xxl-flex--row {
    flex-direction: row;
  }
  .xxl-flex--justify-space-evenly {
    justify-content: space-evenly;
  }
  .xxl-flex-1 {
    flex: 1;
  }
  .xxl-flex--basis-1 {
    flex-basis: 100%;
  }
  .xxl-flex--basis-2 {
    flex-basis: 50%;
  }
  .xxl-flex--basis-3 {
    flex-basis: 33.3333%;
  }
  .xxl-flex--basis-4 {
    flex-basis: 25%;
  }
  .xxl-flex--basis-5 {
    flex-basis: 20%;
  }
  .xxl-flex--align-start {
    align-items: flex-start;
  }
  .xxl-flex--justify-start {
    justify-content: flex-start;
  }
  .xxl-flex--align-center {
    align-items: center;
  }
  .xxl-flex--justify-center {
    justify-content: center;
  }
  .xxl-flex--align-end {
    align-items: flex-end;
  }
  .xxl-flex--justify-end {
    justify-content: flex-end;
  }
  .xxl-flex--align-space-between {
    align-items: space-between;
  }
  .xxl-flex--justify-space-between {
    justify-content: space-between;
  }
}
.gap-auto {
  gap: auto;
}

.col-gap-auto {
  -moz-column-gap: auto;
       column-gap: auto;
}

.row-gap-auto {
  row-gap: auto;
}

.gap-h-auto {
  gap: 0 auto;
}

.col-gap-h-auto {
  -moz-column-gap: 0 auto;
       column-gap: 0 auto;
}

.row-gap-h-auto {
  row-gap: 0 auto;
}

.gap-v-auto {
  gap: auto 0;
}

.col-gap-v-auto {
  -moz-column-gap: auto 0;
       column-gap: auto 0;
}

.row-gap-v-auto {
  row-gap: auto 0;
}

.gap-none {
  gap: 0;
}

.col-gap-none {
  -moz-column-gap: 0;
       column-gap: 0;
}

.row-gap-none {
  row-gap: 0;
}

.gap-2xs {
  gap: 1rem;
}

.col-gap-2xs {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.row-gap-2xs {
  row-gap: 1rem;
}

.gap-xs {
  gap: 2rem;
}

.col-gap-xs {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.row-gap-xs {
  row-gap: 2rem;
}

.gap-sm {
  gap: 4rem;
}

.col-gap-sm {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.row-gap-sm {
  row-gap: 4rem;
}

.gap-md {
  gap: 6rem;
}

.col-gap-md {
  -moz-column-gap: 6rem;
       column-gap: 6rem;
}

.row-gap-md {
  row-gap: 6rem;
}

.gap-lg {
  gap: 8rem;
}

.col-gap-lg {
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}

.row-gap-lg {
  row-gap: 8rem;
}

.gap-xl {
  gap: 10rem;
}

.col-gap-xl {
  -moz-column-gap: 10rem;
       column-gap: 10rem;
}

.row-gap-xl {
  row-gap: 10rem;
}

.gap-2xl {
  gap: 12rem;
}

.col-gap-2xl {
  -moz-column-gap: 12rem;
       column-gap: 12rem;
}

.row-gap-2xl {
  row-gap: 12rem;
}

.gap-3xl {
  gap: 16rem;
}

.col-gap-3xl {
  -moz-column-gap: 16rem;
       column-gap: 16rem;
}

.row-gap-3xl {
  row-gap: 16rem;
}

@media (max-width: 400px) {
  .xs-gap-auto {
    gap: auto;
  }
  .xs-col-gap-auto {
    -moz-column-gap: auto;
         column-gap: auto;
  }
  .xs-row-gap-auto {
    row-gap: auto;
  }
  .xs-gap-h-auto {
    gap: 0 auto;
  }
  .xs-col-gap-h-auto {
    -moz-column-gap: 0 auto;
         column-gap: 0 auto;
  }
  .xs-row-gap-h-auto {
    row-gap: 0 auto;
  }
  .xs-gap-v-auto {
    gap: auto 0;
  }
  .xs-col-gap-v-auto {
    -moz-column-gap: auto 0;
         column-gap: auto 0;
  }
  .xs-row-gap-v-auto {
    row-gap: auto 0;
  }
  .xs-gap-none {
    gap: 0;
  }
  .xs-col-gap-none {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .xs-row-gap-none {
    row-gap: 0;
  }
  .xs-gap-2xs {
    gap: 1rem;
  }
  .xs-col-gap-2xs {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .xs-row-gap-2xs {
    row-gap: 1rem;
  }
  .xs-gap-xs {
    gap: 2rem;
  }
  .xs-col-gap-xs {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .xs-row-gap-xs {
    row-gap: 2rem;
  }
  .xs-gap-sm {
    gap: 4rem;
  }
  .xs-col-gap-sm {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  .xs-row-gap-sm {
    row-gap: 4rem;
  }
  .xs-gap-md {
    gap: 6rem;
  }
  .xs-col-gap-md {
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }
  .xs-row-gap-md {
    row-gap: 6rem;
  }
  .xs-gap-lg {
    gap: 8rem;
  }
  .xs-col-gap-lg {
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
  .xs-row-gap-lg {
    row-gap: 8rem;
  }
  .xs-gap-xl {
    gap: 10rem;
  }
  .xs-col-gap-xl {
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
  .xs-row-gap-xl {
    row-gap: 10rem;
  }
  .xs-gap-2xl {
    gap: 12rem;
  }
  .xs-col-gap-2xl {
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }
  .xs-row-gap-2xl {
    row-gap: 12rem;
  }
  .xs-gap-3xl {
    gap: 16rem;
  }
  .xs-col-gap-3xl {
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }
  .xs-row-gap-3xl {
    row-gap: 16rem;
  }
}
@media (min-width: 400px) {
  .sm-gap-auto {
    gap: auto;
  }
  .sm-col-gap-auto {
    -moz-column-gap: auto;
         column-gap: auto;
  }
  .sm-row-gap-auto {
    row-gap: auto;
  }
  .sm-gap-h-auto {
    gap: 0 auto;
  }
  .sm-col-gap-h-auto {
    -moz-column-gap: 0 auto;
         column-gap: 0 auto;
  }
  .sm-row-gap-h-auto {
    row-gap: 0 auto;
  }
  .sm-gap-v-auto {
    gap: auto 0;
  }
  .sm-col-gap-v-auto {
    -moz-column-gap: auto 0;
         column-gap: auto 0;
  }
  .sm-row-gap-v-auto {
    row-gap: auto 0;
  }
  .sm-gap-none {
    gap: 0;
  }
  .sm-col-gap-none {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .sm-row-gap-none {
    row-gap: 0;
  }
  .sm-gap-2xs {
    gap: 1rem;
  }
  .sm-col-gap-2xs {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .sm-row-gap-2xs {
    row-gap: 1rem;
  }
  .sm-gap-xs {
    gap: 2rem;
  }
  .sm-col-gap-xs {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .sm-row-gap-xs {
    row-gap: 2rem;
  }
  .sm-gap-sm {
    gap: 4rem;
  }
  .sm-col-gap-sm {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  .sm-row-gap-sm {
    row-gap: 4rem;
  }
  .sm-gap-md {
    gap: 6rem;
  }
  .sm-col-gap-md {
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }
  .sm-row-gap-md {
    row-gap: 6rem;
  }
  .sm-gap-lg {
    gap: 8rem;
  }
  .sm-col-gap-lg {
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
  .sm-row-gap-lg {
    row-gap: 8rem;
  }
  .sm-gap-xl {
    gap: 10rem;
  }
  .sm-col-gap-xl {
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
  .sm-row-gap-xl {
    row-gap: 10rem;
  }
  .sm-gap-2xl {
    gap: 12rem;
  }
  .sm-col-gap-2xl {
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }
  .sm-row-gap-2xl {
    row-gap: 12rem;
  }
  .sm-gap-3xl {
    gap: 16rem;
  }
  .sm-col-gap-3xl {
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }
  .sm-row-gap-3xl {
    row-gap: 16rem;
  }
}
@media (min-width: 667px) {
  .md-gap-auto {
    gap: auto;
  }
  .md-col-gap-auto {
    -moz-column-gap: auto;
         column-gap: auto;
  }
  .md-row-gap-auto {
    row-gap: auto;
  }
  .md-gap-h-auto {
    gap: 0 auto;
  }
  .md-col-gap-h-auto {
    -moz-column-gap: 0 auto;
         column-gap: 0 auto;
  }
  .md-row-gap-h-auto {
    row-gap: 0 auto;
  }
  .md-gap-v-auto {
    gap: auto 0;
  }
  .md-col-gap-v-auto {
    -moz-column-gap: auto 0;
         column-gap: auto 0;
  }
  .md-row-gap-v-auto {
    row-gap: auto 0;
  }
  .md-gap-none {
    gap: 0;
  }
  .md-col-gap-none {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .md-row-gap-none {
    row-gap: 0;
  }
  .md-gap-2xs {
    gap: 1rem;
  }
  .md-col-gap-2xs {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .md-row-gap-2xs {
    row-gap: 1rem;
  }
  .md-gap-xs {
    gap: 2rem;
  }
  .md-col-gap-xs {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .md-row-gap-xs {
    row-gap: 2rem;
  }
  .md-gap-sm {
    gap: 4rem;
  }
  .md-col-gap-sm {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  .md-row-gap-sm {
    row-gap: 4rem;
  }
  .md-gap-md {
    gap: 6rem;
  }
  .md-col-gap-md {
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }
  .md-row-gap-md {
    row-gap: 6rem;
  }
  .md-gap-lg {
    gap: 8rem;
  }
  .md-col-gap-lg {
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
  .md-row-gap-lg {
    row-gap: 8rem;
  }
  .md-gap-xl {
    gap: 10rem;
  }
  .md-col-gap-xl {
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
  .md-row-gap-xl {
    row-gap: 10rem;
  }
  .md-gap-2xl {
    gap: 12rem;
  }
  .md-col-gap-2xl {
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }
  .md-row-gap-2xl {
    row-gap: 12rem;
  }
  .md-gap-3xl {
    gap: 16rem;
  }
  .md-col-gap-3xl {
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }
  .md-row-gap-3xl {
    row-gap: 16rem;
  }
}
@media (min-width: 992px) {
  .lg-gap-auto {
    gap: auto;
  }
  .lg-col-gap-auto {
    -moz-column-gap: auto;
         column-gap: auto;
  }
  .lg-row-gap-auto {
    row-gap: auto;
  }
  .lg-gap-h-auto {
    gap: 0 auto;
  }
  .lg-col-gap-h-auto {
    -moz-column-gap: 0 auto;
         column-gap: 0 auto;
  }
  .lg-row-gap-h-auto {
    row-gap: 0 auto;
  }
  .lg-gap-v-auto {
    gap: auto 0;
  }
  .lg-col-gap-v-auto {
    -moz-column-gap: auto 0;
         column-gap: auto 0;
  }
  .lg-row-gap-v-auto {
    row-gap: auto 0;
  }
  .lg-gap-none {
    gap: 0;
  }
  .lg-col-gap-none {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .lg-row-gap-none {
    row-gap: 0;
  }
  .lg-gap-2xs {
    gap: 1rem;
  }
  .lg-col-gap-2xs {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .lg-row-gap-2xs {
    row-gap: 1rem;
  }
  .lg-gap-xs {
    gap: 2rem;
  }
  .lg-col-gap-xs {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .lg-row-gap-xs {
    row-gap: 2rem;
  }
  .lg-gap-sm {
    gap: 4rem;
  }
  .lg-col-gap-sm {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  .lg-row-gap-sm {
    row-gap: 4rem;
  }
  .lg-gap-md {
    gap: 6rem;
  }
  .lg-col-gap-md {
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }
  .lg-row-gap-md {
    row-gap: 6rem;
  }
  .lg-gap-lg {
    gap: 8rem;
  }
  .lg-col-gap-lg {
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
  .lg-row-gap-lg {
    row-gap: 8rem;
  }
  .lg-gap-xl {
    gap: 10rem;
  }
  .lg-col-gap-xl {
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
  .lg-row-gap-xl {
    row-gap: 10rem;
  }
  .lg-gap-2xl {
    gap: 12rem;
  }
  .lg-col-gap-2xl {
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }
  .lg-row-gap-2xl {
    row-gap: 12rem;
  }
  .lg-gap-3xl {
    gap: 16rem;
  }
  .lg-col-gap-3xl {
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }
  .lg-row-gap-3xl {
    row-gap: 16rem;
  }
}
@media (min-width: 1280px) {
  .xl-gap-auto {
    gap: auto;
  }
  .xl-col-gap-auto {
    -moz-column-gap: auto;
         column-gap: auto;
  }
  .xl-row-gap-auto {
    row-gap: auto;
  }
  .xl-gap-h-auto {
    gap: 0 auto;
  }
  .xl-col-gap-h-auto {
    -moz-column-gap: 0 auto;
         column-gap: 0 auto;
  }
  .xl-row-gap-h-auto {
    row-gap: 0 auto;
  }
  .xl-gap-v-auto {
    gap: auto 0;
  }
  .xl-col-gap-v-auto {
    -moz-column-gap: auto 0;
         column-gap: auto 0;
  }
  .xl-row-gap-v-auto {
    row-gap: auto 0;
  }
  .xl-gap-none {
    gap: 0;
  }
  .xl-col-gap-none {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .xl-row-gap-none {
    row-gap: 0;
  }
  .xl-gap-2xs {
    gap: 1rem;
  }
  .xl-col-gap-2xs {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .xl-row-gap-2xs {
    row-gap: 1rem;
  }
  .xl-gap-xs {
    gap: 2rem;
  }
  .xl-col-gap-xs {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .xl-row-gap-xs {
    row-gap: 2rem;
  }
  .xl-gap-sm {
    gap: 4rem;
  }
  .xl-col-gap-sm {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  .xl-row-gap-sm {
    row-gap: 4rem;
  }
  .xl-gap-md {
    gap: 6rem;
  }
  .xl-col-gap-md {
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }
  .xl-row-gap-md {
    row-gap: 6rem;
  }
  .xl-gap-lg {
    gap: 8rem;
  }
  .xl-col-gap-lg {
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
  .xl-row-gap-lg {
    row-gap: 8rem;
  }
  .xl-gap-xl {
    gap: 10rem;
  }
  .xl-col-gap-xl {
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
  .xl-row-gap-xl {
    row-gap: 10rem;
  }
  .xl-gap-2xl {
    gap: 12rem;
  }
  .xl-col-gap-2xl {
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }
  .xl-row-gap-2xl {
    row-gap: 12rem;
  }
  .xl-gap-3xl {
    gap: 16rem;
  }
  .xl-col-gap-3xl {
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }
  .xl-row-gap-3xl {
    row-gap: 16rem;
  }
}
@media (min-width: 1600px) {
  .xxl-gap-auto {
    gap: auto;
  }
  .xxl-col-gap-auto {
    -moz-column-gap: auto;
         column-gap: auto;
  }
  .xxl-row-gap-auto {
    row-gap: auto;
  }
  .xxl-gap-h-auto {
    gap: 0 auto;
  }
  .xxl-col-gap-h-auto {
    -moz-column-gap: 0 auto;
         column-gap: 0 auto;
  }
  .xxl-row-gap-h-auto {
    row-gap: 0 auto;
  }
  .xxl-gap-v-auto {
    gap: auto 0;
  }
  .xxl-col-gap-v-auto {
    -moz-column-gap: auto 0;
         column-gap: auto 0;
  }
  .xxl-row-gap-v-auto {
    row-gap: auto 0;
  }
  .xxl-gap-none {
    gap: 0;
  }
  .xxl-col-gap-none {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .xxl-row-gap-none {
    row-gap: 0;
  }
  .xxl-gap-2xs {
    gap: 1rem;
  }
  .xxl-col-gap-2xs {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .xxl-row-gap-2xs {
    row-gap: 1rem;
  }
  .xxl-gap-xs {
    gap: 2rem;
  }
  .xxl-col-gap-xs {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .xxl-row-gap-xs {
    row-gap: 2rem;
  }
  .xxl-gap-sm {
    gap: 4rem;
  }
  .xxl-col-gap-sm {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  .xxl-row-gap-sm {
    row-gap: 4rem;
  }
  .xxl-gap-md {
    gap: 6rem;
  }
  .xxl-col-gap-md {
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }
  .xxl-row-gap-md {
    row-gap: 6rem;
  }
  .xxl-gap-lg {
    gap: 8rem;
  }
  .xxl-col-gap-lg {
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
  .xxl-row-gap-lg {
    row-gap: 8rem;
  }
  .xxl-gap-xl {
    gap: 10rem;
  }
  .xxl-col-gap-xl {
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
  .xxl-row-gap-xl {
    row-gap: 10rem;
  }
  .xxl-gap-2xl {
    gap: 12rem;
  }
  .xxl-col-gap-2xl {
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }
  .xxl-row-gap-2xl {
    row-gap: 12rem;
  }
  .xxl-gap-3xl {
    gap: 16rem;
  }
  .xxl-col-gap-3xl {
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }
  .xxl-row-gap-3xl {
    row-gap: 16rem;
  }
}
.object-fit-cover,
.object-fit-contain {
  height: 100% !important;
}
.object-fit-cover,
.object-fit-contain {
  width: 100%;
}

.object-fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-position-center {
  -o-object-position: center;
     object-position: center;
}

.opacity-0 {
  opacity: 0;
}

.opacity-5 {
  opacity: 0.05;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-15 {
  opacity: 0.15;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-third {
  opacity: 0.33333333000000004;
}

.opacity-35 {
  opacity: 0.35;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-45 {
  opacity: 0.45;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-55 {
  opacity: 0.55;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-65 {
  opacity: 0.65;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.85;
}

.opacity-85 {
  opacity: 0.85;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-95 {
  opacity: 0.95;
}

.opacity-100 {
  opacity: 1;
}

.flow-scroll {
  overflow: scroll;
}

.flow-x-scroll {
  overflow-x: scroll;
}

.flow-y-scroll {
  overflow-y: scroll;
}

.flow-hidden {
  overflow: hidden;
}

.flow-x-hidden {
  overflow-x: hidden;
}

.flow-y-hidden {
  overflow-y: hidden;
}

.flow-auto {
  overflow: auto;
}

.flow-x-auto {
  overflow-x: auto;
}

.flow-y-auto {
  overflow-y: auto;
}

.flow-visible {
  overflow: visible;
}

.flow-x-visible {
  overflow-x: visible;
}

.flow-y-visible {
  overflow-y: visible;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.absolute-full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.w-0 {
  width: 0;
}

.h-0 {
  height: 0;
}

.w-5 {
  width: 5%;
}

.h-5 {
  height: 5%;
}

.w-10 {
  width: 10%;
}

.h-10 {
  height: 10%;
}

.w-15 {
  width: 15%;
}

.h-15 {
  height: 15%;
}

.w-20 {
  width: 20%;
}

.h-20 {
  height: 20%;
}

.w-25 {
  width: 25%;
}

.h-25 {
  height: 25%;
}

.w-30 {
  width: 30%;
}

.h-30 {
  height: 30%;
}

.w-third {
  width: 33.333333%;
}

.h-third {
  height: 33.333333%;
}

.w-35 {
  width: 35%;
}

.h-35 {
  height: 35%;
}

.w-40 {
  width: 40%;
}

.h-40 {
  height: 40%;
}

.w-45 {
  width: 45%;
}

.h-45 {
  height: 45%;
}

.w-50 {
  width: 50%;
}

.h-50 {
  height: 50%;
}

.w-55 {
  width: 55%;
}

.h-55 {
  height: 55%;
}

.w-60 {
  width: 60%;
}

.h-60 {
  height: 60%;
}

.w-65 {
  width: 65%;
}

.h-65 {
  height: 65%;
}

.w-70 {
  width: 70%;
}

.h-70 {
  height: 70%;
}

.w-75 {
  width: 75%;
}

.h-75 {
  height: 75%;
}

.w-80 {
  width: 85%;
}

.h-80 {
  height: 85%;
}

.w-85 {
  width: 85%;
}

.h-85 {
  height: 85%;
}

.w-90 {
  width: 90%;
}

.h-90 {
  height: 90%;
}

.w-95 {
  width: 95%;
}

.h-95 {
  height: 95%;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

@media (max-width: 400px) {
  .xs-w-0 {
    width: 0;
  }
  .xs-h-0 {
    height: 0;
  }
  .xs-w-5 {
    width: 5%;
  }
  .xs-h-5 {
    height: 5%;
  }
  .xs-w-10 {
    width: 10%;
  }
  .xs-h-10 {
    height: 10%;
  }
  .xs-w-15 {
    width: 15%;
  }
  .xs-h-15 {
    height: 15%;
  }
  .xs-w-20 {
    width: 20%;
  }
  .xs-h-20 {
    height: 20%;
  }
  .xs-w-25 {
    width: 25%;
  }
  .xs-h-25 {
    height: 25%;
  }
  .xs-w-30 {
    width: 30%;
  }
  .xs-h-30 {
    height: 30%;
  }
  .xs-w-third {
    width: 33.333333%;
  }
  .xs-h-third {
    height: 33.333333%;
  }
  .xs-w-35 {
    width: 35%;
  }
  .xs-h-35 {
    height: 35%;
  }
  .xs-w-40 {
    width: 40%;
  }
  .xs-h-40 {
    height: 40%;
  }
  .xs-w-45 {
    width: 45%;
  }
  .xs-h-45 {
    height: 45%;
  }
  .xs-w-50 {
    width: 50%;
  }
  .xs-h-50 {
    height: 50%;
  }
  .xs-w-55 {
    width: 55%;
  }
  .xs-h-55 {
    height: 55%;
  }
  .xs-w-60 {
    width: 60%;
  }
  .xs-h-60 {
    height: 60%;
  }
  .xs-w-65 {
    width: 65%;
  }
  .xs-h-65 {
    height: 65%;
  }
  .xs-w-70 {
    width: 70%;
  }
  .xs-h-70 {
    height: 70%;
  }
  .xs-w-75 {
    width: 75%;
  }
  .xs-h-75 {
    height: 75%;
  }
  .xs-w-80 {
    width: 85%;
  }
  .xs-h-80 {
    height: 85%;
  }
  .xs-w-85 {
    width: 85%;
  }
  .xs-h-85 {
    height: 85%;
  }
  .xs-w-90 {
    width: 90%;
  }
  .xs-h-90 {
    height: 90%;
  }
  .xs-w-95 {
    width: 95%;
  }
  .xs-h-95 {
    height: 95%;
  }
  .xs-w-100 {
    width: 100%;
  }
  .xs-h-100 {
    height: 100%;
  }
}
@media (min-width: 400px) {
  .sm-w-0 {
    width: 0;
  }
  .sm-h-0 {
    height: 0;
  }
  .sm-w-5 {
    width: 5%;
  }
  .sm-h-5 {
    height: 5%;
  }
  .sm-w-10 {
    width: 10%;
  }
  .sm-h-10 {
    height: 10%;
  }
  .sm-w-15 {
    width: 15%;
  }
  .sm-h-15 {
    height: 15%;
  }
  .sm-w-20 {
    width: 20%;
  }
  .sm-h-20 {
    height: 20%;
  }
  .sm-w-25 {
    width: 25%;
  }
  .sm-h-25 {
    height: 25%;
  }
  .sm-w-30 {
    width: 30%;
  }
  .sm-h-30 {
    height: 30%;
  }
  .sm-w-third {
    width: 33.333333%;
  }
  .sm-h-third {
    height: 33.333333%;
  }
  .sm-w-35 {
    width: 35%;
  }
  .sm-h-35 {
    height: 35%;
  }
  .sm-w-40 {
    width: 40%;
  }
  .sm-h-40 {
    height: 40%;
  }
  .sm-w-45 {
    width: 45%;
  }
  .sm-h-45 {
    height: 45%;
  }
  .sm-w-50 {
    width: 50%;
  }
  .sm-h-50 {
    height: 50%;
  }
  .sm-w-55 {
    width: 55%;
  }
  .sm-h-55 {
    height: 55%;
  }
  .sm-w-60 {
    width: 60%;
  }
  .sm-h-60 {
    height: 60%;
  }
  .sm-w-65 {
    width: 65%;
  }
  .sm-h-65 {
    height: 65%;
  }
  .sm-w-70 {
    width: 70%;
  }
  .sm-h-70 {
    height: 70%;
  }
  .sm-w-75 {
    width: 75%;
  }
  .sm-h-75 {
    height: 75%;
  }
  .sm-w-80 {
    width: 85%;
  }
  .sm-h-80 {
    height: 85%;
  }
  .sm-w-85 {
    width: 85%;
  }
  .sm-h-85 {
    height: 85%;
  }
  .sm-w-90 {
    width: 90%;
  }
  .sm-h-90 {
    height: 90%;
  }
  .sm-w-95 {
    width: 95%;
  }
  .sm-h-95 {
    height: 95%;
  }
  .sm-w-100 {
    width: 100%;
  }
  .sm-h-100 {
    height: 100%;
  }
}
@media (min-width: 667px) {
  .md-w-0 {
    width: 0;
  }
  .md-h-0 {
    height: 0;
  }
  .md-w-5 {
    width: 5%;
  }
  .md-h-5 {
    height: 5%;
  }
  .md-w-10 {
    width: 10%;
  }
  .md-h-10 {
    height: 10%;
  }
  .md-w-15 {
    width: 15%;
  }
  .md-h-15 {
    height: 15%;
  }
  .md-w-20 {
    width: 20%;
  }
  .md-h-20 {
    height: 20%;
  }
  .md-w-25 {
    width: 25%;
  }
  .md-h-25 {
    height: 25%;
  }
  .md-w-30 {
    width: 30%;
  }
  .md-h-30 {
    height: 30%;
  }
  .md-w-third {
    width: 33.333333%;
  }
  .md-h-third {
    height: 33.333333%;
  }
  .md-w-35 {
    width: 35%;
  }
  .md-h-35 {
    height: 35%;
  }
  .md-w-40 {
    width: 40%;
  }
  .md-h-40 {
    height: 40%;
  }
  .md-w-45 {
    width: 45%;
  }
  .md-h-45 {
    height: 45%;
  }
  .md-w-50 {
    width: 50%;
  }
  .md-h-50 {
    height: 50%;
  }
  .md-w-55 {
    width: 55%;
  }
  .md-h-55 {
    height: 55%;
  }
  .md-w-60 {
    width: 60%;
  }
  .md-h-60 {
    height: 60%;
  }
  .md-w-65 {
    width: 65%;
  }
  .md-h-65 {
    height: 65%;
  }
  .md-w-70 {
    width: 70%;
  }
  .md-h-70 {
    height: 70%;
  }
  .md-w-75 {
    width: 75%;
  }
  .md-h-75 {
    height: 75%;
  }
  .md-w-80 {
    width: 85%;
  }
  .md-h-80 {
    height: 85%;
  }
  .md-w-85 {
    width: 85%;
  }
  .md-h-85 {
    height: 85%;
  }
  .md-w-90 {
    width: 90%;
  }
  .md-h-90 {
    height: 90%;
  }
  .md-w-95 {
    width: 95%;
  }
  .md-h-95 {
    height: 95%;
  }
  .md-w-100 {
    width: 100%;
  }
  .md-h-100 {
    height: 100%;
  }
}
@media (min-width: 992px) {
  .lg-w-0 {
    width: 0;
  }
  .lg-h-0 {
    height: 0;
  }
  .lg-w-5 {
    width: 5%;
  }
  .lg-h-5 {
    height: 5%;
  }
  .lg-w-10 {
    width: 10%;
  }
  .lg-h-10 {
    height: 10%;
  }
  .lg-w-15 {
    width: 15%;
  }
  .lg-h-15 {
    height: 15%;
  }
  .lg-w-20 {
    width: 20%;
  }
  .lg-h-20 {
    height: 20%;
  }
  .lg-w-25 {
    width: 25%;
  }
  .lg-h-25 {
    height: 25%;
  }
  .lg-w-30 {
    width: 30%;
  }
  .lg-h-30 {
    height: 30%;
  }
  .lg-w-third {
    width: 33.333333%;
  }
  .lg-h-third {
    height: 33.333333%;
  }
  .lg-w-35 {
    width: 35%;
  }
  .lg-h-35 {
    height: 35%;
  }
  .lg-w-40 {
    width: 40%;
  }
  .lg-h-40 {
    height: 40%;
  }
  .lg-w-45 {
    width: 45%;
  }
  .lg-h-45 {
    height: 45%;
  }
  .lg-w-50 {
    width: 50%;
  }
  .lg-h-50 {
    height: 50%;
  }
  .lg-w-55 {
    width: 55%;
  }
  .lg-h-55 {
    height: 55%;
  }
  .lg-w-60 {
    width: 60%;
  }
  .lg-h-60 {
    height: 60%;
  }
  .lg-w-65 {
    width: 65%;
  }
  .lg-h-65 {
    height: 65%;
  }
  .lg-w-70 {
    width: 70%;
  }
  .lg-h-70 {
    height: 70%;
  }
  .lg-w-75 {
    width: 75%;
  }
  .lg-h-75 {
    height: 75%;
  }
  .lg-w-80 {
    width: 85%;
  }
  .lg-h-80 {
    height: 85%;
  }
  .lg-w-85 {
    width: 85%;
  }
  .lg-h-85 {
    height: 85%;
  }
  .lg-w-90 {
    width: 90%;
  }
  .lg-h-90 {
    height: 90%;
  }
  .lg-w-95 {
    width: 95%;
  }
  .lg-h-95 {
    height: 95%;
  }
  .lg-w-100 {
    width: 100%;
  }
  .lg-h-100 {
    height: 100%;
  }
}
@media (min-width: 1280px) {
  .xl-w-0 {
    width: 0;
  }
  .xl-h-0 {
    height: 0;
  }
  .xl-w-5 {
    width: 5%;
  }
  .xl-h-5 {
    height: 5%;
  }
  .xl-w-10 {
    width: 10%;
  }
  .xl-h-10 {
    height: 10%;
  }
  .xl-w-15 {
    width: 15%;
  }
  .xl-h-15 {
    height: 15%;
  }
  .xl-w-20 {
    width: 20%;
  }
  .xl-h-20 {
    height: 20%;
  }
  .xl-w-25 {
    width: 25%;
  }
  .xl-h-25 {
    height: 25%;
  }
  .xl-w-30 {
    width: 30%;
  }
  .xl-h-30 {
    height: 30%;
  }
  .xl-w-third {
    width: 33.333333%;
  }
  .xl-h-third {
    height: 33.333333%;
  }
  .xl-w-35 {
    width: 35%;
  }
  .xl-h-35 {
    height: 35%;
  }
  .xl-w-40 {
    width: 40%;
  }
  .xl-h-40 {
    height: 40%;
  }
  .xl-w-45 {
    width: 45%;
  }
  .xl-h-45 {
    height: 45%;
  }
  .xl-w-50 {
    width: 50%;
  }
  .xl-h-50 {
    height: 50%;
  }
  .xl-w-55 {
    width: 55%;
  }
  .xl-h-55 {
    height: 55%;
  }
  .xl-w-60 {
    width: 60%;
  }
  .xl-h-60 {
    height: 60%;
  }
  .xl-w-65 {
    width: 65%;
  }
  .xl-h-65 {
    height: 65%;
  }
  .xl-w-70 {
    width: 70%;
  }
  .xl-h-70 {
    height: 70%;
  }
  .xl-w-75 {
    width: 75%;
  }
  .xl-h-75 {
    height: 75%;
  }
  .xl-w-80 {
    width: 85%;
  }
  .xl-h-80 {
    height: 85%;
  }
  .xl-w-85 {
    width: 85%;
  }
  .xl-h-85 {
    height: 85%;
  }
  .xl-w-90 {
    width: 90%;
  }
  .xl-h-90 {
    height: 90%;
  }
  .xl-w-95 {
    width: 95%;
  }
  .xl-h-95 {
    height: 95%;
  }
  .xl-w-100 {
    width: 100%;
  }
  .xl-h-100 {
    height: 100%;
  }
}
@media (min-width: 1600px) {
  .xxl-w-0 {
    width: 0;
  }
  .xxl-h-0 {
    height: 0;
  }
  .xxl-w-5 {
    width: 5%;
  }
  .xxl-h-5 {
    height: 5%;
  }
  .xxl-w-10 {
    width: 10%;
  }
  .xxl-h-10 {
    height: 10%;
  }
  .xxl-w-15 {
    width: 15%;
  }
  .xxl-h-15 {
    height: 15%;
  }
  .xxl-w-20 {
    width: 20%;
  }
  .xxl-h-20 {
    height: 20%;
  }
  .xxl-w-25 {
    width: 25%;
  }
  .xxl-h-25 {
    height: 25%;
  }
  .xxl-w-30 {
    width: 30%;
  }
  .xxl-h-30 {
    height: 30%;
  }
  .xxl-w-third {
    width: 33.333333%;
  }
  .xxl-h-third {
    height: 33.333333%;
  }
  .xxl-w-35 {
    width: 35%;
  }
  .xxl-h-35 {
    height: 35%;
  }
  .xxl-w-40 {
    width: 40%;
  }
  .xxl-h-40 {
    height: 40%;
  }
  .xxl-w-45 {
    width: 45%;
  }
  .xxl-h-45 {
    height: 45%;
  }
  .xxl-w-50 {
    width: 50%;
  }
  .xxl-h-50 {
    height: 50%;
  }
  .xxl-w-55 {
    width: 55%;
  }
  .xxl-h-55 {
    height: 55%;
  }
  .xxl-w-60 {
    width: 60%;
  }
  .xxl-h-60 {
    height: 60%;
  }
  .xxl-w-65 {
    width: 65%;
  }
  .xxl-h-65 {
    height: 65%;
  }
  .xxl-w-70 {
    width: 70%;
  }
  .xxl-h-70 {
    height: 70%;
  }
  .xxl-w-75 {
    width: 75%;
  }
  .xxl-h-75 {
    height: 75%;
  }
  .xxl-w-80 {
    width: 85%;
  }
  .xxl-h-80 {
    height: 85%;
  }
  .xxl-w-85 {
    width: 85%;
  }
  .xxl-h-85 {
    height: 85%;
  }
  .xxl-w-90 {
    width: 90%;
  }
  .xxl-h-90 {
    height: 90%;
  }
  .xxl-w-95 {
    width: 95%;
  }
  .xxl-h-95 {
    height: 95%;
  }
  .xxl-w-100 {
    width: 100%;
  }
  .xxl-h-100 {
    height: 100%;
  }
}
.m-auto {
  margin: auto;
}

.m-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.m-y-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.m-t-auto {
  margin-top: auto;
}

.m-r-auto {
  margin-right: auto;
}

.m-b-auto {
  margin-bottom: auto;
}

.m-l-auto {
  margin-left: auto;
}

.p-auto {
  padding: auto;
}

.p-x-auto {
  padding-left: auto;
  padding-right: auto;
}

.p-y-auto {
  padding-top: auto;
  padding-bottom: auto;
}

.p-t-auto {
  padding-top: auto;
}

.p-r-auto {
  padding-right: auto;
}

.p-b-auto {
  padding-bottom: auto;
}

.p-l-auto {
  padding-left: auto;
}

.m-h-auto {
  margin: 0 auto;
}

.m-x-h-auto {
  margin-left: 0 auto;
  margin-right: 0 auto;
}

.m-y-h-auto {
  margin-top: 0 auto;
  margin-bottom: 0 auto;
}

.m-t-h-auto {
  margin-top: 0 auto;
}

.m-r-h-auto {
  margin-right: 0 auto;
}

.m-b-h-auto {
  margin-bottom: 0 auto;
}

.m-l-h-auto {
  margin-left: 0 auto;
}

.p-h-auto {
  padding: 0 auto;
}

.p-x-h-auto {
  padding-left: 0 auto;
  padding-right: 0 auto;
}

.p-y-h-auto {
  padding-top: 0 auto;
  padding-bottom: 0 auto;
}

.p-t-h-auto {
  padding-top: 0 auto;
}

.p-r-h-auto {
  padding-right: 0 auto;
}

.p-b-h-auto {
  padding-bottom: 0 auto;
}

.p-l-h-auto {
  padding-left: 0 auto;
}

.m-v-auto {
  margin: auto 0;
}

.m-x-v-auto {
  margin-left: auto 0;
  margin-right: auto 0;
}

.m-y-v-auto {
  margin-top: auto 0;
  margin-bottom: auto 0;
}

.m-t-v-auto {
  margin-top: auto 0;
}

.m-r-v-auto {
  margin-right: auto 0;
}

.m-b-v-auto {
  margin-bottom: auto 0;
}

.m-l-v-auto {
  margin-left: auto 0;
}

.p-v-auto {
  padding: auto 0;
}

.p-x-v-auto {
  padding-left: auto 0;
  padding-right: auto 0;
}

.p-y-v-auto {
  padding-top: auto 0;
  padding-bottom: auto 0;
}

.p-t-v-auto {
  padding-top: auto 0;
}

.p-r-v-auto {
  padding-right: auto 0;
}

.p-b-v-auto {
  padding-bottom: auto 0;
}

.p-l-v-auto {
  padding-left: auto 0;
}

.m-none {
  margin: 0;
}

.m-x-none {
  margin-left: 0;
  margin-right: 0;
}

.m-y-none {
  margin-top: 0;
  margin-bottom: 0;
}

.m-t-none {
  margin-top: 0;
}

.m-r-none {
  margin-right: 0;
}

.m-b-none {
  margin-bottom: 0;
}

.m-l-none {
  margin-left: 0;
}

.p-none {
  padding: 0;
}

.p-x-none {
  padding-left: 0;
  padding-right: 0;
}

.p-y-none {
  padding-top: 0;
  padding-bottom: 0;
}

.p-t-none {
  padding-top: 0;
}

.p-r-none {
  padding-right: 0;
}

.p-b-none {
  padding-bottom: 0;
}

.p-l-none {
  padding-left: 0;
}

.m-2xs {
  margin: 1rem;
}

.m-x-2xs {
  margin-left: 1rem;
  margin-right: 1rem;
}

.m-y-2xs {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.m-t-2xs {
  margin-top: 1rem;
}

.m-r-2xs {
  margin-right: 1rem;
}

.m-b-2xs {
  margin-bottom: 1rem;
}

.m-l-2xs {
  margin-left: 1rem;
}

.p-2xs {
  padding: 1rem;
}

.p-x-2xs {
  padding-left: 1rem;
  padding-right: 1rem;
}

.p-y-2xs {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p-t-2xs {
  padding-top: 1rem;
}

.p-r-2xs {
  padding-right: 1rem;
}

.p-b-2xs {
  padding-bottom: 1rem;
}

.p-l-2xs {
  padding-left: 1rem;
}

.m-xs {
  margin: 2rem;
}

.m-x-xs {
  margin-left: 2rem;
  margin-right: 2rem;
}

.m-y-xs {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m-t-xs {
  margin-top: 2rem;
}

.m-r-xs {
  margin-right: 2rem;
}

.m-b-xs {
  margin-bottom: 2rem;
}

.m-l-xs {
  margin-left: 2rem;
}

.p-xs {
  padding: 2rem;
}

.p-x-xs {
  padding-left: 2rem;
  padding-right: 2rem;
}

.p-y-xs {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.p-t-xs {
  padding-top: 2rem;
}

.p-r-xs {
  padding-right: 2rem;
}

.p-b-xs {
  padding-bottom: 2rem;
}

.p-l-xs {
  padding-left: 2rem;
}

.m-sm {
  margin: 4rem;
}

.m-x-sm {
  margin-left: 4rem;
  margin-right: 4rem;
}

.m-y-sm {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.m-t-sm {
  margin-top: 4rem;
}

.m-r-sm {
  margin-right: 4rem;
}

.m-b-sm {
  margin-bottom: 4rem;
}

.m-l-sm {
  margin-left: 4rem;
}

.p-sm {
  padding: 4rem;
}

.p-x-sm {
  padding-left: 4rem;
  padding-right: 4rem;
}

.p-y-sm {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.p-t-sm {
  padding-top: 4rem;
}

.p-r-sm {
  padding-right: 4rem;
}

.p-b-sm {
  padding-bottom: 4rem;
}

.p-l-sm {
  padding-left: 4rem;
}

.m-md {
  margin: 6rem;
}

.m-x-md {
  margin-left: 6rem;
  margin-right: 6rem;
}

.m-y-md {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.m-t-md {
  margin-top: 6rem;
}

.m-r-md {
  margin-right: 6rem;
}

.m-b-md {
  margin-bottom: 6rem;
}

.m-l-md {
  margin-left: 6rem;
}

.p-md {
  padding: 6rem;
}

.p-x-md {
  padding-left: 6rem;
  padding-right: 6rem;
}

.p-y-md {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.p-t-md {
  padding-top: 6rem;
}

.p-r-md {
  padding-right: 6rem;
}

.p-b-md {
  padding-bottom: 6rem;
}

.p-l-md {
  padding-left: 6rem;
}

.m-lg {
  margin: 8rem;
}

.m-x-lg {
  margin-left: 8rem;
  margin-right: 8rem;
}

.m-y-lg {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.m-t-lg {
  margin-top: 8rem;
}

.m-r-lg {
  margin-right: 8rem;
}

.m-b-lg {
  margin-bottom: 8rem;
}

.m-l-lg {
  margin-left: 8rem;
}

.p-lg {
  padding: 8rem;
}

.p-x-lg {
  padding-left: 8rem;
  padding-right: 8rem;
}

.p-y-lg {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.p-t-lg {
  padding-top: 8rem;
}

.p-r-lg {
  padding-right: 8rem;
}

.p-b-lg {
  padding-bottom: 8rem;
}

.p-l-lg {
  padding-left: 8rem;
}

.m-xl {
  margin: 10rem;
}

.m-x-xl {
  margin-left: 10rem;
  margin-right: 10rem;
}

.m-y-xl {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.m-t-xl {
  margin-top: 10rem;
}

.m-r-xl {
  margin-right: 10rem;
}

.m-b-xl {
  margin-bottom: 10rem;
}

.m-l-xl {
  margin-left: 10rem;
}

.p-xl {
  padding: 10rem;
}

.p-x-xl {
  padding-left: 10rem;
  padding-right: 10rem;
}

.p-y-xl {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.p-t-xl {
  padding-top: 10rem;
}

.p-r-xl {
  padding-right: 10rem;
}

.p-b-xl {
  padding-bottom: 10rem;
}

.p-l-xl {
  padding-left: 10rem;
}

.m-2xl {
  margin: 12rem;
}

.m-x-2xl {
  margin-left: 12rem;
  margin-right: 12rem;
}

.m-y-2xl {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.m-t-2xl {
  margin-top: 12rem;
}

.m-r-2xl {
  margin-right: 12rem;
}

.m-b-2xl {
  margin-bottom: 12rem;
}

.m-l-2xl {
  margin-left: 12rem;
}

.p-2xl {
  padding: 12rem;
}

.p-x-2xl {
  padding-left: 12rem;
  padding-right: 12rem;
}

.p-y-2xl {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.p-t-2xl {
  padding-top: 12rem;
}

.p-r-2xl {
  padding-right: 12rem;
}

.p-b-2xl {
  padding-bottom: 12rem;
}

.p-l-2xl {
  padding-left: 12rem;
}

.m-3xl {
  margin: 16rem;
}

.m-x-3xl {
  margin-left: 16rem;
  margin-right: 16rem;
}

.m-y-3xl {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.m-t-3xl {
  margin-top: 16rem;
}

.m-r-3xl {
  margin-right: 16rem;
}

.m-b-3xl {
  margin-bottom: 16rem;
}

.m-l-3xl {
  margin-left: 16rem;
}

.p-3xl {
  padding: 16rem;
}

.p-x-3xl {
  padding-left: 16rem;
  padding-right: 16rem;
}

.p-y-3xl {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.p-t-3xl {
  padding-top: 16rem;
}

.p-r-3xl {
  padding-right: 16rem;
}

.p-b-3xl {
  padding-bottom: 16rem;
}

.p-l-3xl {
  padding-left: 16rem;
}

@media (max-width: 400px) {
  .xs-m-auto {
    margin: auto;
  }
  .xs-m-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xs-m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .xs-m-t-auto {
    margin-top: auto;
  }
  .xs-m-r-auto {
    margin-right: auto;
  }
  .xs-m-b-auto {
    margin-bottom: auto;
  }
  .xs-m-l-auto {
    margin-left: auto;
  }
  .xs-p-auto {
    padding: auto;
  }
  .xs-p-x-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .xs-p-y-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .xs-p-t-auto {
    padding-top: auto;
  }
  .xs-p-r-auto {
    padding-right: auto;
  }
  .xs-p-b-auto {
    padding-bottom: auto;
  }
  .xs-p-l-auto {
    padding-left: auto;
  }
  .xs-m-h-auto {
    margin: 0 auto;
  }
  .xs-m-x-h-auto {
    margin-left: 0 auto;
    margin-right: 0 auto;
  }
  .xs-m-y-h-auto {
    margin-top: 0 auto;
    margin-bottom: 0 auto;
  }
  .xs-m-t-h-auto {
    margin-top: 0 auto;
  }
  .xs-m-r-h-auto {
    margin-right: 0 auto;
  }
  .xs-m-b-h-auto {
    margin-bottom: 0 auto;
  }
  .xs-m-l-h-auto {
    margin-left: 0 auto;
  }
  .xs-p-h-auto {
    padding: 0 auto;
  }
  .xs-p-x-h-auto {
    padding-left: 0 auto;
    padding-right: 0 auto;
  }
  .xs-p-y-h-auto {
    padding-top: 0 auto;
    padding-bottom: 0 auto;
  }
  .xs-p-t-h-auto {
    padding-top: 0 auto;
  }
  .xs-p-r-h-auto {
    padding-right: 0 auto;
  }
  .xs-p-b-h-auto {
    padding-bottom: 0 auto;
  }
  .xs-p-l-h-auto {
    padding-left: 0 auto;
  }
  .xs-m-v-auto {
    margin: auto 0;
  }
  .xs-m-x-v-auto {
    margin-left: auto 0;
    margin-right: auto 0;
  }
  .xs-m-y-v-auto {
    margin-top: auto 0;
    margin-bottom: auto 0;
  }
  .xs-m-t-v-auto {
    margin-top: auto 0;
  }
  .xs-m-r-v-auto {
    margin-right: auto 0;
  }
  .xs-m-b-v-auto {
    margin-bottom: auto 0;
  }
  .xs-m-l-v-auto {
    margin-left: auto 0;
  }
  .xs-p-v-auto {
    padding: auto 0;
  }
  .xs-p-x-v-auto {
    padding-left: auto 0;
    padding-right: auto 0;
  }
  .xs-p-y-v-auto {
    padding-top: auto 0;
    padding-bottom: auto 0;
  }
  .xs-p-t-v-auto {
    padding-top: auto 0;
  }
  .xs-p-r-v-auto {
    padding-right: auto 0;
  }
  .xs-p-b-v-auto {
    padding-bottom: auto 0;
  }
  .xs-p-l-v-auto {
    padding-left: auto 0;
  }
  .xs-m-none {
    margin: 0;
  }
  .xs-m-x-none {
    margin-left: 0;
    margin-right: 0;
  }
  .xs-m-y-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  .xs-m-t-none {
    margin-top: 0;
  }
  .xs-m-r-none {
    margin-right: 0;
  }
  .xs-m-b-none {
    margin-bottom: 0;
  }
  .xs-m-l-none {
    margin-left: 0;
  }
  .xs-p-none {
    padding: 0;
  }
  .xs-p-x-none {
    padding-left: 0;
    padding-right: 0;
  }
  .xs-p-y-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xs-p-t-none {
    padding-top: 0;
  }
  .xs-p-r-none {
    padding-right: 0;
  }
  .xs-p-b-none {
    padding-bottom: 0;
  }
  .xs-p-l-none {
    padding-left: 0;
  }
  .xs-m-2xs {
    margin: 1rem;
  }
  .xs-m-x-2xs {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .xs-m-y-2xs {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .xs-m-t-2xs {
    margin-top: 1rem;
  }
  .xs-m-r-2xs {
    margin-right: 1rem;
  }
  .xs-m-b-2xs {
    margin-bottom: 1rem;
  }
  .xs-m-l-2xs {
    margin-left: 1rem;
  }
  .xs-p-2xs {
    padding: 1rem;
  }
  .xs-p-x-2xs {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xs-p-y-2xs {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xs-p-t-2xs {
    padding-top: 1rem;
  }
  .xs-p-r-2xs {
    padding-right: 1rem;
  }
  .xs-p-b-2xs {
    padding-bottom: 1rem;
  }
  .xs-p-l-2xs {
    padding-left: 1rem;
  }
  .xs-m-xs {
    margin: 2rem;
  }
  .xs-m-x-xs {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .xs-m-y-xs {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .xs-m-t-xs {
    margin-top: 2rem;
  }
  .xs-m-r-xs {
    margin-right: 2rem;
  }
  .xs-m-b-xs {
    margin-bottom: 2rem;
  }
  .xs-m-l-xs {
    margin-left: 2rem;
  }
  .xs-p-xs {
    padding: 2rem;
  }
  .xs-p-x-xs {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xs-p-y-xs {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xs-p-t-xs {
    padding-top: 2rem;
  }
  .xs-p-r-xs {
    padding-right: 2rem;
  }
  .xs-p-b-xs {
    padding-bottom: 2rem;
  }
  .xs-p-l-xs {
    padding-left: 2rem;
  }
  .xs-m-sm {
    margin: 4rem;
  }
  .xs-m-x-sm {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .xs-m-y-sm {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .xs-m-t-sm {
    margin-top: 4rem;
  }
  .xs-m-r-sm {
    margin-right: 4rem;
  }
  .xs-m-b-sm {
    margin-bottom: 4rem;
  }
  .xs-m-l-sm {
    margin-left: 4rem;
  }
  .xs-p-sm {
    padding: 4rem;
  }
  .xs-p-x-sm {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xs-p-y-sm {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .xs-p-t-sm {
    padding-top: 4rem;
  }
  .xs-p-r-sm {
    padding-right: 4rem;
  }
  .xs-p-b-sm {
    padding-bottom: 4rem;
  }
  .xs-p-l-sm {
    padding-left: 4rem;
  }
  .xs-m-md {
    margin: 6rem;
  }
  .xs-m-x-md {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .xs-m-y-md {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .xs-m-t-md {
    margin-top: 6rem;
  }
  .xs-m-r-md {
    margin-right: 6rem;
  }
  .xs-m-b-md {
    margin-bottom: 6rem;
  }
  .xs-m-l-md {
    margin-left: 6rem;
  }
  .xs-p-md {
    padding: 6rem;
  }
  .xs-p-x-md {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .xs-p-y-md {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .xs-p-t-md {
    padding-top: 6rem;
  }
  .xs-p-r-md {
    padding-right: 6rem;
  }
  .xs-p-b-md {
    padding-bottom: 6rem;
  }
  .xs-p-l-md {
    padding-left: 6rem;
  }
  .xs-m-lg {
    margin: 8rem;
  }
  .xs-m-x-lg {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .xs-m-y-lg {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .xs-m-t-lg {
    margin-top: 8rem;
  }
  .xs-m-r-lg {
    margin-right: 8rem;
  }
  .xs-m-b-lg {
    margin-bottom: 8rem;
  }
  .xs-m-l-lg {
    margin-left: 8rem;
  }
  .xs-p-lg {
    padding: 8rem;
  }
  .xs-p-x-lg {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .xs-p-y-lg {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .xs-p-t-lg {
    padding-top: 8rem;
  }
  .xs-p-r-lg {
    padding-right: 8rem;
  }
  .xs-p-b-lg {
    padding-bottom: 8rem;
  }
  .xs-p-l-lg {
    padding-left: 8rem;
  }
  .xs-m-xl {
    margin: 10rem;
  }
  .xs-m-x-xl {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .xs-m-y-xl {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .xs-m-t-xl {
    margin-top: 10rem;
  }
  .xs-m-r-xl {
    margin-right: 10rem;
  }
  .xs-m-b-xl {
    margin-bottom: 10rem;
  }
  .xs-m-l-xl {
    margin-left: 10rem;
  }
  .xs-p-xl {
    padding: 10rem;
  }
  .xs-p-x-xl {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .xs-p-y-xl {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .xs-p-t-xl {
    padding-top: 10rem;
  }
  .xs-p-r-xl {
    padding-right: 10rem;
  }
  .xs-p-b-xl {
    padding-bottom: 10rem;
  }
  .xs-p-l-xl {
    padding-left: 10rem;
  }
  .xs-m-2xl {
    margin: 12rem;
  }
  .xs-m-x-2xl {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .xs-m-y-2xl {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .xs-m-t-2xl {
    margin-top: 12rem;
  }
  .xs-m-r-2xl {
    margin-right: 12rem;
  }
  .xs-m-b-2xl {
    margin-bottom: 12rem;
  }
  .xs-m-l-2xl {
    margin-left: 12rem;
  }
  .xs-p-2xl {
    padding: 12rem;
  }
  .xs-p-x-2xl {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .xs-p-y-2xl {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .xs-p-t-2xl {
    padding-top: 12rem;
  }
  .xs-p-r-2xl {
    padding-right: 12rem;
  }
  .xs-p-b-2xl {
    padding-bottom: 12rem;
  }
  .xs-p-l-2xl {
    padding-left: 12rem;
  }
  .xs-m-3xl {
    margin: 16rem;
  }
  .xs-m-x-3xl {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .xs-m-y-3xl {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .xs-m-t-3xl {
    margin-top: 16rem;
  }
  .xs-m-r-3xl {
    margin-right: 16rem;
  }
  .xs-m-b-3xl {
    margin-bottom: 16rem;
  }
  .xs-m-l-3xl {
    margin-left: 16rem;
  }
  .xs-p-3xl {
    padding: 16rem;
  }
  .xs-p-x-3xl {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .xs-p-y-3xl {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .xs-p-t-3xl {
    padding-top: 16rem;
  }
  .xs-p-r-3xl {
    padding-right: 16rem;
  }
  .xs-p-b-3xl {
    padding-bottom: 16rem;
  }
  .xs-p-l-3xl {
    padding-left: 16rem;
  }
}
@media (min-width: 400px) {
  .sm-m-auto {
    margin: auto;
  }
  .sm-m-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm-m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .sm-m-t-auto {
    margin-top: auto;
  }
  .sm-m-r-auto {
    margin-right: auto;
  }
  .sm-m-b-auto {
    margin-bottom: auto;
  }
  .sm-m-l-auto {
    margin-left: auto;
  }
  .sm-p-auto {
    padding: auto;
  }
  .sm-p-x-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .sm-p-y-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .sm-p-t-auto {
    padding-top: auto;
  }
  .sm-p-r-auto {
    padding-right: auto;
  }
  .sm-p-b-auto {
    padding-bottom: auto;
  }
  .sm-p-l-auto {
    padding-left: auto;
  }
  .sm-m-h-auto {
    margin: 0 auto;
  }
  .sm-m-x-h-auto {
    margin-left: 0 auto;
    margin-right: 0 auto;
  }
  .sm-m-y-h-auto {
    margin-top: 0 auto;
    margin-bottom: 0 auto;
  }
  .sm-m-t-h-auto {
    margin-top: 0 auto;
  }
  .sm-m-r-h-auto {
    margin-right: 0 auto;
  }
  .sm-m-b-h-auto {
    margin-bottom: 0 auto;
  }
  .sm-m-l-h-auto {
    margin-left: 0 auto;
  }
  .sm-p-h-auto {
    padding: 0 auto;
  }
  .sm-p-x-h-auto {
    padding-left: 0 auto;
    padding-right: 0 auto;
  }
  .sm-p-y-h-auto {
    padding-top: 0 auto;
    padding-bottom: 0 auto;
  }
  .sm-p-t-h-auto {
    padding-top: 0 auto;
  }
  .sm-p-r-h-auto {
    padding-right: 0 auto;
  }
  .sm-p-b-h-auto {
    padding-bottom: 0 auto;
  }
  .sm-p-l-h-auto {
    padding-left: 0 auto;
  }
  .sm-m-v-auto {
    margin: auto 0;
  }
  .sm-m-x-v-auto {
    margin-left: auto 0;
    margin-right: auto 0;
  }
  .sm-m-y-v-auto {
    margin-top: auto 0;
    margin-bottom: auto 0;
  }
  .sm-m-t-v-auto {
    margin-top: auto 0;
  }
  .sm-m-r-v-auto {
    margin-right: auto 0;
  }
  .sm-m-b-v-auto {
    margin-bottom: auto 0;
  }
  .sm-m-l-v-auto {
    margin-left: auto 0;
  }
  .sm-p-v-auto {
    padding: auto 0;
  }
  .sm-p-x-v-auto {
    padding-left: auto 0;
    padding-right: auto 0;
  }
  .sm-p-y-v-auto {
    padding-top: auto 0;
    padding-bottom: auto 0;
  }
  .sm-p-t-v-auto {
    padding-top: auto 0;
  }
  .sm-p-r-v-auto {
    padding-right: auto 0;
  }
  .sm-p-b-v-auto {
    padding-bottom: auto 0;
  }
  .sm-p-l-v-auto {
    padding-left: auto 0;
  }
  .sm-m-none {
    margin: 0;
  }
  .sm-m-x-none {
    margin-left: 0;
    margin-right: 0;
  }
  .sm-m-y-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  .sm-m-t-none {
    margin-top: 0;
  }
  .sm-m-r-none {
    margin-right: 0;
  }
  .sm-m-b-none {
    margin-bottom: 0;
  }
  .sm-m-l-none {
    margin-left: 0;
  }
  .sm-p-none {
    padding: 0;
  }
  .sm-p-x-none {
    padding-left: 0;
    padding-right: 0;
  }
  .sm-p-y-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm-p-t-none {
    padding-top: 0;
  }
  .sm-p-r-none {
    padding-right: 0;
  }
  .sm-p-b-none {
    padding-bottom: 0;
  }
  .sm-p-l-none {
    padding-left: 0;
  }
  .sm-m-2xs {
    margin: 1rem;
  }
  .sm-m-x-2xs {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .sm-m-y-2xs {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .sm-m-t-2xs {
    margin-top: 1rem;
  }
  .sm-m-r-2xs {
    margin-right: 1rem;
  }
  .sm-m-b-2xs {
    margin-bottom: 1rem;
  }
  .sm-m-l-2xs {
    margin-left: 1rem;
  }
  .sm-p-2xs {
    padding: 1rem;
  }
  .sm-p-x-2xs {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm-p-y-2xs {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm-p-t-2xs {
    padding-top: 1rem;
  }
  .sm-p-r-2xs {
    padding-right: 1rem;
  }
  .sm-p-b-2xs {
    padding-bottom: 1rem;
  }
  .sm-p-l-2xs {
    padding-left: 1rem;
  }
  .sm-m-xs {
    margin: 2rem;
  }
  .sm-m-x-xs {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm-m-y-xs {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sm-m-t-xs {
    margin-top: 2rem;
  }
  .sm-m-r-xs {
    margin-right: 2rem;
  }
  .sm-m-b-xs {
    margin-bottom: 2rem;
  }
  .sm-m-l-xs {
    margin-left: 2rem;
  }
  .sm-p-xs {
    padding: 2rem;
  }
  .sm-p-x-xs {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm-p-y-xs {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm-p-t-xs {
    padding-top: 2rem;
  }
  .sm-p-r-xs {
    padding-right: 2rem;
  }
  .sm-p-b-xs {
    padding-bottom: 2rem;
  }
  .sm-p-l-xs {
    padding-left: 2rem;
  }
  .sm-m-sm {
    margin: 4rem;
  }
  .sm-m-x-sm {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .sm-m-y-sm {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .sm-m-t-sm {
    margin-top: 4rem;
  }
  .sm-m-r-sm {
    margin-right: 4rem;
  }
  .sm-m-b-sm {
    margin-bottom: 4rem;
  }
  .sm-m-l-sm {
    margin-left: 4rem;
  }
  .sm-p-sm {
    padding: 4rem;
  }
  .sm-p-x-sm {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .sm-p-y-sm {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm-p-t-sm {
    padding-top: 4rem;
  }
  .sm-p-r-sm {
    padding-right: 4rem;
  }
  .sm-p-b-sm {
    padding-bottom: 4rem;
  }
  .sm-p-l-sm {
    padding-left: 4rem;
  }
  .sm-m-md {
    margin: 6rem;
  }
  .sm-m-x-md {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .sm-m-y-md {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .sm-m-t-md {
    margin-top: 6rem;
  }
  .sm-m-r-md {
    margin-right: 6rem;
  }
  .sm-m-b-md {
    margin-bottom: 6rem;
  }
  .sm-m-l-md {
    margin-left: 6rem;
  }
  .sm-p-md {
    padding: 6rem;
  }
  .sm-p-x-md {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .sm-p-y-md {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .sm-p-t-md {
    padding-top: 6rem;
  }
  .sm-p-r-md {
    padding-right: 6rem;
  }
  .sm-p-b-md {
    padding-bottom: 6rem;
  }
  .sm-p-l-md {
    padding-left: 6rem;
  }
  .sm-m-lg {
    margin: 8rem;
  }
  .sm-m-x-lg {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .sm-m-y-lg {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .sm-m-t-lg {
    margin-top: 8rem;
  }
  .sm-m-r-lg {
    margin-right: 8rem;
  }
  .sm-m-b-lg {
    margin-bottom: 8rem;
  }
  .sm-m-l-lg {
    margin-left: 8rem;
  }
  .sm-p-lg {
    padding: 8rem;
  }
  .sm-p-x-lg {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .sm-p-y-lg {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .sm-p-t-lg {
    padding-top: 8rem;
  }
  .sm-p-r-lg {
    padding-right: 8rem;
  }
  .sm-p-b-lg {
    padding-bottom: 8rem;
  }
  .sm-p-l-lg {
    padding-left: 8rem;
  }
  .sm-m-xl {
    margin: 10rem;
  }
  .sm-m-x-xl {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .sm-m-y-xl {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .sm-m-t-xl {
    margin-top: 10rem;
  }
  .sm-m-r-xl {
    margin-right: 10rem;
  }
  .sm-m-b-xl {
    margin-bottom: 10rem;
  }
  .sm-m-l-xl {
    margin-left: 10rem;
  }
  .sm-p-xl {
    padding: 10rem;
  }
  .sm-p-x-xl {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .sm-p-y-xl {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .sm-p-t-xl {
    padding-top: 10rem;
  }
  .sm-p-r-xl {
    padding-right: 10rem;
  }
  .sm-p-b-xl {
    padding-bottom: 10rem;
  }
  .sm-p-l-xl {
    padding-left: 10rem;
  }
  .sm-m-2xl {
    margin: 12rem;
  }
  .sm-m-x-2xl {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .sm-m-y-2xl {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .sm-m-t-2xl {
    margin-top: 12rem;
  }
  .sm-m-r-2xl {
    margin-right: 12rem;
  }
  .sm-m-b-2xl {
    margin-bottom: 12rem;
  }
  .sm-m-l-2xl {
    margin-left: 12rem;
  }
  .sm-p-2xl {
    padding: 12rem;
  }
  .sm-p-x-2xl {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .sm-p-y-2xl {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .sm-p-t-2xl {
    padding-top: 12rem;
  }
  .sm-p-r-2xl {
    padding-right: 12rem;
  }
  .sm-p-b-2xl {
    padding-bottom: 12rem;
  }
  .sm-p-l-2xl {
    padding-left: 12rem;
  }
  .sm-m-3xl {
    margin: 16rem;
  }
  .sm-m-x-3xl {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .sm-m-y-3xl {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .sm-m-t-3xl {
    margin-top: 16rem;
  }
  .sm-m-r-3xl {
    margin-right: 16rem;
  }
  .sm-m-b-3xl {
    margin-bottom: 16rem;
  }
  .sm-m-l-3xl {
    margin-left: 16rem;
  }
  .sm-p-3xl {
    padding: 16rem;
  }
  .sm-p-x-3xl {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .sm-p-y-3xl {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .sm-p-t-3xl {
    padding-top: 16rem;
  }
  .sm-p-r-3xl {
    padding-right: 16rem;
  }
  .sm-p-b-3xl {
    padding-bottom: 16rem;
  }
  .sm-p-l-3xl {
    padding-left: 16rem;
  }
}
@media (min-width: 667px) {
  .md-m-auto {
    margin: auto;
  }
  .md-m-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md-m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .md-m-t-auto {
    margin-top: auto;
  }
  .md-m-r-auto {
    margin-right: auto;
  }
  .md-m-b-auto {
    margin-bottom: auto;
  }
  .md-m-l-auto {
    margin-left: auto;
  }
  .md-p-auto {
    padding: auto;
  }
  .md-p-x-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .md-p-y-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .md-p-t-auto {
    padding-top: auto;
  }
  .md-p-r-auto {
    padding-right: auto;
  }
  .md-p-b-auto {
    padding-bottom: auto;
  }
  .md-p-l-auto {
    padding-left: auto;
  }
  .md-m-h-auto {
    margin: 0 auto;
  }
  .md-m-x-h-auto {
    margin-left: 0 auto;
    margin-right: 0 auto;
  }
  .md-m-y-h-auto {
    margin-top: 0 auto;
    margin-bottom: 0 auto;
  }
  .md-m-t-h-auto {
    margin-top: 0 auto;
  }
  .md-m-r-h-auto {
    margin-right: 0 auto;
  }
  .md-m-b-h-auto {
    margin-bottom: 0 auto;
  }
  .md-m-l-h-auto {
    margin-left: 0 auto;
  }
  .md-p-h-auto {
    padding: 0 auto;
  }
  .md-p-x-h-auto {
    padding-left: 0 auto;
    padding-right: 0 auto;
  }
  .md-p-y-h-auto {
    padding-top: 0 auto;
    padding-bottom: 0 auto;
  }
  .md-p-t-h-auto {
    padding-top: 0 auto;
  }
  .md-p-r-h-auto {
    padding-right: 0 auto;
  }
  .md-p-b-h-auto {
    padding-bottom: 0 auto;
  }
  .md-p-l-h-auto {
    padding-left: 0 auto;
  }
  .md-m-v-auto {
    margin: auto 0;
  }
  .md-m-x-v-auto {
    margin-left: auto 0;
    margin-right: auto 0;
  }
  .md-m-y-v-auto {
    margin-top: auto 0;
    margin-bottom: auto 0;
  }
  .md-m-t-v-auto {
    margin-top: auto 0;
  }
  .md-m-r-v-auto {
    margin-right: auto 0;
  }
  .md-m-b-v-auto {
    margin-bottom: auto 0;
  }
  .md-m-l-v-auto {
    margin-left: auto 0;
  }
  .md-p-v-auto {
    padding: auto 0;
  }
  .md-p-x-v-auto {
    padding-left: auto 0;
    padding-right: auto 0;
  }
  .md-p-y-v-auto {
    padding-top: auto 0;
    padding-bottom: auto 0;
  }
  .md-p-t-v-auto {
    padding-top: auto 0;
  }
  .md-p-r-v-auto {
    padding-right: auto 0;
  }
  .md-p-b-v-auto {
    padding-bottom: auto 0;
  }
  .md-p-l-v-auto {
    padding-left: auto 0;
  }
  .md-m-none {
    margin: 0;
  }
  .md-m-x-none {
    margin-left: 0;
    margin-right: 0;
  }
  .md-m-y-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  .md-m-t-none {
    margin-top: 0;
  }
  .md-m-r-none {
    margin-right: 0;
  }
  .md-m-b-none {
    margin-bottom: 0;
  }
  .md-m-l-none {
    margin-left: 0;
  }
  .md-p-none {
    padding: 0;
  }
  .md-p-x-none {
    padding-left: 0;
    padding-right: 0;
  }
  .md-p-y-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md-p-t-none {
    padding-top: 0;
  }
  .md-p-r-none {
    padding-right: 0;
  }
  .md-p-b-none {
    padding-bottom: 0;
  }
  .md-p-l-none {
    padding-left: 0;
  }
  .md-m-2xs {
    margin: 1rem;
  }
  .md-m-x-2xs {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md-m-y-2xs {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .md-m-t-2xs {
    margin-top: 1rem;
  }
  .md-m-r-2xs {
    margin-right: 1rem;
  }
  .md-m-b-2xs {
    margin-bottom: 1rem;
  }
  .md-m-l-2xs {
    margin-left: 1rem;
  }
  .md-p-2xs {
    padding: 1rem;
  }
  .md-p-x-2xs {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md-p-y-2xs {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md-p-t-2xs {
    padding-top: 1rem;
  }
  .md-p-r-2xs {
    padding-right: 1rem;
  }
  .md-p-b-2xs {
    padding-bottom: 1rem;
  }
  .md-p-l-2xs {
    padding-left: 1rem;
  }
  .md-m-xs {
    margin: 2rem;
  }
  .md-m-x-xs {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .md-m-y-xs {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .md-m-t-xs {
    margin-top: 2rem;
  }
  .md-m-r-xs {
    margin-right: 2rem;
  }
  .md-m-b-xs {
    margin-bottom: 2rem;
  }
  .md-m-l-xs {
    margin-left: 2rem;
  }
  .md-p-xs {
    padding: 2rem;
  }
  .md-p-x-xs {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md-p-y-xs {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md-p-t-xs {
    padding-top: 2rem;
  }
  .md-p-r-xs {
    padding-right: 2rem;
  }
  .md-p-b-xs {
    padding-bottom: 2rem;
  }
  .md-p-l-xs {
    padding-left: 2rem;
  }
  .md-m-sm {
    margin: 4rem;
  }
  .md-m-x-sm {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .md-m-y-sm {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .md-m-t-sm {
    margin-top: 4rem;
  }
  .md-m-r-sm {
    margin-right: 4rem;
  }
  .md-m-b-sm {
    margin-bottom: 4rem;
  }
  .md-m-l-sm {
    margin-left: 4rem;
  }
  .md-p-sm {
    padding: 4rem;
  }
  .md-p-x-sm {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md-p-y-sm {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md-p-t-sm {
    padding-top: 4rem;
  }
  .md-p-r-sm {
    padding-right: 4rem;
  }
  .md-p-b-sm {
    padding-bottom: 4rem;
  }
  .md-p-l-sm {
    padding-left: 4rem;
  }
  .md-m-md {
    margin: 6rem;
  }
  .md-m-x-md {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .md-m-y-md {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .md-m-t-md {
    margin-top: 6rem;
  }
  .md-m-r-md {
    margin-right: 6rem;
  }
  .md-m-b-md {
    margin-bottom: 6rem;
  }
  .md-m-l-md {
    margin-left: 6rem;
  }
  .md-p-md {
    padding: 6rem;
  }
  .md-p-x-md {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .md-p-y-md {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .md-p-t-md {
    padding-top: 6rem;
  }
  .md-p-r-md {
    padding-right: 6rem;
  }
  .md-p-b-md {
    padding-bottom: 6rem;
  }
  .md-p-l-md {
    padding-left: 6rem;
  }
  .md-m-lg {
    margin: 8rem;
  }
  .md-m-x-lg {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .md-m-y-lg {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .md-m-t-lg {
    margin-top: 8rem;
  }
  .md-m-r-lg {
    margin-right: 8rem;
  }
  .md-m-b-lg {
    margin-bottom: 8rem;
  }
  .md-m-l-lg {
    margin-left: 8rem;
  }
  .md-p-lg {
    padding: 8rem;
  }
  .md-p-x-lg {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .md-p-y-lg {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .md-p-t-lg {
    padding-top: 8rem;
  }
  .md-p-r-lg {
    padding-right: 8rem;
  }
  .md-p-b-lg {
    padding-bottom: 8rem;
  }
  .md-p-l-lg {
    padding-left: 8rem;
  }
  .md-m-xl {
    margin: 10rem;
  }
  .md-m-x-xl {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .md-m-y-xl {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .md-m-t-xl {
    margin-top: 10rem;
  }
  .md-m-r-xl {
    margin-right: 10rem;
  }
  .md-m-b-xl {
    margin-bottom: 10rem;
  }
  .md-m-l-xl {
    margin-left: 10rem;
  }
  .md-p-xl {
    padding: 10rem;
  }
  .md-p-x-xl {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .md-p-y-xl {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .md-p-t-xl {
    padding-top: 10rem;
  }
  .md-p-r-xl {
    padding-right: 10rem;
  }
  .md-p-b-xl {
    padding-bottom: 10rem;
  }
  .md-p-l-xl {
    padding-left: 10rem;
  }
  .md-m-2xl {
    margin: 12rem;
  }
  .md-m-x-2xl {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .md-m-y-2xl {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .md-m-t-2xl {
    margin-top: 12rem;
  }
  .md-m-r-2xl {
    margin-right: 12rem;
  }
  .md-m-b-2xl {
    margin-bottom: 12rem;
  }
  .md-m-l-2xl {
    margin-left: 12rem;
  }
  .md-p-2xl {
    padding: 12rem;
  }
  .md-p-x-2xl {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .md-p-y-2xl {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .md-p-t-2xl {
    padding-top: 12rem;
  }
  .md-p-r-2xl {
    padding-right: 12rem;
  }
  .md-p-b-2xl {
    padding-bottom: 12rem;
  }
  .md-p-l-2xl {
    padding-left: 12rem;
  }
  .md-m-3xl {
    margin: 16rem;
  }
  .md-m-x-3xl {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .md-m-y-3xl {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .md-m-t-3xl {
    margin-top: 16rem;
  }
  .md-m-r-3xl {
    margin-right: 16rem;
  }
  .md-m-b-3xl {
    margin-bottom: 16rem;
  }
  .md-m-l-3xl {
    margin-left: 16rem;
  }
  .md-p-3xl {
    padding: 16rem;
  }
  .md-p-x-3xl {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .md-p-y-3xl {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .md-p-t-3xl {
    padding-top: 16rem;
  }
  .md-p-r-3xl {
    padding-right: 16rem;
  }
  .md-p-b-3xl {
    padding-bottom: 16rem;
  }
  .md-p-l-3xl {
    padding-left: 16rem;
  }
}
@media (min-width: 992px) {
  .lg-m-auto {
    margin: auto;
  }
  .lg-m-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg-m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .lg-m-t-auto {
    margin-top: auto;
  }
  .lg-m-r-auto {
    margin-right: auto;
  }
  .lg-m-b-auto {
    margin-bottom: auto;
  }
  .lg-m-l-auto {
    margin-left: auto;
  }
  .lg-p-auto {
    padding: auto;
  }
  .lg-p-x-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .lg-p-y-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .lg-p-t-auto {
    padding-top: auto;
  }
  .lg-p-r-auto {
    padding-right: auto;
  }
  .lg-p-b-auto {
    padding-bottom: auto;
  }
  .lg-p-l-auto {
    padding-left: auto;
  }
  .lg-m-h-auto {
    margin: 0 auto;
  }
  .lg-m-x-h-auto {
    margin-left: 0 auto;
    margin-right: 0 auto;
  }
  .lg-m-y-h-auto {
    margin-top: 0 auto;
    margin-bottom: 0 auto;
  }
  .lg-m-t-h-auto {
    margin-top: 0 auto;
  }
  .lg-m-r-h-auto {
    margin-right: 0 auto;
  }
  .lg-m-b-h-auto {
    margin-bottom: 0 auto;
  }
  .lg-m-l-h-auto {
    margin-left: 0 auto;
  }
  .lg-p-h-auto {
    padding: 0 auto;
  }
  .lg-p-x-h-auto {
    padding-left: 0 auto;
    padding-right: 0 auto;
  }
  .lg-p-y-h-auto {
    padding-top: 0 auto;
    padding-bottom: 0 auto;
  }
  .lg-p-t-h-auto {
    padding-top: 0 auto;
  }
  .lg-p-r-h-auto {
    padding-right: 0 auto;
  }
  .lg-p-b-h-auto {
    padding-bottom: 0 auto;
  }
  .lg-p-l-h-auto {
    padding-left: 0 auto;
  }
  .lg-m-v-auto {
    margin: auto 0;
  }
  .lg-m-x-v-auto {
    margin-left: auto 0;
    margin-right: auto 0;
  }
  .lg-m-y-v-auto {
    margin-top: auto 0;
    margin-bottom: auto 0;
  }
  .lg-m-t-v-auto {
    margin-top: auto 0;
  }
  .lg-m-r-v-auto {
    margin-right: auto 0;
  }
  .lg-m-b-v-auto {
    margin-bottom: auto 0;
  }
  .lg-m-l-v-auto {
    margin-left: auto 0;
  }
  .lg-p-v-auto {
    padding: auto 0;
  }
  .lg-p-x-v-auto {
    padding-left: auto 0;
    padding-right: auto 0;
  }
  .lg-p-y-v-auto {
    padding-top: auto 0;
    padding-bottom: auto 0;
  }
  .lg-p-t-v-auto {
    padding-top: auto 0;
  }
  .lg-p-r-v-auto {
    padding-right: auto 0;
  }
  .lg-p-b-v-auto {
    padding-bottom: auto 0;
  }
  .lg-p-l-v-auto {
    padding-left: auto 0;
  }
  .lg-m-none {
    margin: 0;
  }
  .lg-m-x-none {
    margin-left: 0;
    margin-right: 0;
  }
  .lg-m-y-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  .lg-m-t-none {
    margin-top: 0;
  }
  .lg-m-r-none {
    margin-right: 0;
  }
  .lg-m-b-none {
    margin-bottom: 0;
  }
  .lg-m-l-none {
    margin-left: 0;
  }
  .lg-p-none {
    padding: 0;
  }
  .lg-p-x-none {
    padding-left: 0;
    padding-right: 0;
  }
  .lg-p-y-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg-p-t-none {
    padding-top: 0;
  }
  .lg-p-r-none {
    padding-right: 0;
  }
  .lg-p-b-none {
    padding-bottom: 0;
  }
  .lg-p-l-none {
    padding-left: 0;
  }
  .lg-m-2xs {
    margin: 1rem;
  }
  .lg-m-x-2xs {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .lg-m-y-2xs {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .lg-m-t-2xs {
    margin-top: 1rem;
  }
  .lg-m-r-2xs {
    margin-right: 1rem;
  }
  .lg-m-b-2xs {
    margin-bottom: 1rem;
  }
  .lg-m-l-2xs {
    margin-left: 1rem;
  }
  .lg-p-2xs {
    padding: 1rem;
  }
  .lg-p-x-2xs {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg-p-y-2xs {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg-p-t-2xs {
    padding-top: 1rem;
  }
  .lg-p-r-2xs {
    padding-right: 1rem;
  }
  .lg-p-b-2xs {
    padding-bottom: 1rem;
  }
  .lg-p-l-2xs {
    padding-left: 1rem;
  }
  .lg-m-xs {
    margin: 2rem;
  }
  .lg-m-x-xs {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .lg-m-y-xs {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .lg-m-t-xs {
    margin-top: 2rem;
  }
  .lg-m-r-xs {
    margin-right: 2rem;
  }
  .lg-m-b-xs {
    margin-bottom: 2rem;
  }
  .lg-m-l-xs {
    margin-left: 2rem;
  }
  .lg-p-xs {
    padding: 2rem;
  }
  .lg-p-x-xs {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg-p-y-xs {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg-p-t-xs {
    padding-top: 2rem;
  }
  .lg-p-r-xs {
    padding-right: 2rem;
  }
  .lg-p-b-xs {
    padding-bottom: 2rem;
  }
  .lg-p-l-xs {
    padding-left: 2rem;
  }
  .lg-m-sm {
    margin: 4rem;
  }
  .lg-m-x-sm {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .lg-m-y-sm {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .lg-m-t-sm {
    margin-top: 4rem;
  }
  .lg-m-r-sm {
    margin-right: 4rem;
  }
  .lg-m-b-sm {
    margin-bottom: 4rem;
  }
  .lg-m-l-sm {
    margin-left: 4rem;
  }
  .lg-p-sm {
    padding: 4rem;
  }
  .lg-p-x-sm {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg-p-y-sm {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .lg-p-t-sm {
    padding-top: 4rem;
  }
  .lg-p-r-sm {
    padding-right: 4rem;
  }
  .lg-p-b-sm {
    padding-bottom: 4rem;
  }
  .lg-p-l-sm {
    padding-left: 4rem;
  }
  .lg-m-md {
    margin: 6rem;
  }
  .lg-m-x-md {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .lg-m-y-md {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .lg-m-t-md {
    margin-top: 6rem;
  }
  .lg-m-r-md {
    margin-right: 6rem;
  }
  .lg-m-b-md {
    margin-bottom: 6rem;
  }
  .lg-m-l-md {
    margin-left: 6rem;
  }
  .lg-p-md {
    padding: 6rem;
  }
  .lg-p-x-md {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .lg-p-y-md {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .lg-p-t-md {
    padding-top: 6rem;
  }
  .lg-p-r-md {
    padding-right: 6rem;
  }
  .lg-p-b-md {
    padding-bottom: 6rem;
  }
  .lg-p-l-md {
    padding-left: 6rem;
  }
  .lg-m-lg {
    margin: 8rem;
  }
  .lg-m-x-lg {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .lg-m-y-lg {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .lg-m-t-lg {
    margin-top: 8rem;
  }
  .lg-m-r-lg {
    margin-right: 8rem;
  }
  .lg-m-b-lg {
    margin-bottom: 8rem;
  }
  .lg-m-l-lg {
    margin-left: 8rem;
  }
  .lg-p-lg {
    padding: 8rem;
  }
  .lg-p-x-lg {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .lg-p-y-lg {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .lg-p-t-lg {
    padding-top: 8rem;
  }
  .lg-p-r-lg {
    padding-right: 8rem;
  }
  .lg-p-b-lg {
    padding-bottom: 8rem;
  }
  .lg-p-l-lg {
    padding-left: 8rem;
  }
  .lg-m-xl {
    margin: 10rem;
  }
  .lg-m-x-xl {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .lg-m-y-xl {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .lg-m-t-xl {
    margin-top: 10rem;
  }
  .lg-m-r-xl {
    margin-right: 10rem;
  }
  .lg-m-b-xl {
    margin-bottom: 10rem;
  }
  .lg-m-l-xl {
    margin-left: 10rem;
  }
  .lg-p-xl {
    padding: 10rem;
  }
  .lg-p-x-xl {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .lg-p-y-xl {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .lg-p-t-xl {
    padding-top: 10rem;
  }
  .lg-p-r-xl {
    padding-right: 10rem;
  }
  .lg-p-b-xl {
    padding-bottom: 10rem;
  }
  .lg-p-l-xl {
    padding-left: 10rem;
  }
  .lg-m-2xl {
    margin: 12rem;
  }
  .lg-m-x-2xl {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .lg-m-y-2xl {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .lg-m-t-2xl {
    margin-top: 12rem;
  }
  .lg-m-r-2xl {
    margin-right: 12rem;
  }
  .lg-m-b-2xl {
    margin-bottom: 12rem;
  }
  .lg-m-l-2xl {
    margin-left: 12rem;
  }
  .lg-p-2xl {
    padding: 12rem;
  }
  .lg-p-x-2xl {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .lg-p-y-2xl {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .lg-p-t-2xl {
    padding-top: 12rem;
  }
  .lg-p-r-2xl {
    padding-right: 12rem;
  }
  .lg-p-b-2xl {
    padding-bottom: 12rem;
  }
  .lg-p-l-2xl {
    padding-left: 12rem;
  }
  .lg-m-3xl {
    margin: 16rem;
  }
  .lg-m-x-3xl {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .lg-m-y-3xl {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .lg-m-t-3xl {
    margin-top: 16rem;
  }
  .lg-m-r-3xl {
    margin-right: 16rem;
  }
  .lg-m-b-3xl {
    margin-bottom: 16rem;
  }
  .lg-m-l-3xl {
    margin-left: 16rem;
  }
  .lg-p-3xl {
    padding: 16rem;
  }
  .lg-p-x-3xl {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .lg-p-y-3xl {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .lg-p-t-3xl {
    padding-top: 16rem;
  }
  .lg-p-r-3xl {
    padding-right: 16rem;
  }
  .lg-p-b-3xl {
    padding-bottom: 16rem;
  }
  .lg-p-l-3xl {
    padding-left: 16rem;
  }
}
@media (min-width: 1280px) {
  .xl-m-auto {
    margin: auto;
  }
  .xl-m-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xl-m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .xl-m-t-auto {
    margin-top: auto;
  }
  .xl-m-r-auto {
    margin-right: auto;
  }
  .xl-m-b-auto {
    margin-bottom: auto;
  }
  .xl-m-l-auto {
    margin-left: auto;
  }
  .xl-p-auto {
    padding: auto;
  }
  .xl-p-x-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .xl-p-y-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .xl-p-t-auto {
    padding-top: auto;
  }
  .xl-p-r-auto {
    padding-right: auto;
  }
  .xl-p-b-auto {
    padding-bottom: auto;
  }
  .xl-p-l-auto {
    padding-left: auto;
  }
  .xl-m-h-auto {
    margin: 0 auto;
  }
  .xl-m-x-h-auto {
    margin-left: 0 auto;
    margin-right: 0 auto;
  }
  .xl-m-y-h-auto {
    margin-top: 0 auto;
    margin-bottom: 0 auto;
  }
  .xl-m-t-h-auto {
    margin-top: 0 auto;
  }
  .xl-m-r-h-auto {
    margin-right: 0 auto;
  }
  .xl-m-b-h-auto {
    margin-bottom: 0 auto;
  }
  .xl-m-l-h-auto {
    margin-left: 0 auto;
  }
  .xl-p-h-auto {
    padding: 0 auto;
  }
  .xl-p-x-h-auto {
    padding-left: 0 auto;
    padding-right: 0 auto;
  }
  .xl-p-y-h-auto {
    padding-top: 0 auto;
    padding-bottom: 0 auto;
  }
  .xl-p-t-h-auto {
    padding-top: 0 auto;
  }
  .xl-p-r-h-auto {
    padding-right: 0 auto;
  }
  .xl-p-b-h-auto {
    padding-bottom: 0 auto;
  }
  .xl-p-l-h-auto {
    padding-left: 0 auto;
  }
  .xl-m-v-auto {
    margin: auto 0;
  }
  .xl-m-x-v-auto {
    margin-left: auto 0;
    margin-right: auto 0;
  }
  .xl-m-y-v-auto {
    margin-top: auto 0;
    margin-bottom: auto 0;
  }
  .xl-m-t-v-auto {
    margin-top: auto 0;
  }
  .xl-m-r-v-auto {
    margin-right: auto 0;
  }
  .xl-m-b-v-auto {
    margin-bottom: auto 0;
  }
  .xl-m-l-v-auto {
    margin-left: auto 0;
  }
  .xl-p-v-auto {
    padding: auto 0;
  }
  .xl-p-x-v-auto {
    padding-left: auto 0;
    padding-right: auto 0;
  }
  .xl-p-y-v-auto {
    padding-top: auto 0;
    padding-bottom: auto 0;
  }
  .xl-p-t-v-auto {
    padding-top: auto 0;
  }
  .xl-p-r-v-auto {
    padding-right: auto 0;
  }
  .xl-p-b-v-auto {
    padding-bottom: auto 0;
  }
  .xl-p-l-v-auto {
    padding-left: auto 0;
  }
  .xl-m-none {
    margin: 0;
  }
  .xl-m-x-none {
    margin-left: 0;
    margin-right: 0;
  }
  .xl-m-y-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  .xl-m-t-none {
    margin-top: 0;
  }
  .xl-m-r-none {
    margin-right: 0;
  }
  .xl-m-b-none {
    margin-bottom: 0;
  }
  .xl-m-l-none {
    margin-left: 0;
  }
  .xl-p-none {
    padding: 0;
  }
  .xl-p-x-none {
    padding-left: 0;
    padding-right: 0;
  }
  .xl-p-y-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xl-p-t-none {
    padding-top: 0;
  }
  .xl-p-r-none {
    padding-right: 0;
  }
  .xl-p-b-none {
    padding-bottom: 0;
  }
  .xl-p-l-none {
    padding-left: 0;
  }
  .xl-m-2xs {
    margin: 1rem;
  }
  .xl-m-x-2xs {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .xl-m-y-2xs {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .xl-m-t-2xs {
    margin-top: 1rem;
  }
  .xl-m-r-2xs {
    margin-right: 1rem;
  }
  .xl-m-b-2xs {
    margin-bottom: 1rem;
  }
  .xl-m-l-2xs {
    margin-left: 1rem;
  }
  .xl-p-2xs {
    padding: 1rem;
  }
  .xl-p-x-2xs {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xl-p-y-2xs {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xl-p-t-2xs {
    padding-top: 1rem;
  }
  .xl-p-r-2xs {
    padding-right: 1rem;
  }
  .xl-p-b-2xs {
    padding-bottom: 1rem;
  }
  .xl-p-l-2xs {
    padding-left: 1rem;
  }
  .xl-m-xs {
    margin: 2rem;
  }
  .xl-m-x-xs {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .xl-m-y-xs {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .xl-m-t-xs {
    margin-top: 2rem;
  }
  .xl-m-r-xs {
    margin-right: 2rem;
  }
  .xl-m-b-xs {
    margin-bottom: 2rem;
  }
  .xl-m-l-xs {
    margin-left: 2rem;
  }
  .xl-p-xs {
    padding: 2rem;
  }
  .xl-p-x-xs {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xl-p-y-xs {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xl-p-t-xs {
    padding-top: 2rem;
  }
  .xl-p-r-xs {
    padding-right: 2rem;
  }
  .xl-p-b-xs {
    padding-bottom: 2rem;
  }
  .xl-p-l-xs {
    padding-left: 2rem;
  }
  .xl-m-sm {
    margin: 4rem;
  }
  .xl-m-x-sm {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .xl-m-y-sm {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .xl-m-t-sm {
    margin-top: 4rem;
  }
  .xl-m-r-sm {
    margin-right: 4rem;
  }
  .xl-m-b-sm {
    margin-bottom: 4rem;
  }
  .xl-m-l-sm {
    margin-left: 4rem;
  }
  .xl-p-sm {
    padding: 4rem;
  }
  .xl-p-x-sm {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xl-p-y-sm {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .xl-p-t-sm {
    padding-top: 4rem;
  }
  .xl-p-r-sm {
    padding-right: 4rem;
  }
  .xl-p-b-sm {
    padding-bottom: 4rem;
  }
  .xl-p-l-sm {
    padding-left: 4rem;
  }
  .xl-m-md {
    margin: 6rem;
  }
  .xl-m-x-md {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .xl-m-y-md {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .xl-m-t-md {
    margin-top: 6rem;
  }
  .xl-m-r-md {
    margin-right: 6rem;
  }
  .xl-m-b-md {
    margin-bottom: 6rem;
  }
  .xl-m-l-md {
    margin-left: 6rem;
  }
  .xl-p-md {
    padding: 6rem;
  }
  .xl-p-x-md {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .xl-p-y-md {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .xl-p-t-md {
    padding-top: 6rem;
  }
  .xl-p-r-md {
    padding-right: 6rem;
  }
  .xl-p-b-md {
    padding-bottom: 6rem;
  }
  .xl-p-l-md {
    padding-left: 6rem;
  }
  .xl-m-lg {
    margin: 8rem;
  }
  .xl-m-x-lg {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .xl-m-y-lg {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .xl-m-t-lg {
    margin-top: 8rem;
  }
  .xl-m-r-lg {
    margin-right: 8rem;
  }
  .xl-m-b-lg {
    margin-bottom: 8rem;
  }
  .xl-m-l-lg {
    margin-left: 8rem;
  }
  .xl-p-lg {
    padding: 8rem;
  }
  .xl-p-x-lg {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .xl-p-y-lg {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .xl-p-t-lg {
    padding-top: 8rem;
  }
  .xl-p-r-lg {
    padding-right: 8rem;
  }
  .xl-p-b-lg {
    padding-bottom: 8rem;
  }
  .xl-p-l-lg {
    padding-left: 8rem;
  }
  .xl-m-xl {
    margin: 10rem;
  }
  .xl-m-x-xl {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .xl-m-y-xl {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .xl-m-t-xl {
    margin-top: 10rem;
  }
  .xl-m-r-xl {
    margin-right: 10rem;
  }
  .xl-m-b-xl {
    margin-bottom: 10rem;
  }
  .xl-m-l-xl {
    margin-left: 10rem;
  }
  .xl-p-xl {
    padding: 10rem;
  }
  .xl-p-x-xl {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .xl-p-y-xl {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .xl-p-t-xl {
    padding-top: 10rem;
  }
  .xl-p-r-xl {
    padding-right: 10rem;
  }
  .xl-p-b-xl {
    padding-bottom: 10rem;
  }
  .xl-p-l-xl {
    padding-left: 10rem;
  }
  .xl-m-2xl {
    margin: 12rem;
  }
  .xl-m-x-2xl {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .xl-m-y-2xl {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .xl-m-t-2xl {
    margin-top: 12rem;
  }
  .xl-m-r-2xl {
    margin-right: 12rem;
  }
  .xl-m-b-2xl {
    margin-bottom: 12rem;
  }
  .xl-m-l-2xl {
    margin-left: 12rem;
  }
  .xl-p-2xl {
    padding: 12rem;
  }
  .xl-p-x-2xl {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .xl-p-y-2xl {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .xl-p-t-2xl {
    padding-top: 12rem;
  }
  .xl-p-r-2xl {
    padding-right: 12rem;
  }
  .xl-p-b-2xl {
    padding-bottom: 12rem;
  }
  .xl-p-l-2xl {
    padding-left: 12rem;
  }
  .xl-m-3xl {
    margin: 16rem;
  }
  .xl-m-x-3xl {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .xl-m-y-3xl {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .xl-m-t-3xl {
    margin-top: 16rem;
  }
  .xl-m-r-3xl {
    margin-right: 16rem;
  }
  .xl-m-b-3xl {
    margin-bottom: 16rem;
  }
  .xl-m-l-3xl {
    margin-left: 16rem;
  }
  .xl-p-3xl {
    padding: 16rem;
  }
  .xl-p-x-3xl {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .xl-p-y-3xl {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .xl-p-t-3xl {
    padding-top: 16rem;
  }
  .xl-p-r-3xl {
    padding-right: 16rem;
  }
  .xl-p-b-3xl {
    padding-bottom: 16rem;
  }
  .xl-p-l-3xl {
    padding-left: 16rem;
  }
}
@media (min-width: 1600px) {
  .xxl-m-auto {
    margin: auto;
  }
  .xxl-m-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xxl-m-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .xxl-m-t-auto {
    margin-top: auto;
  }
  .xxl-m-r-auto {
    margin-right: auto;
  }
  .xxl-m-b-auto {
    margin-bottom: auto;
  }
  .xxl-m-l-auto {
    margin-left: auto;
  }
  .xxl-p-auto {
    padding: auto;
  }
  .xxl-p-x-auto {
    padding-left: auto;
    padding-right: auto;
  }
  .xxl-p-y-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  .xxl-p-t-auto {
    padding-top: auto;
  }
  .xxl-p-r-auto {
    padding-right: auto;
  }
  .xxl-p-b-auto {
    padding-bottom: auto;
  }
  .xxl-p-l-auto {
    padding-left: auto;
  }
  .xxl-m-h-auto {
    margin: 0 auto;
  }
  .xxl-m-x-h-auto {
    margin-left: 0 auto;
    margin-right: 0 auto;
  }
  .xxl-m-y-h-auto {
    margin-top: 0 auto;
    margin-bottom: 0 auto;
  }
  .xxl-m-t-h-auto {
    margin-top: 0 auto;
  }
  .xxl-m-r-h-auto {
    margin-right: 0 auto;
  }
  .xxl-m-b-h-auto {
    margin-bottom: 0 auto;
  }
  .xxl-m-l-h-auto {
    margin-left: 0 auto;
  }
  .xxl-p-h-auto {
    padding: 0 auto;
  }
  .xxl-p-x-h-auto {
    padding-left: 0 auto;
    padding-right: 0 auto;
  }
  .xxl-p-y-h-auto {
    padding-top: 0 auto;
    padding-bottom: 0 auto;
  }
  .xxl-p-t-h-auto {
    padding-top: 0 auto;
  }
  .xxl-p-r-h-auto {
    padding-right: 0 auto;
  }
  .xxl-p-b-h-auto {
    padding-bottom: 0 auto;
  }
  .xxl-p-l-h-auto {
    padding-left: 0 auto;
  }
  .xxl-m-v-auto {
    margin: auto 0;
  }
  .xxl-m-x-v-auto {
    margin-left: auto 0;
    margin-right: auto 0;
  }
  .xxl-m-y-v-auto {
    margin-top: auto 0;
    margin-bottom: auto 0;
  }
  .xxl-m-t-v-auto {
    margin-top: auto 0;
  }
  .xxl-m-r-v-auto {
    margin-right: auto 0;
  }
  .xxl-m-b-v-auto {
    margin-bottom: auto 0;
  }
  .xxl-m-l-v-auto {
    margin-left: auto 0;
  }
  .xxl-p-v-auto {
    padding: auto 0;
  }
  .xxl-p-x-v-auto {
    padding-left: auto 0;
    padding-right: auto 0;
  }
  .xxl-p-y-v-auto {
    padding-top: auto 0;
    padding-bottom: auto 0;
  }
  .xxl-p-t-v-auto {
    padding-top: auto 0;
  }
  .xxl-p-r-v-auto {
    padding-right: auto 0;
  }
  .xxl-p-b-v-auto {
    padding-bottom: auto 0;
  }
  .xxl-p-l-v-auto {
    padding-left: auto 0;
  }
  .xxl-m-none {
    margin: 0;
  }
  .xxl-m-x-none {
    margin-left: 0;
    margin-right: 0;
  }
  .xxl-m-y-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  .xxl-m-t-none {
    margin-top: 0;
  }
  .xxl-m-r-none {
    margin-right: 0;
  }
  .xxl-m-b-none {
    margin-bottom: 0;
  }
  .xxl-m-l-none {
    margin-left: 0;
  }
  .xxl-p-none {
    padding: 0;
  }
  .xxl-p-x-none {
    padding-left: 0;
    padding-right: 0;
  }
  .xxl-p-y-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xxl-p-t-none {
    padding-top: 0;
  }
  .xxl-p-r-none {
    padding-right: 0;
  }
  .xxl-p-b-none {
    padding-bottom: 0;
  }
  .xxl-p-l-none {
    padding-left: 0;
  }
  .xxl-m-2xs {
    margin: 1rem;
  }
  .xxl-m-x-2xs {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .xxl-m-y-2xs {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .xxl-m-t-2xs {
    margin-top: 1rem;
  }
  .xxl-m-r-2xs {
    margin-right: 1rem;
  }
  .xxl-m-b-2xs {
    margin-bottom: 1rem;
  }
  .xxl-m-l-2xs {
    margin-left: 1rem;
  }
  .xxl-p-2xs {
    padding: 1rem;
  }
  .xxl-p-x-2xs {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xxl-p-y-2xs {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xxl-p-t-2xs {
    padding-top: 1rem;
  }
  .xxl-p-r-2xs {
    padding-right: 1rem;
  }
  .xxl-p-b-2xs {
    padding-bottom: 1rem;
  }
  .xxl-p-l-2xs {
    padding-left: 1rem;
  }
  .xxl-m-xs {
    margin: 2rem;
  }
  .xxl-m-x-xs {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .xxl-m-y-xs {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .xxl-m-t-xs {
    margin-top: 2rem;
  }
  .xxl-m-r-xs {
    margin-right: 2rem;
  }
  .xxl-m-b-xs {
    margin-bottom: 2rem;
  }
  .xxl-m-l-xs {
    margin-left: 2rem;
  }
  .xxl-p-xs {
    padding: 2rem;
  }
  .xxl-p-x-xs {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xxl-p-y-xs {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xxl-p-t-xs {
    padding-top: 2rem;
  }
  .xxl-p-r-xs {
    padding-right: 2rem;
  }
  .xxl-p-b-xs {
    padding-bottom: 2rem;
  }
  .xxl-p-l-xs {
    padding-left: 2rem;
  }
  .xxl-m-sm {
    margin: 4rem;
  }
  .xxl-m-x-sm {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .xxl-m-y-sm {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .xxl-m-t-sm {
    margin-top: 4rem;
  }
  .xxl-m-r-sm {
    margin-right: 4rem;
  }
  .xxl-m-b-sm {
    margin-bottom: 4rem;
  }
  .xxl-m-l-sm {
    margin-left: 4rem;
  }
  .xxl-p-sm {
    padding: 4rem;
  }
  .xxl-p-x-sm {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xxl-p-y-sm {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .xxl-p-t-sm {
    padding-top: 4rem;
  }
  .xxl-p-r-sm {
    padding-right: 4rem;
  }
  .xxl-p-b-sm {
    padding-bottom: 4rem;
  }
  .xxl-p-l-sm {
    padding-left: 4rem;
  }
  .xxl-m-md {
    margin: 6rem;
  }
  .xxl-m-x-md {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .xxl-m-y-md {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .xxl-m-t-md {
    margin-top: 6rem;
  }
  .xxl-m-r-md {
    margin-right: 6rem;
  }
  .xxl-m-b-md {
    margin-bottom: 6rem;
  }
  .xxl-m-l-md {
    margin-left: 6rem;
  }
  .xxl-p-md {
    padding: 6rem;
  }
  .xxl-p-x-md {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .xxl-p-y-md {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .xxl-p-t-md {
    padding-top: 6rem;
  }
  .xxl-p-r-md {
    padding-right: 6rem;
  }
  .xxl-p-b-md {
    padding-bottom: 6rem;
  }
  .xxl-p-l-md {
    padding-left: 6rem;
  }
  .xxl-m-lg {
    margin: 8rem;
  }
  .xxl-m-x-lg {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .xxl-m-y-lg {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .xxl-m-t-lg {
    margin-top: 8rem;
  }
  .xxl-m-r-lg {
    margin-right: 8rem;
  }
  .xxl-m-b-lg {
    margin-bottom: 8rem;
  }
  .xxl-m-l-lg {
    margin-left: 8rem;
  }
  .xxl-p-lg {
    padding: 8rem;
  }
  .xxl-p-x-lg {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .xxl-p-y-lg {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .xxl-p-t-lg {
    padding-top: 8rem;
  }
  .xxl-p-r-lg {
    padding-right: 8rem;
  }
  .xxl-p-b-lg {
    padding-bottom: 8rem;
  }
  .xxl-p-l-lg {
    padding-left: 8rem;
  }
  .xxl-m-xl {
    margin: 10rem;
  }
  .xxl-m-x-xl {
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .xxl-m-y-xl {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .xxl-m-t-xl {
    margin-top: 10rem;
  }
  .xxl-m-r-xl {
    margin-right: 10rem;
  }
  .xxl-m-b-xl {
    margin-bottom: 10rem;
  }
  .xxl-m-l-xl {
    margin-left: 10rem;
  }
  .xxl-p-xl {
    padding: 10rem;
  }
  .xxl-p-x-xl {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .xxl-p-y-xl {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .xxl-p-t-xl {
    padding-top: 10rem;
  }
  .xxl-p-r-xl {
    padding-right: 10rem;
  }
  .xxl-p-b-xl {
    padding-bottom: 10rem;
  }
  .xxl-p-l-xl {
    padding-left: 10rem;
  }
  .xxl-m-2xl {
    margin: 12rem;
  }
  .xxl-m-x-2xl {
    margin-left: 12rem;
    margin-right: 12rem;
  }
  .xxl-m-y-2xl {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
  .xxl-m-t-2xl {
    margin-top: 12rem;
  }
  .xxl-m-r-2xl {
    margin-right: 12rem;
  }
  .xxl-m-b-2xl {
    margin-bottom: 12rem;
  }
  .xxl-m-l-2xl {
    margin-left: 12rem;
  }
  .xxl-p-2xl {
    padding: 12rem;
  }
  .xxl-p-x-2xl {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .xxl-p-y-2xl {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .xxl-p-t-2xl {
    padding-top: 12rem;
  }
  .xxl-p-r-2xl {
    padding-right: 12rem;
  }
  .xxl-p-b-2xl {
    padding-bottom: 12rem;
  }
  .xxl-p-l-2xl {
    padding-left: 12rem;
  }
  .xxl-m-3xl {
    margin: 16rem;
  }
  .xxl-m-x-3xl {
    margin-left: 16rem;
    margin-right: 16rem;
  }
  .xxl-m-y-3xl {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .xxl-m-t-3xl {
    margin-top: 16rem;
  }
  .xxl-m-r-3xl {
    margin-right: 16rem;
  }
  .xxl-m-b-3xl {
    margin-bottom: 16rem;
  }
  .xxl-m-l-3xl {
    margin-left: 16rem;
  }
  .xxl-p-3xl {
    padding: 16rem;
  }
  .xxl-p-x-3xl {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .xxl-p-y-3xl {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .xxl-p-t-3xl {
    padding-top: 16rem;
  }
  .xxl-p-r-3xl {
    padding-right: 16rem;
  }
  .xxl-p-b-3xl {
    padding-bottom: 16rem;
  }
  .xxl-p-l-3xl {
    padding-left: 16rem;
  }
}
.font-xs {
  font-size: 12px;
}

.font-sm {
  font-size: 14px;
}

.font-reg, h5,
h6 {
  font-size: 16px;
}

.font-md {
  font-size: 18px;
}

.font-lg {
  font-size: 24px;
}

.font-xl {
  font-size: 32px;
}

.font-2xl {
  font-size: 48px;
}

.font-3xl {
  font-size: 68px;
}

@media (max-width: 400px) {
  .xs-font-xs {
    font-size: 12px;
  }
  .xs-font-sm {
    font-size: 14px;
  }
  .xs-font-reg {
    font-size: 16px;
  }
  .xs-font-md {
    font-size: 18px;
  }
  .xs-font-lg {
    font-size: 24px;
  }
  .xs-font-xl {
    font-size: 32px;
  }
  .xs-font-2xl {
    font-size: 48px;
  }
  .xs-font-3xl {
    font-size: 68px;
  }
}
@media (min-width: 400px) {
  .sm-font-xs {
    font-size: 12px;
  }
  .sm-font-sm {
    font-size: 14px;
  }
  .sm-font-reg {
    font-size: 16px;
  }
  .sm-font-md {
    font-size: 18px;
  }
  .sm-font-lg {
    font-size: 24px;
  }
  .sm-font-xl {
    font-size: 32px;
  }
  .sm-font-2xl {
    font-size: 48px;
  }
  .sm-font-3xl {
    font-size: 68px;
  }
}
@media (min-width: 667px) {
  .md-font-xs {
    font-size: 12px;
  }
  .md-font-sm {
    font-size: 14px;
  }
  .md-font-reg {
    font-size: 16px;
  }
  .md-font-md {
    font-size: 18px;
  }
  .md-font-lg {
    font-size: 24px;
  }
  .md-font-xl {
    font-size: 32px;
  }
  .md-font-2xl {
    font-size: 48px;
  }
  .md-font-3xl {
    font-size: 68px;
  }
}
@media (min-width: 992px) {
  .lg-font-xs {
    font-size: 12px;
  }
  .lg-font-sm {
    font-size: 14px;
  }
  .lg-font-reg {
    font-size: 16px;
  }
  .lg-font-md {
    font-size: 18px;
  }
  .lg-font-lg {
    font-size: 24px;
  }
  .lg-font-xl {
    font-size: 32px;
  }
  .lg-font-2xl {
    font-size: 48px;
  }
  .lg-font-3xl {
    font-size: 68px;
  }
}
@media (min-width: 1280px) {
  .xl-font-xs {
    font-size: 12px;
  }
  .xl-font-sm {
    font-size: 14px;
  }
  .xl-font-reg {
    font-size: 16px;
  }
  .xl-font-md {
    font-size: 18px;
  }
  .xl-font-lg {
    font-size: 24px;
  }
  .xl-font-xl {
    font-size: 32px;
  }
  .xl-font-2xl {
    font-size: 48px;
  }
  .xl-font-3xl {
    font-size: 68px;
  }
}
@media (min-width: 1600px) {
  .xxl-font-xs {
    font-size: 12px;
  }
  .xxl-font-sm {
    font-size: 14px;
  }
  .xxl-font-reg {
    font-size: 16px;
  }
  .xxl-font-md {
    font-size: 18px;
  }
  .xxl-font-lg {
    font-size: 24px;
  }
  .xxl-font-xl {
    font-size: 32px;
  }
  .xxl-font-2xl {
    font-size: 48px;
  }
  .xxl-font-3xl {
    font-size: 68px;
  }
}
.font-thin {
  font-weight: 100;
}

.font-extra-light {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semi-bold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extra-bold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

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

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

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

@media (max-width: 400px) {
  .xs-text-left {
    text-align: left;
  }
  .xs-text-center {
    text-align: center;
  }
  .xs-text-right {
    text-align: right;
  }
}
@media (min-width: 400px) {
  .sm-text-left {
    text-align: left;
  }
  .sm-text-center {
    text-align: center;
  }
  .sm-text-right {
    text-align: right;
  }
}
@media (min-width: 667px) {
  .md-text-left {
    text-align: left;
  }
  .md-text-center {
    text-align: center;
  }
  .md-text-right {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .lg-text-left {
    text-align: left;
  }
  .lg-text-center {
    text-align: center;
  }
  .lg-text-right {
    text-align: right;
  }
}
@media (min-width: 1280px) {
  .xl-text-left {
    text-align: left;
  }
  .xl-text-center {
    text-align: center;
  }
  .xl-text-right {
    text-align: right;
  }
}
@media (min-width: 1600px) {
  .xxl-text-left {
    text-align: left;
  }
  .xxl-text-center {
    text-align: center;
  }
  .xxl-text-right {
    text-align: right;
  }
}
.text-uppercase {
  text-transform: uppercase;
}

.text-no-underline {
  text-decoration: none;
}

.text-underline {
  text-decoration: underline;
}

.z--1 {
  z-index: -1;
}

.z-1 {
  z-index: 1;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-60 {
  z-index: 60;
}

.z-70 {
  z-index: 70;
}

.z-80 {
  z-index: 80;
}

.z-90 {
  z-index: 90;
}

.z-100 {
  z-index: 100;
}

.z-200 {
  z-index: 200;
}

.z-300 {
  z-index: 300;
}

.z-400 {
  z-index: 400;
}

.z-500 {
  z-index: 500;
}

.z-600 {
  z-index: 600;
}

.z-700 {
  z-index: 700;
}

.z-800 {
  z-index: 800;
}

.z-900 {
  z-index: 900;
}

.z-1000 {
  z-index: 1000;
}

.col {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 var(--spacer-sm);
  min-height: 1px;
}

.col-1 {
  flex: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 16.6666666667%;
  max-width: 16.6666666667%;
}

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

.col-4 {
  flex: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 41.6666666667%;
  max-width: 41.6666666667%;
}

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

.col-7 {
  flex: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 66.6666666667%;
  max-width: 66.6666666667%;
}

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

.col-10 {
  flex: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 91.6666666667%;
  max-width: 91.6666666667%;
}

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

@media (max-width: 400px) {
  .xs-col-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .xs-col-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xs-col-3 {
    flex: 25%;
    max-width: 25%;
  }
  .xs-col-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xs-col-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .xs-col-6 {
    flex: 50%;
    max-width: 50%;
  }
  .xs-col-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .xs-col-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .xs-col-9 {
    flex: 75%;
    max-width: 75%;
  }
  .xs-col-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .xs-col-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .xs-col-12 {
    flex: 100%;
    max-width: 100%;
  }
}
@media (min-width: 400px) {
  .sm-col-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .sm-col-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .sm-col-3 {
    flex: 25%;
    max-width: 25%;
  }
  .sm-col-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .sm-col-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .sm-col-6 {
    flex: 50%;
    max-width: 50%;
  }
  .sm-col-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .sm-col-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .sm-col-9 {
    flex: 75%;
    max-width: 75%;
  }
  .sm-col-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .sm-col-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .sm-col-12 {
    flex: 100%;
    max-width: 100%;
  }
}
@media (min-width: 667px) {
  .md-col-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .md-col-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .md-col-3 {
    flex: 25%;
    max-width: 25%;
  }
  .md-col-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .md-col-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .md-col-6 {
    flex: 50%;
    max-width: 50%;
  }
  .md-col-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .md-col-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .md-col-9 {
    flex: 75%;
    max-width: 75%;
  }
  .md-col-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .md-col-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .md-col-12 {
    flex: 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .lg-col-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .lg-col-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .lg-col-3 {
    flex: 25%;
    max-width: 25%;
  }
  .lg-col-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .lg-col-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .lg-col-6 {
    flex: 50%;
    max-width: 50%;
  }
  .lg-col-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .lg-col-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .lg-col-9 {
    flex: 75%;
    max-width: 75%;
  }
  .lg-col-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .lg-col-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .lg-col-12 {
    flex: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .xl-col-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .xl-col-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xl-col-3 {
    flex: 25%;
    max-width: 25%;
  }
  .xl-col-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xl-col-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .xl-col-6 {
    flex: 50%;
    max-width: 50%;
  }
  .xl-col-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .xl-col-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .xl-col-9 {
    flex: 75%;
    max-width: 75%;
  }
  .xl-col-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .xl-col-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .xl-col-12 {
    flex: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1600px) {
  .xxl-col-1 {
    flex: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .xxl-col-2 {
    flex: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xxl-col-3 {
    flex: 25%;
    max-width: 25%;
  }
  .xxl-col-4 {
    flex: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xxl-col-5 {
    flex: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .xxl-col-6 {
    flex: 50%;
    max-width: 50%;
  }
  .xxl-col-7 {
    flex: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .xxl-col-8 {
    flex: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .xxl-col-9 {
    flex: 75%;
    max-width: 75%;
  }
  .xxl-col-10 {
    flex: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .xxl-col-11 {
    flex: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .xxl-col-12 {
    flex: 100%;
    max-width: 100%;
  }
}
.container {
  width: 90%;
  max-width: 128rem;
  margin-left: auto;
  margin-right: auto;
}
.container--lg {
  max-width: 144rem;
}
.container--pages {
  max-width: 108rem;
}
.container--posts {
  max-width: 80rem;
}

.grid {
  display: grid;
}

.grid-layout-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}

.grid-layout-rows-1 {
  grid-template-rows: repeat(1, 1fr);
}

.grid-col-start-1 {
  grid-column-start: 1;
}

.grid-col-end-1 {
  grid-column-end: 1;
}

.grid-row-start-1 {
  grid-row-start: 1;
}

.grid-row-end-1 {
  grid-row-end: 1;
}

.grid-layout-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-layout-rows-2 {
  grid-template-rows: repeat(2, 1fr);
}

.grid-col-start-2 {
  grid-column-start: 2;
}

.grid-col-end-2 {
  grid-column-end: 2;
}

.grid-row-start-2 {
  grid-row-start: 2;
}

.grid-row-end-2 {
  grid-row-end: 2;
}

.grid-layout-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid-layout-rows-3 {
  grid-template-rows: repeat(3, 1fr);
}

.grid-col-start-3 {
  grid-column-start: 3;
}

.grid-col-end-3 {
  grid-column-end: 3;
}

.grid-row-start-3 {
  grid-row-start: 3;
}

.grid-row-end-3 {
  grid-row-end: 3;
}

.grid-layout-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid-layout-rows-4 {
  grid-template-rows: repeat(4, 1fr);
}

.grid-col-start-4 {
  grid-column-start: 4;
}

.grid-col-end-4 {
  grid-column-end: 4;
}

.grid-row-start-4 {
  grid-row-start: 4;
}

.grid-row-end-4 {
  grid-row-end: 4;
}

.grid-layout-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid-layout-rows-5 {
  grid-template-rows: repeat(5, 1fr);
}

.grid-col-start-5 {
  grid-column-start: 5;
}

.grid-col-end-5 {
  grid-column-end: 5;
}

.grid-row-start-5 {
  grid-row-start: 5;
}

.grid-row-end-5 {
  grid-row-end: 5;
}

.grid-layout-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

.grid-layout-rows-6 {
  grid-template-rows: repeat(6, 1fr);
}

.grid-col-start-6 {
  grid-column-start: 6;
}

.grid-col-end-6 {
  grid-column-end: 6;
}

.grid-row-start-6 {
  grid-row-start: 6;
}

.grid-row-end-6 {
  grid-row-end: 6;
}

.grid-layout-cols-7 {
  grid-template-columns: repeat(7, 1fr);
}

.grid-layout-rows-7 {
  grid-template-rows: repeat(7, 1fr);
}

.grid-col-start-7 {
  grid-column-start: 7;
}

.grid-col-end-7 {
  grid-column-end: 7;
}

.grid-row-start-7 {
  grid-row-start: 7;
}

.grid-row-end-7 {
  grid-row-end: 7;
}

.grid-layout-cols-8 {
  grid-template-columns: repeat(8, 1fr);
}

.grid-layout-rows-8 {
  grid-template-rows: repeat(8, 1fr);
}

.grid-col-start-8 {
  grid-column-start: 8;
}

.grid-col-end-8 {
  grid-column-end: 8;
}

.grid-row-start-8 {
  grid-row-start: 8;
}

.grid-row-end-8 {
  grid-row-end: 8;
}

.grid-layout-cols-9 {
  grid-template-columns: repeat(9, 1fr);
}

.grid-layout-rows-9 {
  grid-template-rows: repeat(9, 1fr);
}

.grid-col-start-9 {
  grid-column-start: 9;
}

.grid-col-end-9 {
  grid-column-end: 9;
}

.grid-row-start-9 {
  grid-row-start: 9;
}

.grid-row-end-9 {
  grid-row-end: 9;
}

.grid-layout-cols-10 {
  grid-template-columns: repeat(10, 1fr);
}

.grid-layout-rows-10 {
  grid-template-rows: repeat(10, 1fr);
}

.grid-col-start-10 {
  grid-column-start: 10;
}

.grid-col-end-10 {
  grid-column-end: 10;
}

.grid-row-start-10 {
  grid-row-start: 10;
}

.grid-row-end-10 {
  grid-row-end: 10;
}

.grid-layout-cols-11 {
  grid-template-columns: repeat(11, 1fr);
}

.grid-layout-rows-11 {
  grid-template-rows: repeat(11, 1fr);
}

.grid-col-start-11 {
  grid-column-start: 11;
}

.grid-col-end-11 {
  grid-column-end: 11;
}

.grid-row-start-11 {
  grid-row-start: 11;
}

.grid-row-end-11 {
  grid-row-end: 11;
}

.grid-layout-cols-12 {
  grid-template-columns: repeat(12, 1fr);
}

.grid-layout-rows-12 {
  grid-template-rows: repeat(12, 1fr);
}

.grid-col-start-12 {
  grid-column-start: 12;
}

.grid-col-end-12 {
  grid-column-end: 12;
}

.grid-row-start-12 {
  grid-row-start: 12;
}

.grid-row-end-12 {
  grid-row-end: 12;
}

.grid-gap-auto {
  grid-gap: auto;
}

.grid-col-gap-auto {
  grid-column-gap: auto;
}

.grid-row-gap-auto {
  grid-row-gap: auto;
}

.grid-gap-h-auto {
  grid-gap: 0 auto;
}

.grid-col-gap-h-auto {
  grid-column-gap: 0 auto;
}

.grid-row-gap-h-auto {
  grid-row-gap: 0 auto;
}

.grid-gap-v-auto {
  grid-gap: auto 0;
}

.grid-col-gap-v-auto {
  grid-column-gap: auto 0;
}

.grid-row-gap-v-auto {
  grid-row-gap: auto 0;
}

.grid-gap-none {
  grid-gap: 0;
}

.grid-col-gap-none {
  grid-column-gap: 0;
}

.grid-row-gap-none {
  grid-row-gap: 0;
}

.grid-gap-2xs {
  grid-gap: 1rem;
}

.grid-col-gap-2xs {
  grid-column-gap: 1rem;
}

.grid-row-gap-2xs {
  grid-row-gap: 1rem;
}

.grid-gap-xs {
  grid-gap: 2rem;
}

.grid-col-gap-xs {
  grid-column-gap: 2rem;
}

.grid-row-gap-xs {
  grid-row-gap: 2rem;
}

.grid-gap-sm {
  grid-gap: 4rem;
}

.grid-col-gap-sm {
  grid-column-gap: 4rem;
}

.grid-row-gap-sm {
  grid-row-gap: 4rem;
}

.grid-gap-md {
  grid-gap: 6rem;
}

.grid-col-gap-md {
  grid-column-gap: 6rem;
}

.grid-row-gap-md {
  grid-row-gap: 6rem;
}

.grid-gap-lg {
  grid-gap: 8rem;
}

.grid-col-gap-lg {
  grid-column-gap: 8rem;
}

.grid-row-gap-lg {
  grid-row-gap: 8rem;
}

.grid-gap-xl {
  grid-gap: 10rem;
}

.grid-col-gap-xl {
  grid-column-gap: 10rem;
}

.grid-row-gap-xl {
  grid-row-gap: 10rem;
}

.grid-gap-2xl {
  grid-gap: 12rem;
}

.grid-col-gap-2xl {
  grid-column-gap: 12rem;
}

.grid-row-gap-2xl {
  grid-row-gap: 12rem;
}

.grid-gap-3xl {
  grid-gap: 16rem;
}

.grid-col-gap-3xl {
  grid-column-gap: 16rem;
}

.grid-row-gap-3xl {
  grid-row-gap: 16rem;
}

@media (max-width: 400px) {
  .xs-grid-layout-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .xs-grid-layout-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .xs-grid-col-start-1 {
    grid-column-start: 1;
  }
  .xs-grid-col-end-1 {
    grid-column-end: 1;
  }
  .xs-grid-row-start-1 {
    grid-row-start: 1;
  }
  .xs-grid-row-end-1 {
    grid-row-end: 1;
  }
  .xs-grid-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-gap-none {
    grid-gap: 0;
  }
  .xs-grid-col-gap-none {
    grid-gap: 0;
  }
  .xs-grid-row-gap-none {
    grid-gap: 0;
  }
  .xs-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-layout-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .xs-grid-layout-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .xs-grid-col-start-2 {
    grid-column-start: 2;
  }
  .xs-grid-col-end-2 {
    grid-column-end: 2;
  }
  .xs-grid-row-start-2 {
    grid-row-start: 2;
  }
  .xs-grid-row-end-2 {
    grid-row-end: 2;
  }
  .xs-grid-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-gap-none {
    grid-gap: 0;
  }
  .xs-grid-col-gap-none {
    grid-gap: 0;
  }
  .xs-grid-row-gap-none {
    grid-gap: 0;
  }
  .xs-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-layout-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .xs-grid-layout-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .xs-grid-col-start-3 {
    grid-column-start: 3;
  }
  .xs-grid-col-end-3 {
    grid-column-end: 3;
  }
  .xs-grid-row-start-3 {
    grid-row-start: 3;
  }
  .xs-grid-row-end-3 {
    grid-row-end: 3;
  }
  .xs-grid-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-gap-none {
    grid-gap: 0;
  }
  .xs-grid-col-gap-none {
    grid-gap: 0;
  }
  .xs-grid-row-gap-none {
    grid-gap: 0;
  }
  .xs-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-layout-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .xs-grid-layout-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .xs-grid-col-start-4 {
    grid-column-start: 4;
  }
  .xs-grid-col-end-4 {
    grid-column-end: 4;
  }
  .xs-grid-row-start-4 {
    grid-row-start: 4;
  }
  .xs-grid-row-end-4 {
    grid-row-end: 4;
  }
  .xs-grid-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-gap-none {
    grid-gap: 0;
  }
  .xs-grid-col-gap-none {
    grid-gap: 0;
  }
  .xs-grid-row-gap-none {
    grid-gap: 0;
  }
  .xs-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-layout-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .xs-grid-layout-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .xs-grid-col-start-5 {
    grid-column-start: 5;
  }
  .xs-grid-col-end-5 {
    grid-column-end: 5;
  }
  .xs-grid-row-start-5 {
    grid-row-start: 5;
  }
  .xs-grid-row-end-5 {
    grid-row-end: 5;
  }
  .xs-grid-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-gap-none {
    grid-gap: 0;
  }
  .xs-grid-col-gap-none {
    grid-gap: 0;
  }
  .xs-grid-row-gap-none {
    grid-gap: 0;
  }
  .xs-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-layout-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .xs-grid-layout-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .xs-grid-col-start-6 {
    grid-column-start: 6;
  }
  .xs-grid-col-end-6 {
    grid-column-end: 6;
  }
  .xs-grid-row-start-6 {
    grid-row-start: 6;
  }
  .xs-grid-row-end-6 {
    grid-row-end: 6;
  }
  .xs-grid-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-gap-none {
    grid-gap: 0;
  }
  .xs-grid-col-gap-none {
    grid-gap: 0;
  }
  .xs-grid-row-gap-none {
    grid-gap: 0;
  }
  .xs-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-layout-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .xs-grid-layout-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .xs-grid-col-start-7 {
    grid-column-start: 7;
  }
  .xs-grid-col-end-7 {
    grid-column-end: 7;
  }
  .xs-grid-row-start-7 {
    grid-row-start: 7;
  }
  .xs-grid-row-end-7 {
    grid-row-end: 7;
  }
  .xs-grid-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-gap-none {
    grid-gap: 0;
  }
  .xs-grid-col-gap-none {
    grid-gap: 0;
  }
  .xs-grid-row-gap-none {
    grid-gap: 0;
  }
  .xs-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-layout-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .xs-grid-layout-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .xs-grid-col-start-8 {
    grid-column-start: 8;
  }
  .xs-grid-col-end-8 {
    grid-column-end: 8;
  }
  .xs-grid-row-start-8 {
    grid-row-start: 8;
  }
  .xs-grid-row-end-8 {
    grid-row-end: 8;
  }
  .xs-grid-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-gap-none {
    grid-gap: 0;
  }
  .xs-grid-col-gap-none {
    grid-gap: 0;
  }
  .xs-grid-row-gap-none {
    grid-gap: 0;
  }
  .xs-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-layout-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .xs-grid-layout-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .xs-grid-col-start-9 {
    grid-column-start: 9;
  }
  .xs-grid-col-end-9 {
    grid-column-end: 9;
  }
  .xs-grid-row-start-9 {
    grid-row-start: 9;
  }
  .xs-grid-row-end-9 {
    grid-row-end: 9;
  }
  .xs-grid-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-gap-none {
    grid-gap: 0;
  }
  .xs-grid-col-gap-none {
    grid-gap: 0;
  }
  .xs-grid-row-gap-none {
    grid-gap: 0;
  }
  .xs-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-layout-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .xs-grid-layout-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .xs-grid-col-start-10 {
    grid-column-start: 10;
  }
  .xs-grid-col-end-10 {
    grid-column-end: 10;
  }
  .xs-grid-row-start-10 {
    grid-row-start: 10;
  }
  .xs-grid-row-end-10 {
    grid-row-end: 10;
  }
  .xs-grid-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-gap-none {
    grid-gap: 0;
  }
  .xs-grid-col-gap-none {
    grid-gap: 0;
  }
  .xs-grid-row-gap-none {
    grid-gap: 0;
  }
  .xs-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-layout-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .xs-grid-layout-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .xs-grid-col-start-11 {
    grid-column-start: 11;
  }
  .xs-grid-col-end-11 {
    grid-column-end: 11;
  }
  .xs-grid-row-start-11 {
    grid-row-start: 11;
  }
  .xs-grid-row-end-11 {
    grid-row-end: 11;
  }
  .xs-grid-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-gap-none {
    grid-gap: 0;
  }
  .xs-grid-col-gap-none {
    grid-gap: 0;
  }
  .xs-grid-row-gap-none {
    grid-gap: 0;
  }
  .xs-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-layout-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .xs-grid-layout-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .xs-grid-col-start-12 {
    grid-column-start: 12;
  }
  .xs-grid-col-end-12 {
    grid-column-end: 12;
  }
  .xs-grid-row-start-12 {
    grid-row-start: 12;
  }
  .xs-grid-row-end-12 {
    grid-row-end: 12;
  }
  .xs-grid-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xs-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xs-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xs-grid-gap-none {
    grid-gap: 0;
  }
  .xs-grid-col-gap-none {
    grid-gap: 0;
  }
  .xs-grid-row-gap-none {
    grid-gap: 0;
  }
  .xs-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xs-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xs-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xs-grid-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xs-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xs-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xs-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xs-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xs-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
}
@media (min-width: 400px) {
  .sm-grid-layout-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .sm-grid-layout-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .sm-grid-col-start-1 {
    grid-column-start: 1;
  }
  .sm-grid-col-end-1 {
    grid-column-end: 1;
  }
  .sm-grid-row-start-1 {
    grid-row-start: 1;
  }
  .sm-grid-row-end-1 {
    grid-row-end: 1;
  }
  .sm-grid-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-gap-none {
    grid-gap: 0;
  }
  .sm-grid-col-gap-none {
    grid-gap: 0;
  }
  .sm-grid-row-gap-none {
    grid-gap: 0;
  }
  .sm-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-layout-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .sm-grid-layout-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .sm-grid-col-start-2 {
    grid-column-start: 2;
  }
  .sm-grid-col-end-2 {
    grid-column-end: 2;
  }
  .sm-grid-row-start-2 {
    grid-row-start: 2;
  }
  .sm-grid-row-end-2 {
    grid-row-end: 2;
  }
  .sm-grid-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-gap-none {
    grid-gap: 0;
  }
  .sm-grid-col-gap-none {
    grid-gap: 0;
  }
  .sm-grid-row-gap-none {
    grid-gap: 0;
  }
  .sm-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-layout-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .sm-grid-layout-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .sm-grid-col-start-3 {
    grid-column-start: 3;
  }
  .sm-grid-col-end-3 {
    grid-column-end: 3;
  }
  .sm-grid-row-start-3 {
    grid-row-start: 3;
  }
  .sm-grid-row-end-3 {
    grid-row-end: 3;
  }
  .sm-grid-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-gap-none {
    grid-gap: 0;
  }
  .sm-grid-col-gap-none {
    grid-gap: 0;
  }
  .sm-grid-row-gap-none {
    grid-gap: 0;
  }
  .sm-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-layout-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .sm-grid-layout-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .sm-grid-col-start-4 {
    grid-column-start: 4;
  }
  .sm-grid-col-end-4 {
    grid-column-end: 4;
  }
  .sm-grid-row-start-4 {
    grid-row-start: 4;
  }
  .sm-grid-row-end-4 {
    grid-row-end: 4;
  }
  .sm-grid-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-gap-none {
    grid-gap: 0;
  }
  .sm-grid-col-gap-none {
    grid-gap: 0;
  }
  .sm-grid-row-gap-none {
    grid-gap: 0;
  }
  .sm-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-layout-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .sm-grid-layout-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .sm-grid-col-start-5 {
    grid-column-start: 5;
  }
  .sm-grid-col-end-5 {
    grid-column-end: 5;
  }
  .sm-grid-row-start-5 {
    grid-row-start: 5;
  }
  .sm-grid-row-end-5 {
    grid-row-end: 5;
  }
  .sm-grid-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-gap-none {
    grid-gap: 0;
  }
  .sm-grid-col-gap-none {
    grid-gap: 0;
  }
  .sm-grid-row-gap-none {
    grid-gap: 0;
  }
  .sm-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-layout-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .sm-grid-layout-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .sm-grid-col-start-6 {
    grid-column-start: 6;
  }
  .sm-grid-col-end-6 {
    grid-column-end: 6;
  }
  .sm-grid-row-start-6 {
    grid-row-start: 6;
  }
  .sm-grid-row-end-6 {
    grid-row-end: 6;
  }
  .sm-grid-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-gap-none {
    grid-gap: 0;
  }
  .sm-grid-col-gap-none {
    grid-gap: 0;
  }
  .sm-grid-row-gap-none {
    grid-gap: 0;
  }
  .sm-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-layout-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .sm-grid-layout-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .sm-grid-col-start-7 {
    grid-column-start: 7;
  }
  .sm-grid-col-end-7 {
    grid-column-end: 7;
  }
  .sm-grid-row-start-7 {
    grid-row-start: 7;
  }
  .sm-grid-row-end-7 {
    grid-row-end: 7;
  }
  .sm-grid-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-gap-none {
    grid-gap: 0;
  }
  .sm-grid-col-gap-none {
    grid-gap: 0;
  }
  .sm-grid-row-gap-none {
    grid-gap: 0;
  }
  .sm-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-layout-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .sm-grid-layout-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .sm-grid-col-start-8 {
    grid-column-start: 8;
  }
  .sm-grid-col-end-8 {
    grid-column-end: 8;
  }
  .sm-grid-row-start-8 {
    grid-row-start: 8;
  }
  .sm-grid-row-end-8 {
    grid-row-end: 8;
  }
  .sm-grid-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-gap-none {
    grid-gap: 0;
  }
  .sm-grid-col-gap-none {
    grid-gap: 0;
  }
  .sm-grid-row-gap-none {
    grid-gap: 0;
  }
  .sm-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-layout-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .sm-grid-layout-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .sm-grid-col-start-9 {
    grid-column-start: 9;
  }
  .sm-grid-col-end-9 {
    grid-column-end: 9;
  }
  .sm-grid-row-start-9 {
    grid-row-start: 9;
  }
  .sm-grid-row-end-9 {
    grid-row-end: 9;
  }
  .sm-grid-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-gap-none {
    grid-gap: 0;
  }
  .sm-grid-col-gap-none {
    grid-gap: 0;
  }
  .sm-grid-row-gap-none {
    grid-gap: 0;
  }
  .sm-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-layout-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .sm-grid-layout-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .sm-grid-col-start-10 {
    grid-column-start: 10;
  }
  .sm-grid-col-end-10 {
    grid-column-end: 10;
  }
  .sm-grid-row-start-10 {
    grid-row-start: 10;
  }
  .sm-grid-row-end-10 {
    grid-row-end: 10;
  }
  .sm-grid-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-gap-none {
    grid-gap: 0;
  }
  .sm-grid-col-gap-none {
    grid-gap: 0;
  }
  .sm-grid-row-gap-none {
    grid-gap: 0;
  }
  .sm-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-layout-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .sm-grid-layout-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .sm-grid-col-start-11 {
    grid-column-start: 11;
  }
  .sm-grid-col-end-11 {
    grid-column-end: 11;
  }
  .sm-grid-row-start-11 {
    grid-row-start: 11;
  }
  .sm-grid-row-end-11 {
    grid-row-end: 11;
  }
  .sm-grid-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-gap-none {
    grid-gap: 0;
  }
  .sm-grid-col-gap-none {
    grid-gap: 0;
  }
  .sm-grid-row-gap-none {
    grid-gap: 0;
  }
  .sm-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-layout-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .sm-grid-layout-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .sm-grid-col-start-12 {
    grid-column-start: 12;
  }
  .sm-grid-col-end-12 {
    grid-column-end: 12;
  }
  .sm-grid-row-start-12 {
    grid-row-start: 12;
  }
  .sm-grid-row-end-12 {
    grid-row-end: 12;
  }
  .sm-grid-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-col-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-row-gap-auto {
    grid-gap: auto;
  }
  .sm-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .sm-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .sm-grid-gap-none {
    grid-gap: 0;
  }
  .sm-grid-col-gap-none {
    grid-gap: 0;
  }
  .sm-grid-row-gap-none {
    grid-gap: 0;
  }
  .sm-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .sm-grid-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .sm-grid-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .sm-grid-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .sm-grid-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .sm-grid-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .sm-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .sm-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .sm-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
}
@media (min-width: 667px) {
  .md-grid-layout-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .md-grid-layout-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .md-grid-col-start-1 {
    grid-column-start: 1;
  }
  .md-grid-col-end-1 {
    grid-column-end: 1;
  }
  .md-grid-row-start-1 {
    grid-row-start: 1;
  }
  .md-grid-row-end-1 {
    grid-row-end: 1;
  }
  .md-grid-gap-auto {
    grid-gap: auto;
  }
  .md-grid-col-gap-auto {
    grid-gap: auto;
  }
  .md-grid-row-gap-auto {
    grid-gap: auto;
  }
  .md-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-gap-none {
    grid-gap: 0;
  }
  .md-grid-col-gap-none {
    grid-gap: 0;
  }
  .md-grid-row-gap-none {
    grid-gap: 0;
  }
  .md-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-layout-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .md-grid-layout-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .md-grid-col-start-2 {
    grid-column-start: 2;
  }
  .md-grid-col-end-2 {
    grid-column-end: 2;
  }
  .md-grid-row-start-2 {
    grid-row-start: 2;
  }
  .md-grid-row-end-2 {
    grid-row-end: 2;
  }
  .md-grid-gap-auto {
    grid-gap: auto;
  }
  .md-grid-col-gap-auto {
    grid-gap: auto;
  }
  .md-grid-row-gap-auto {
    grid-gap: auto;
  }
  .md-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-gap-none {
    grid-gap: 0;
  }
  .md-grid-col-gap-none {
    grid-gap: 0;
  }
  .md-grid-row-gap-none {
    grid-gap: 0;
  }
  .md-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-layout-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .md-grid-layout-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .md-grid-col-start-3 {
    grid-column-start: 3;
  }
  .md-grid-col-end-3 {
    grid-column-end: 3;
  }
  .md-grid-row-start-3 {
    grid-row-start: 3;
  }
  .md-grid-row-end-3 {
    grid-row-end: 3;
  }
  .md-grid-gap-auto {
    grid-gap: auto;
  }
  .md-grid-col-gap-auto {
    grid-gap: auto;
  }
  .md-grid-row-gap-auto {
    grid-gap: auto;
  }
  .md-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-gap-none {
    grid-gap: 0;
  }
  .md-grid-col-gap-none {
    grid-gap: 0;
  }
  .md-grid-row-gap-none {
    grid-gap: 0;
  }
  .md-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-layout-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .md-grid-layout-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .md-grid-col-start-4 {
    grid-column-start: 4;
  }
  .md-grid-col-end-4 {
    grid-column-end: 4;
  }
  .md-grid-row-start-4 {
    grid-row-start: 4;
  }
  .md-grid-row-end-4 {
    grid-row-end: 4;
  }
  .md-grid-gap-auto {
    grid-gap: auto;
  }
  .md-grid-col-gap-auto {
    grid-gap: auto;
  }
  .md-grid-row-gap-auto {
    grid-gap: auto;
  }
  .md-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-gap-none {
    grid-gap: 0;
  }
  .md-grid-col-gap-none {
    grid-gap: 0;
  }
  .md-grid-row-gap-none {
    grid-gap: 0;
  }
  .md-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-layout-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .md-grid-layout-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .md-grid-col-start-5 {
    grid-column-start: 5;
  }
  .md-grid-col-end-5 {
    grid-column-end: 5;
  }
  .md-grid-row-start-5 {
    grid-row-start: 5;
  }
  .md-grid-row-end-5 {
    grid-row-end: 5;
  }
  .md-grid-gap-auto {
    grid-gap: auto;
  }
  .md-grid-col-gap-auto {
    grid-gap: auto;
  }
  .md-grid-row-gap-auto {
    grid-gap: auto;
  }
  .md-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-gap-none {
    grid-gap: 0;
  }
  .md-grid-col-gap-none {
    grid-gap: 0;
  }
  .md-grid-row-gap-none {
    grid-gap: 0;
  }
  .md-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-layout-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .md-grid-layout-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .md-grid-col-start-6 {
    grid-column-start: 6;
  }
  .md-grid-col-end-6 {
    grid-column-end: 6;
  }
  .md-grid-row-start-6 {
    grid-row-start: 6;
  }
  .md-grid-row-end-6 {
    grid-row-end: 6;
  }
  .md-grid-gap-auto {
    grid-gap: auto;
  }
  .md-grid-col-gap-auto {
    grid-gap: auto;
  }
  .md-grid-row-gap-auto {
    grid-gap: auto;
  }
  .md-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-gap-none {
    grid-gap: 0;
  }
  .md-grid-col-gap-none {
    grid-gap: 0;
  }
  .md-grid-row-gap-none {
    grid-gap: 0;
  }
  .md-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-layout-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .md-grid-layout-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .md-grid-col-start-7 {
    grid-column-start: 7;
  }
  .md-grid-col-end-7 {
    grid-column-end: 7;
  }
  .md-grid-row-start-7 {
    grid-row-start: 7;
  }
  .md-grid-row-end-7 {
    grid-row-end: 7;
  }
  .md-grid-gap-auto {
    grid-gap: auto;
  }
  .md-grid-col-gap-auto {
    grid-gap: auto;
  }
  .md-grid-row-gap-auto {
    grid-gap: auto;
  }
  .md-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-gap-none {
    grid-gap: 0;
  }
  .md-grid-col-gap-none {
    grid-gap: 0;
  }
  .md-grid-row-gap-none {
    grid-gap: 0;
  }
  .md-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-layout-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .md-grid-layout-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .md-grid-col-start-8 {
    grid-column-start: 8;
  }
  .md-grid-col-end-8 {
    grid-column-end: 8;
  }
  .md-grid-row-start-8 {
    grid-row-start: 8;
  }
  .md-grid-row-end-8 {
    grid-row-end: 8;
  }
  .md-grid-gap-auto {
    grid-gap: auto;
  }
  .md-grid-col-gap-auto {
    grid-gap: auto;
  }
  .md-grid-row-gap-auto {
    grid-gap: auto;
  }
  .md-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-gap-none {
    grid-gap: 0;
  }
  .md-grid-col-gap-none {
    grid-gap: 0;
  }
  .md-grid-row-gap-none {
    grid-gap: 0;
  }
  .md-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-layout-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .md-grid-layout-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .md-grid-col-start-9 {
    grid-column-start: 9;
  }
  .md-grid-col-end-9 {
    grid-column-end: 9;
  }
  .md-grid-row-start-9 {
    grid-row-start: 9;
  }
  .md-grid-row-end-9 {
    grid-row-end: 9;
  }
  .md-grid-gap-auto {
    grid-gap: auto;
  }
  .md-grid-col-gap-auto {
    grid-gap: auto;
  }
  .md-grid-row-gap-auto {
    grid-gap: auto;
  }
  .md-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-gap-none {
    grid-gap: 0;
  }
  .md-grid-col-gap-none {
    grid-gap: 0;
  }
  .md-grid-row-gap-none {
    grid-gap: 0;
  }
  .md-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-layout-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .md-grid-layout-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .md-grid-col-start-10 {
    grid-column-start: 10;
  }
  .md-grid-col-end-10 {
    grid-column-end: 10;
  }
  .md-grid-row-start-10 {
    grid-row-start: 10;
  }
  .md-grid-row-end-10 {
    grid-row-end: 10;
  }
  .md-grid-gap-auto {
    grid-gap: auto;
  }
  .md-grid-col-gap-auto {
    grid-gap: auto;
  }
  .md-grid-row-gap-auto {
    grid-gap: auto;
  }
  .md-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-gap-none {
    grid-gap: 0;
  }
  .md-grid-col-gap-none {
    grid-gap: 0;
  }
  .md-grid-row-gap-none {
    grid-gap: 0;
  }
  .md-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-layout-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .md-grid-layout-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .md-grid-col-start-11 {
    grid-column-start: 11;
  }
  .md-grid-col-end-11 {
    grid-column-end: 11;
  }
  .md-grid-row-start-11 {
    grid-row-start: 11;
  }
  .md-grid-row-end-11 {
    grid-row-end: 11;
  }
  .md-grid-gap-auto {
    grid-gap: auto;
  }
  .md-grid-col-gap-auto {
    grid-gap: auto;
  }
  .md-grid-row-gap-auto {
    grid-gap: auto;
  }
  .md-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-gap-none {
    grid-gap: 0;
  }
  .md-grid-col-gap-none {
    grid-gap: 0;
  }
  .md-grid-row-gap-none {
    grid-gap: 0;
  }
  .md-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-layout-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .md-grid-layout-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .md-grid-col-start-12 {
    grid-column-start: 12;
  }
  .md-grid-col-end-12 {
    grid-column-end: 12;
  }
  .md-grid-row-start-12 {
    grid-row-start: 12;
  }
  .md-grid-row-end-12 {
    grid-row-end: 12;
  }
  .md-grid-gap-auto {
    grid-gap: auto;
  }
  .md-grid-col-gap-auto {
    grid-gap: auto;
  }
  .md-grid-row-gap-auto {
    grid-gap: auto;
  }
  .md-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .md-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .md-grid-gap-none {
    grid-gap: 0;
  }
  .md-grid-col-gap-none {
    grid-gap: 0;
  }
  .md-grid-row-gap-none {
    grid-gap: 0;
  }
  .md-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .md-grid-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .md-grid-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .md-grid-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .md-grid-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .md-grid-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .md-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .md-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .md-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
}
@media (min-width: 992px) {
  .lg-grid-layout-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .lg-grid-layout-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .lg-grid-col-start-1 {
    grid-column-start: 1;
  }
  .lg-grid-col-end-1 {
    grid-column-end: 1;
  }
  .lg-grid-row-start-1 {
    grid-row-start: 1;
  }
  .lg-grid-row-end-1 {
    grid-row-end: 1;
  }
  .lg-grid-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-gap-none {
    grid-gap: 0;
  }
  .lg-grid-col-gap-none {
    grid-gap: 0;
  }
  .lg-grid-row-gap-none {
    grid-gap: 0;
  }
  .lg-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-layout-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .lg-grid-layout-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .lg-grid-col-start-2 {
    grid-column-start: 2;
  }
  .lg-grid-col-end-2 {
    grid-column-end: 2;
  }
  .lg-grid-row-start-2 {
    grid-row-start: 2;
  }
  .lg-grid-row-end-2 {
    grid-row-end: 2;
  }
  .lg-grid-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-gap-none {
    grid-gap: 0;
  }
  .lg-grid-col-gap-none {
    grid-gap: 0;
  }
  .lg-grid-row-gap-none {
    grid-gap: 0;
  }
  .lg-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-layout-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .lg-grid-layout-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .lg-grid-col-start-3 {
    grid-column-start: 3;
  }
  .lg-grid-col-end-3 {
    grid-column-end: 3;
  }
  .lg-grid-row-start-3 {
    grid-row-start: 3;
  }
  .lg-grid-row-end-3 {
    grid-row-end: 3;
  }
  .lg-grid-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-gap-none {
    grid-gap: 0;
  }
  .lg-grid-col-gap-none {
    grid-gap: 0;
  }
  .lg-grid-row-gap-none {
    grid-gap: 0;
  }
  .lg-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-layout-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .lg-grid-layout-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .lg-grid-col-start-4 {
    grid-column-start: 4;
  }
  .lg-grid-col-end-4 {
    grid-column-end: 4;
  }
  .lg-grid-row-start-4 {
    grid-row-start: 4;
  }
  .lg-grid-row-end-4 {
    grid-row-end: 4;
  }
  .lg-grid-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-gap-none {
    grid-gap: 0;
  }
  .lg-grid-col-gap-none {
    grid-gap: 0;
  }
  .lg-grid-row-gap-none {
    grid-gap: 0;
  }
  .lg-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-layout-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .lg-grid-layout-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .lg-grid-col-start-5 {
    grid-column-start: 5;
  }
  .lg-grid-col-end-5 {
    grid-column-end: 5;
  }
  .lg-grid-row-start-5 {
    grid-row-start: 5;
  }
  .lg-grid-row-end-5 {
    grid-row-end: 5;
  }
  .lg-grid-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-gap-none {
    grid-gap: 0;
  }
  .lg-grid-col-gap-none {
    grid-gap: 0;
  }
  .lg-grid-row-gap-none {
    grid-gap: 0;
  }
  .lg-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-layout-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .lg-grid-layout-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .lg-grid-col-start-6 {
    grid-column-start: 6;
  }
  .lg-grid-col-end-6 {
    grid-column-end: 6;
  }
  .lg-grid-row-start-6 {
    grid-row-start: 6;
  }
  .lg-grid-row-end-6 {
    grid-row-end: 6;
  }
  .lg-grid-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-gap-none {
    grid-gap: 0;
  }
  .lg-grid-col-gap-none {
    grid-gap: 0;
  }
  .lg-grid-row-gap-none {
    grid-gap: 0;
  }
  .lg-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-layout-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .lg-grid-layout-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .lg-grid-col-start-7 {
    grid-column-start: 7;
  }
  .lg-grid-col-end-7 {
    grid-column-end: 7;
  }
  .lg-grid-row-start-7 {
    grid-row-start: 7;
  }
  .lg-grid-row-end-7 {
    grid-row-end: 7;
  }
  .lg-grid-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-gap-none {
    grid-gap: 0;
  }
  .lg-grid-col-gap-none {
    grid-gap: 0;
  }
  .lg-grid-row-gap-none {
    grid-gap: 0;
  }
  .lg-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-layout-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .lg-grid-layout-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .lg-grid-col-start-8 {
    grid-column-start: 8;
  }
  .lg-grid-col-end-8 {
    grid-column-end: 8;
  }
  .lg-grid-row-start-8 {
    grid-row-start: 8;
  }
  .lg-grid-row-end-8 {
    grid-row-end: 8;
  }
  .lg-grid-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-gap-none {
    grid-gap: 0;
  }
  .lg-grid-col-gap-none {
    grid-gap: 0;
  }
  .lg-grid-row-gap-none {
    grid-gap: 0;
  }
  .lg-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-layout-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .lg-grid-layout-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .lg-grid-col-start-9 {
    grid-column-start: 9;
  }
  .lg-grid-col-end-9 {
    grid-column-end: 9;
  }
  .lg-grid-row-start-9 {
    grid-row-start: 9;
  }
  .lg-grid-row-end-9 {
    grid-row-end: 9;
  }
  .lg-grid-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-gap-none {
    grid-gap: 0;
  }
  .lg-grid-col-gap-none {
    grid-gap: 0;
  }
  .lg-grid-row-gap-none {
    grid-gap: 0;
  }
  .lg-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-layout-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .lg-grid-layout-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .lg-grid-col-start-10 {
    grid-column-start: 10;
  }
  .lg-grid-col-end-10 {
    grid-column-end: 10;
  }
  .lg-grid-row-start-10 {
    grid-row-start: 10;
  }
  .lg-grid-row-end-10 {
    grid-row-end: 10;
  }
  .lg-grid-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-gap-none {
    grid-gap: 0;
  }
  .lg-grid-col-gap-none {
    grid-gap: 0;
  }
  .lg-grid-row-gap-none {
    grid-gap: 0;
  }
  .lg-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-layout-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .lg-grid-layout-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .lg-grid-col-start-11 {
    grid-column-start: 11;
  }
  .lg-grid-col-end-11 {
    grid-column-end: 11;
  }
  .lg-grid-row-start-11 {
    grid-row-start: 11;
  }
  .lg-grid-row-end-11 {
    grid-row-end: 11;
  }
  .lg-grid-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-gap-none {
    grid-gap: 0;
  }
  .lg-grid-col-gap-none {
    grid-gap: 0;
  }
  .lg-grid-row-gap-none {
    grid-gap: 0;
  }
  .lg-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-layout-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .lg-grid-layout-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .lg-grid-col-start-12 {
    grid-column-start: 12;
  }
  .lg-grid-col-end-12 {
    grid-column-end: 12;
  }
  .lg-grid-row-start-12 {
    grid-row-start: 12;
  }
  .lg-grid-row-end-12 {
    grid-row-end: 12;
  }
  .lg-grid-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-col-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-row-gap-auto {
    grid-gap: auto;
  }
  .lg-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .lg-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .lg-grid-gap-none {
    grid-gap: 0;
  }
  .lg-grid-col-gap-none {
    grid-gap: 0;
  }
  .lg-grid-row-gap-none {
    grid-gap: 0;
  }
  .lg-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .lg-grid-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .lg-grid-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .lg-grid-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .lg-grid-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .lg-grid-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .lg-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .lg-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .lg-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
}
@media (min-width: 1280px) {
  .xl-grid-layout-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .xl-grid-layout-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .xl-grid-col-start-1 {
    grid-column-start: 1;
  }
  .xl-grid-col-end-1 {
    grid-column-end: 1;
  }
  .xl-grid-row-start-1 {
    grid-row-start: 1;
  }
  .xl-grid-row-end-1 {
    grid-row-end: 1;
  }
  .xl-grid-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-gap-none {
    grid-gap: 0;
  }
  .xl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-layout-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .xl-grid-layout-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .xl-grid-col-start-2 {
    grid-column-start: 2;
  }
  .xl-grid-col-end-2 {
    grid-column-end: 2;
  }
  .xl-grid-row-start-2 {
    grid-row-start: 2;
  }
  .xl-grid-row-end-2 {
    grid-row-end: 2;
  }
  .xl-grid-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-gap-none {
    grid-gap: 0;
  }
  .xl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-layout-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .xl-grid-layout-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .xl-grid-col-start-3 {
    grid-column-start: 3;
  }
  .xl-grid-col-end-3 {
    grid-column-end: 3;
  }
  .xl-grid-row-start-3 {
    grid-row-start: 3;
  }
  .xl-grid-row-end-3 {
    grid-row-end: 3;
  }
  .xl-grid-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-gap-none {
    grid-gap: 0;
  }
  .xl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-layout-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .xl-grid-layout-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .xl-grid-col-start-4 {
    grid-column-start: 4;
  }
  .xl-grid-col-end-4 {
    grid-column-end: 4;
  }
  .xl-grid-row-start-4 {
    grid-row-start: 4;
  }
  .xl-grid-row-end-4 {
    grid-row-end: 4;
  }
  .xl-grid-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-gap-none {
    grid-gap: 0;
  }
  .xl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-layout-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .xl-grid-layout-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .xl-grid-col-start-5 {
    grid-column-start: 5;
  }
  .xl-grid-col-end-5 {
    grid-column-end: 5;
  }
  .xl-grid-row-start-5 {
    grid-row-start: 5;
  }
  .xl-grid-row-end-5 {
    grid-row-end: 5;
  }
  .xl-grid-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-gap-none {
    grid-gap: 0;
  }
  .xl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-layout-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .xl-grid-layout-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .xl-grid-col-start-6 {
    grid-column-start: 6;
  }
  .xl-grid-col-end-6 {
    grid-column-end: 6;
  }
  .xl-grid-row-start-6 {
    grid-row-start: 6;
  }
  .xl-grid-row-end-6 {
    grid-row-end: 6;
  }
  .xl-grid-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-gap-none {
    grid-gap: 0;
  }
  .xl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-layout-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .xl-grid-layout-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .xl-grid-col-start-7 {
    grid-column-start: 7;
  }
  .xl-grid-col-end-7 {
    grid-column-end: 7;
  }
  .xl-grid-row-start-7 {
    grid-row-start: 7;
  }
  .xl-grid-row-end-7 {
    grid-row-end: 7;
  }
  .xl-grid-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-gap-none {
    grid-gap: 0;
  }
  .xl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-layout-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .xl-grid-layout-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .xl-grid-col-start-8 {
    grid-column-start: 8;
  }
  .xl-grid-col-end-8 {
    grid-column-end: 8;
  }
  .xl-grid-row-start-8 {
    grid-row-start: 8;
  }
  .xl-grid-row-end-8 {
    grid-row-end: 8;
  }
  .xl-grid-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-gap-none {
    grid-gap: 0;
  }
  .xl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-layout-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .xl-grid-layout-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .xl-grid-col-start-9 {
    grid-column-start: 9;
  }
  .xl-grid-col-end-9 {
    grid-column-end: 9;
  }
  .xl-grid-row-start-9 {
    grid-row-start: 9;
  }
  .xl-grid-row-end-9 {
    grid-row-end: 9;
  }
  .xl-grid-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-gap-none {
    grid-gap: 0;
  }
  .xl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-layout-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .xl-grid-layout-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .xl-grid-col-start-10 {
    grid-column-start: 10;
  }
  .xl-grid-col-end-10 {
    grid-column-end: 10;
  }
  .xl-grid-row-start-10 {
    grid-row-start: 10;
  }
  .xl-grid-row-end-10 {
    grid-row-end: 10;
  }
  .xl-grid-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-gap-none {
    grid-gap: 0;
  }
  .xl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-layout-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .xl-grid-layout-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .xl-grid-col-start-11 {
    grid-column-start: 11;
  }
  .xl-grid-col-end-11 {
    grid-column-end: 11;
  }
  .xl-grid-row-start-11 {
    grid-row-start: 11;
  }
  .xl-grid-row-end-11 {
    grid-row-end: 11;
  }
  .xl-grid-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-gap-none {
    grid-gap: 0;
  }
  .xl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-layout-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .xl-grid-layout-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .xl-grid-col-start-12 {
    grid-column-start: 12;
  }
  .xl-grid-col-end-12 {
    grid-column-end: 12;
  }
  .xl-grid-row-start-12 {
    grid-row-start: 12;
  }
  .xl-grid-row-end-12 {
    grid-row-end: 12;
  }
  .xl-grid-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xl-grid-gap-none {
    grid-gap: 0;
  }
  .xl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
}
@media (min-width: 1600px) {
  .xxl-grid-layout-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .xxl-grid-layout-rows-1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .xxl-grid-col-start-1 {
    grid-column-start: 1;
  }
  .xxl-grid-col-end-1 {
    grid-column-end: 1;
  }
  .xxl-grid-row-start-1 {
    grid-row-start: 1;
  }
  .xxl-grid-row-end-1 {
    grid-row-end: 1;
  }
  .xxl-grid-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-layout-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .xxl-grid-layout-rows-2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .xxl-grid-col-start-2 {
    grid-column-start: 2;
  }
  .xxl-grid-col-end-2 {
    grid-column-end: 2;
  }
  .xxl-grid-row-start-2 {
    grid-row-start: 2;
  }
  .xxl-grid-row-end-2 {
    grid-row-end: 2;
  }
  .xxl-grid-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-layout-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .xxl-grid-layout-rows-3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .xxl-grid-col-start-3 {
    grid-column-start: 3;
  }
  .xxl-grid-col-end-3 {
    grid-column-end: 3;
  }
  .xxl-grid-row-start-3 {
    grid-row-start: 3;
  }
  .xxl-grid-row-end-3 {
    grid-row-end: 3;
  }
  .xxl-grid-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-layout-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .xxl-grid-layout-rows-4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .xxl-grid-col-start-4 {
    grid-column-start: 4;
  }
  .xxl-grid-col-end-4 {
    grid-column-end: 4;
  }
  .xxl-grid-row-start-4 {
    grid-row-start: 4;
  }
  .xxl-grid-row-end-4 {
    grid-row-end: 4;
  }
  .xxl-grid-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-layout-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .xxl-grid-layout-rows-5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .xxl-grid-col-start-5 {
    grid-column-start: 5;
  }
  .xxl-grid-col-end-5 {
    grid-column-end: 5;
  }
  .xxl-grid-row-start-5 {
    grid-row-start: 5;
  }
  .xxl-grid-row-end-5 {
    grid-row-end: 5;
  }
  .xxl-grid-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-layout-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .xxl-grid-layout-rows-6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .xxl-grid-col-start-6 {
    grid-column-start: 6;
  }
  .xxl-grid-col-end-6 {
    grid-column-end: 6;
  }
  .xxl-grid-row-start-6 {
    grid-row-start: 6;
  }
  .xxl-grid-row-end-6 {
    grid-row-end: 6;
  }
  .xxl-grid-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-layout-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .xxl-grid-layout-rows-7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .xxl-grid-col-start-7 {
    grid-column-start: 7;
  }
  .xxl-grid-col-end-7 {
    grid-column-end: 7;
  }
  .xxl-grid-row-start-7 {
    grid-row-start: 7;
  }
  .xxl-grid-row-end-7 {
    grid-row-end: 7;
  }
  .xxl-grid-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-layout-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .xxl-grid-layout-rows-8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .xxl-grid-col-start-8 {
    grid-column-start: 8;
  }
  .xxl-grid-col-end-8 {
    grid-column-end: 8;
  }
  .xxl-grid-row-start-8 {
    grid-row-start: 8;
  }
  .xxl-grid-row-end-8 {
    grid-row-end: 8;
  }
  .xxl-grid-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-layout-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .xxl-grid-layout-rows-9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .xxl-grid-col-start-9 {
    grid-column-start: 9;
  }
  .xxl-grid-col-end-9 {
    grid-column-end: 9;
  }
  .xxl-grid-row-start-9 {
    grid-row-start: 9;
  }
  .xxl-grid-row-end-9 {
    grid-row-end: 9;
  }
  .xxl-grid-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-layout-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .xxl-grid-layout-rows-10 {
    grid-template-rows: repeat(10, 1fr);
  }
  .xxl-grid-col-start-10 {
    grid-column-start: 10;
  }
  .xxl-grid-col-end-10 {
    grid-column-end: 10;
  }
  .xxl-grid-row-start-10 {
    grid-row-start: 10;
  }
  .xxl-grid-row-end-10 {
    grid-row-end: 10;
  }
  .xxl-grid-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-layout-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .xxl-grid-layout-rows-11 {
    grid-template-rows: repeat(11, 1fr);
  }
  .xxl-grid-col-start-11 {
    grid-column-start: 11;
  }
  .xxl-grid-col-end-11 {
    grid-column-end: 11;
  }
  .xxl-grid-row-start-11 {
    grid-row-start: 11;
  }
  .xxl-grid-row-end-11 {
    grid-row-end: 11;
  }
  .xxl-grid-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-layout-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .xxl-grid-layout-rows-12 {
    grid-template-rows: repeat(12, 1fr);
  }
  .xxl-grid-col-start-12 {
    grid-column-start: 12;
  }
  .xxl-grid-col-end-12 {
    grid-column-end: 12;
  }
  .xxl-grid-row-start-12 {
    grid-row-start: 12;
  }
  .xxl-grid-row-end-12 {
    grid-row-end: 12;
  }
  .xxl-grid-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-col-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-row-gap-auto {
    grid-gap: auto;
  }
  .xxl-grid-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-col-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-row-gap-h-auto {
    grid-gap: 0 auto;
  }
  .xxl-grid-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-col-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-row-gap-v-auto {
    grid-gap: auto 0;
  }
  .xxl-grid-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-col-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-row-gap-none {
    grid-gap: 0;
  }
  .xxl-grid-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-col-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-row-gap-2xs {
    grid-gap: 1rem;
  }
  .xxl-grid-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-col-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-row-gap-xs {
    grid-gap: 2rem;
  }
  .xxl-grid-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-col-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-row-gap-sm {
    grid-gap: 4rem;
  }
  .xxl-grid-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-col-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-row-gap-md {
    grid-gap: 6rem;
  }
  .xxl-grid-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-col-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-row-gap-lg {
    grid-gap: 8rem;
  }
  .xxl-grid-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-col-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-row-gap-xl {
    grid-gap: 10rem;
  }
  .xxl-grid-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-col-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-row-gap-2xl {
    grid-gap: 12rem;
  }
  .xxl-grid-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-col-gap-3xl {
    grid-gap: 16rem;
  }
  .xxl-grid-row-gap-3xl {
    grid-gap: 16rem;
  }
}
.button {
  display: inline-block;
  background: #00BFB3;
  background: var(--green);
  color: #002D3C;
  color: var(--midnight);
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 1em;
  font-weight: 600;
  padding: 1.5rem 4rem;
  border-radius: 1.5rem;
  transition: color 0.2s, background 0.2s, border-color 0.2s;
  text-align: center;
}
.button:hover, .button.active {
  background: #002D3C;
  background: var(--midnight);
  border-color: #002D3C;
  border-color: var(--midnight);
  color: #FFFFFF;
  color: var(--white);
  text-decoration: none;
}
.button--secondary {
  background: #00BFB3;
  background: var(--green);
  border-color: #00BFB3;
  border-color: var(--green);
  color: #FFFFFF;
  color: var(--white);
}
.button--secondary:hover, .button--secondary.active {
  background: #00BFB3;
  background: var(--green);
  border-color: #00BFB3;
  border-color: var(--green);
  color: #FFFFFF;
  color: var(--white);
}
.button--tertiary {
  background: transparent;
  color: #00BFB3;
  color: var(--green);
  border-color: #00BFB3;
  border-color: var(--green);
}
.button--tertiary:hover, .button--tertiary.active {
  background: #00BFB3;
  background: var(--green);
  color: #FFFFFF;
  color: var(--white);
  border-color: #00BFB3;
  border-color: var(--green);
}
.button--quaternary {
  background: #49CB86;
  color: #002D3C;
  color: var(--midnight);
  border-color: #49CB86;
}
.button--quaternary:hover, .button--quaternary.active {
  background: #002D3C;
  background: var(--midnight);
  color: #49CB86;
  border-color: #002D3C;
  border-color: var(--midnight);
}
.button--small {
  font-size: 1.4rem;
  padding: 0.5rem 2rem;
}

.text-light .button--primary,
.text-white .button--primary {
  background: #00BFB3;
  background: var(--green);
  color: #002D3C;
  color: var(--midnight);
  border-color: #00BFB3;
  border-color: var(--green);
}
.text-light .button--primary:hover, .text-light .button--primary.active,
.text-white .button--primary:hover,
.text-white .button--primary.active {
  background: #FFFFFF;
  background: var(--white);
  border-color: #FFFFFF;
  border-color: var(--white);
  color: #002D3C;
  color: var(--midnight);
}
.text-light .button--secondary,
.text-white .button--secondary {
  background: transparent;
  color: #FFFFFF;
  color: var(--white);
  border-color: #FFFFFF;
  border-color: var(--white);
}
.text-light .button--secondary:hover, .text-light .button--secondary.active,
.text-white .button--secondary:hover,
.text-white .button--secondary.active {
  background: #00BFB3;
  background: var(--green);
  border-color: #00BFB3;
  border-color: var(--green);
  color: #FFFFFF;
  color: var(--white);
}

form .field input[type=text],
form .field input[type=email],
form .field input[type=number] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #FFFFFF;
  border: 1px solid var(--white);
  border-radius: 0.7rem;
  height: 46px;
  padding: 0 1.5rem;
  width: 100%;
}
form .field input[type=text].error,
form .field input[type=email].error,
form .field input[type=number].error {
  border: 1px solid #FF3838;
  border: 1px solid var(--error);
}
form .field input[type=text]:focus,
form .field input[type=email]:focus,
form .field input[type=number]:focus {
  outline: none;
}
form .field ul {
  background: #FF3838;
  background: var(--error);
  list-style-type: none;
  padding: 0.5rem 0.5rem 0 0.5rem;
  margin: -1rem 0 0 0;
  border-radius: 0 0 0.7rem 0.7rem;
  font-weight: 600;
}
form .field ul li {
  margin-top: 0.5rem;
  font-size: 1.2rem;
  color: #FFFFFF;
  color: var(--white);
  text-align: left;
}
form .field ul li label {
  display: block;
}
form .hs-submit input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #002D3C;
  border: 1px solid var(--midnight);
  border-radius: 1.5rem;
  height: 46px;
  padding: 0 5rem;
  font-weight: 600;
  color: #FFFFFF;
  color: var(--white);
  background: #002D3C;
  background: var(--midnight);
  cursor: pointer;
}
form .hs-submit input[type=submit]:hover {
  background: #FFFFFF;
  background: var(--white);
  border: 1px solid #FFFFFF;
  border: 1px solid var(--white);
  color: #002D3C;
  color: var(--midnight);
}

.module_search {
  height: 35px;
  margin-top: -35px;
}

.hs-search-field {
  background: #FFFFFF;
  background: var(--white);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  border-radius: 1.6rem;
  overflow: hidden;
  position: relative;
  z-index: 50;
  margin-top: -35px;
}
.hs-search-field:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E ");
  width: 32px;
  height: 32px;
  position: absolute;
  top: 19px;
  left: 19px;
  overflow: hidden;
  color: #c3c3c3;
}
.hs-search-field input[type=text] {
  position: relative;
  padding: 2rem 2rem 2rem 7rem;
  background: none;
  border: 0;
  line-height: 30px;
}
.hs-search-field input[type=text]:focus {
  outline: none;
}
.hs-search-field button {
  display: none;
}

.module_password--form .hs-form-field,
.module_login--form .hs-form-field {
  margin: 0 0 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.module_password--form .hs-form-field label,
.module_login--form .hs-form-field label {
  display: block;
  font-weight: 600;
  flex: 1;
}
.module_password--form .hs-form-field a,
.module_login--form .hs-form-field a {
  margin: 0 0 0.5rem 0;
}
.module_password--form .hs-form-field input[type=text],
.module_password--form .hs-form-field input[type=email],
.module_password--form .hs-form-field input[type=password],
.module_login--form .hs-form-field input[type=text],
.module_login--form .hs-form-field input[type=email],
.module_login--form .hs-form-field input[type=password] {
  width: 100%;
}
.module_password--form .hs-form-field input[type=checkbox],
.module_login--form .hs-form-field input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 0 0.5rem 0 0;
}
.module_password--form #hs_login_reset,
.module_login--form #hs_login_reset {
  display: inline-block;
  margin-bottom: 1rem;
}
.module_password--form ul,
.module_login--form ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.module_password--form ul li,
.module_login--form ul li {
  margin: 0;
  padding: 0;
}
.module_password--form form input[type=text],
.module_password--form form input[type=email],
.module_password--form form input[type=password],
.module_login--form form input[type=text],
.module_login--form form input[type=email],
.module_login--form form input[type=password] {
  height: 46px !important;
  margin: 0 0.5rem 0 0 !important;
}
.module_password--form form input[type=text],
.module_password--form form input[type=email],
.module_password--form form input[type=password],
.module_login--form form input[type=text],
.module_login--form form input[type=email],
.module_login--form form input[type=password] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #bcbcbc;
  border-radius: 0.7rem;
  padding: 0 1.5rem;
}
.module_password--form form input[type=submit],
.module_login--form form input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #00BFB3;
  border: 1px solid var(--green);
  border-radius: 9999px;
  height: 46px;
  padding: 0 5rem;
  font-weight: 600;
  color: #FFFFFF;
  color: var(--white);
  background: #00BFB3;
  background: var(--green);
  cursor: pointer;
}
.module_password--form form input[type=submit]:hover,
.module_login--form form input[type=submit]:hover {
  background: #002D3C;
  background: var(--midnight);
  border: 1px solid #002D3C;
  border: 1px solid var(--midnight);
}

.module_reset--content .hs-form-field {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.module_reset--content .hs-form-field label {
  display: block;
  font-weight: 600;
  flex: 1;
}
.module_reset--content .hs-form-field input[type=text],
.module_reset--content .hs-form-field input[type=email],
.module_reset--content .hs-form-field input[type=password] {
  width: 100%;
}
.module_reset--content ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.module_reset--content ul li {
  margin: 0;
  padding: 0;
}
.module_reset--content input[type=text],
.module_reset--content input[type=email],
.module_reset--content input[type=password] {
  height: 46px !important;
  margin: 0 0.5rem 0 0 !important;
}
.module_reset--content input[type=text],
.module_reset--content input[type=email],
.module_reset--content input[type=password] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #bcbcbc;
  border-radius: 0.7rem;
  padding: 0 1.5rem;
}
.module_reset--content .hs_submit {
  margin-top: 2rem;
}
.module_reset--content .hs_submit input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #00BFB3;
  border: 1px solid var(--green);
  border-radius: 9999px;
  height: 46px;
  padding: 0 5rem;
  font-weight: 600;
  color: #FFFFFF;
  color: var(--white);
  background: #00BFB3;
  background: var(--green);
  cursor: pointer;
}
.module_reset--content .hs_submit input[type=submit]:hover {
  background: #002D3C;
  background: var(--midnight);
  border: 1px solid #002D3C;
  border: 1px solid var(--midnight);
}

.module_reset--content2 .hs-form-field {
  margin: 0 0 2rem 0;
}

.module_subscription--content h2 {
  color: #00BFB3;
  color: var(--green);
}
.module_subscription--content .page-header {
  margin-bottom: 2rem;
}
.module_subscription--content input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #00BFB3;
  border: 1px solid var(--green);
  border-radius: 9999px;
  height: 46px;
  padding: 0 5rem;
  font-weight: 600;
  color: #FFFFFF;
  color: var(--white);
  background: #00BFB3;
  background: var(--green);
  cursor: pointer;
}
.module_subscription--content input[type=submit]:hover {
  background: #00BFB3;
  background: var(--green);
  border: 1px solid #00BFB3;
  border: 1px solid var(--green);
}
.module_subscription--content .item .fakelabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}
.module_subscription--content .item .fakelabel span {
  font-weight: 600;
  margin: 0 0.3rem 0 0;
}
.module_subscription--content .item .fakelabel input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 0 0.5rem 0 0;
}

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

.blog__author {
  vertical-align: middle;
  font-weight: 600;
}
.blog__author a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  margin-left: 1rem;
  vertical-align: middle;
  color: #333333;
  color: var(--grey);
  gap: 1rem;
}
.blog__author a img {
  width: 36px;
  height: 36px;
  border-radius: 9999px;
}
.blog__authorbox {
  border-radius: 1.5rem;
}
.blog__authorbox figure {
  width: 100px;
  border-radius: 9999px;
  overflow: hidden;
}
.blog__authorbox figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog__authorbox div {
  flex: 1;
}
.blog__authorbox div h4 {
  margin: 0 0 0.5rem 0;
  padding: 0;
}
.blog__authorbox div p {
  margin: 0;
  font-size: 1.6rem;
}
.blog__video {
  aspect-ratio: 16/9;
  width: 100%;
}
.blog__video .oembed_container,
.blog__video iframe {
  max-width: 100% !important;
  max-height: 100% !important;
}
.blog__podcast {
  padding: 1rem;
  border: 1px solid #E5EAEB;
  border: 1px solid var(--midnight-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 32px;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
  max-width: 700px;
  margin: 0 auto;
}
@media (min-width: 667px) {
  .blog__podcast {
    flex-direction: row;
    align-items: flex-start;
  }
}
.blog__podcast figure {
  flex: 1;
  overflow: hidden;
  border-radius: 27px;
  aspect-ratio: 1/1;
}
@media (min-width: 667px) {
  .blog__podcast figure {
    max-width: 131px;
  }
}
.blog__podcast .details {
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.blog__podcast .details--title {
  font-weight: bold;
  margin: 0;
  color: #00BFB3;
  color: var(--green);
  line-height: 1.2em;
}
.blog__podcast .details--time {
  font-size: 1.4rem;
  margin: 0 0 1rem 0;
  line-height: 1.2em;
}
.blog__podcast .details--publish-date {
  font-size: 1.4rem;
  margin: 0 0 1rem 0;
  line-height: 1.2em;
}
.blog__podcast .details audio {
  width: 100%;
}
.blog__podcast-list {
  padding: 1rem;
  border: 1px solid #E5EAEB;
  border: 1px solid var(--midnight-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  border-radius: 32px;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
  max-width: 700px;
  margin: 0 auto;
}
.blog__podcast-list figure {
  flex: 1;
  overflow: hidden;
  max-width: 100px;
  border-radius: 27px;
  aspect-ratio: 1/1;
}
.blog__podcast-list .details {
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blog__podcast-list .details--title {
  font-weight: bold;
  margin: 0;
  color: #00BFB3;
  color: var(--green);
  line-height: 1.2em;
  font-size: 2rem;
}
.blog__podcast-list .details--time {
  font-size: 1.4rem;
  margin: 0 0 1rem 0;
  line-height: 1.2em;
}
.blog__podcast-list .details--publish-date {
  font-size: 1.4rem;
  margin: 0 0 1rem 0;
  line-height: 1.2em;
}
.blog__podcast-list .details audio {
  width: 100%;
}

.module_blog_breadcrumb ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: center;
}
.module_blog_breadcrumb ul li {
  fill: #00BFB3;
  fill: var(--green);
  margin: 0;
}
.module_blog_breadcrumb ul li a {
  font-weight: bold;
  font-size: 1.4rem;
}
@media (min-width: 667px) {
  .module_blog_breadcrumb ul li a {
    font-size: 1.6rem;
  }
}

.module_blog_content .container {
  position: relative;
}

.module_blog_social_share {
  width: 46px !important;
}

.module_blog_social_share {
  position: absolute;
  top: 0;
  right: -8rem;
}
.module_blog_social_share a {
  width: 46px !important;
}
.module_blog_social_share a {
  display: block;
  height: 46px;
  background: #CCF2F0;
  background: var(--green-light);
  border-radius: 9999px;
  margin: -1rem 0 0 0;
  padding: 11px;
}
.module_blog_social_share a img {
  width: 24px;
  height: 24px;
}

.blog__casestudy {
  position: relative;
  border-radius: 1.6rem;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  min-height: 300px;
  transition: all 0.3s ease-in-out;
}
.blog__casestudy .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  background: rgb(0, 45, 60);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 45, 60, 0.8)), to(rgba(0, 45, 60, 0.1)));
  background: linear-gradient(0deg, rgba(0, 45, 60, 0.8) 0%, rgba(0, 45, 60, 0.1) 100%);
}
.blog__casestudy .logo {
  position: absolute;
  top: 0;
  right: 2rem;
  background: white;
  border-radius: 0 0 0.8rem 0.8rem;
  width: 160px;
  height: 60px;
  padding: 1rem;
  z-index: 25;
}
.blog__casestudy .logo img {
  height: 100% !important;
}
.blog__casestudy .logo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.blog__casestudy .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
  transition: all 0.3s ease-in-out;
}
.blog__casestudy .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog__casestudy:hover .image {
  transform: scale(1.1);
}
.blog__casestudy .title {
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  right: 2rem;
  z-index: 25;
}
.blog__casestudy .title h3 {
  margin: 0;
  font-size: 2.4rem;
  font-weight: bold;
  color: #FFFFFF;
  color: var(--white);
}
.blog__casestudy .link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
}
.blog__casestudy--filters ul {
  padding: 0;
  flex-wrap: wrap;
}
.blog__casestudy--filters ul li {
  margin: 0;
  flex: 0 1 139px;
}
.blog__casestudy--filters ul li button {
  padding: 1.2rem 0;
  width: 100%;
  font-size: 1.6rem;
}
@media (min-width: 992px) {
  .blog__casestudy--filters ul li button {
    padding: 1.4rem 0;
    font-size: 1.8rem;
  }
}
.blog__casestudy--sticky {
  top: 0;
}
.blog__casestudy--grid {
  display: grid;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}
.blog__casestudy--grid .blog__casestudy {
  transform: scale(1);
  opacity: 1;
  transition: all 0.2s ease-in-out;
  mask-image: radial-gradient(white, black);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.blog__casestudy--grid .blog__casestudy.blog-closing {
  transform: scale(0);
  opacity: 0;
}
@media (min-width: 667px) {
  .blog__casestudy--grid .index-0 {
    grid-column: 1/2;
    grid-row: 1/3;
    min-height: 550px;
  }
  .blog__casestudy--grid .index-1 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .blog__casestudy--grid .index-2 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .blog__casestudy--grid .index-3 {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .blog__casestudy--grid .index-4 {
    grid-column: 1/2;
    grid-row: 4/5;
  }
  .blog__casestudy--grid .index-5 {
    grid-column: 2/3;
    grid-row: 4/6;
  }
  .blog__casestudy--grid .index-6 {
    grid-column: 1/2;
    grid-row: 5/6;
  }
  .blog__casestudy--grid .index-7 {
    grid-column: 1/2;
    grid-row: 6/8;
    min-height: 550px;
  }
  .blog__casestudy--grid .index-8 {
    grid-column: 2/3;
    grid-row: 6/7;
  }
  .blog__casestudy--grid .index-9 {
    grid-column: 2/3;
    grid-row: 7/8;
  }
  .blog__casestudy--grid .index-10 {
    grid-column: 1/3;
    grid-row: 8/9;
  }
  .blog__casestudy--grid .index-11 {
    grid-column: 1/2;
    grid-row: 9/10;
  }
  .blog__casestudy--grid .index-12 {
    grid-column: 2/3;
    grid-row: 9/11;
  }
  .blog__casestudy--grid .index-13 {
    grid-column: 1/2;
    grid-row: 10/11;
  }
  .blog__casestudy--grid .index-14 {
    grid-column: 1/2;
    grid-row: 11/13;
    min-height: 550px;
  }
  .blog__casestudy--grid .index-15 {
    grid-column: 2/3;
    grid-row: 11/12;
  }
  .blog__casestudy--grid .index-16 {
    grid-column: 2/3;
    grid-row: 12/13;
  }
  .blog__casestudy--grid .index-17 {
    grid-column: 1/3;
    grid-row: 13/14;
  }
  .blog__casestudy--grid .index-18 {
    grid-column: 1/2;
    grid-row: 14/15;
  }
  .blog__casestudy--grid .index-19 {
    grid-column: 2/3;
    grid-row: 14/16;
  }
  .blog__casestudy--grid .index-20 {
    grid-column: 1/2;
    grid-row: 15/16;
  }
  .blog__casestudy--grid .index-21 {
    grid-column: 1/2;
    grid-row: 16/18;
    min-height: 550px;
  }
  .blog__casestudy--grid .index-22 {
    grid-column: 2/3;
    grid-row: 16/17;
  }
  .blog__casestudy--grid .index-23 {
    grid-column: 2/3;
    grid-row: 17/18;
  }
  .blog__casestudy--grid .index-24 {
    grid-column: 1/3;
    grid-row: 18/19;
  }
  .blog__casestudy--grid .index-25 {
    grid-column: 1/2;
    grid-row: 19/20;
  }
  .blog__casestudy--grid .index-26 {
    grid-column: 2/3;
    grid-row: 19/21;
  }
  .blog__casestudy--grid .index-27 {
    grid-column: 1/2;
    grid-row: 20/21;
  }
  .blog__casestudy--grid .index-28 {
    grid-column: 1/2;
    grid-row: 21/23;
    min-height: 550px;
  }
  .blog__casestudy--grid .index-29 {
    grid-column: 2/3;
    grid-row: 21/22;
  }
  .blog__casestudy--grid .index-30 {
    grid-column: 2/3;
    grid-row: 22/23;
  }
  .blog__casestudy--grid .index-31 {
    grid-column: 1/3;
    grid-row: 23/24;
  }
  .blog__casestudy--grid .index-32 {
    grid-column: 1/2;
    grid-row: 24/25;
  }
  .blog__casestudy--grid .index-33 {
    grid-column: 2/3;
    grid-row: 24/26;
  }
  .blog__casestudy--grid .index-34 {
    grid-column: 1/2;
    grid-row: 25/26;
  }
  .blog__casestudy--grid .index-35 {
    grid-column: 1/2;
    grid-row: 26/28;
    min-height: 550px;
  }
  .blog__casestudy--grid .index-36 {
    grid-column: 2/3;
    grid-row: 26/27;
  }
  .blog__casestudy--grid .index-37 {
    grid-column: 2/3;
    grid-row: 27/28;
  }
  .blog__casestudy--grid .index-38 {
    grid-column: 1/3;
    grid-row: 28/29;
  }
  .blog__casestudy--grid .index-39 {
    grid-column: 1/2;
    grid-row: 29/30;
  }
  .blog__casestudy--grid .index-40 {
    grid-column: 2/3;
    grid-row: 29/31;
  }
  .blog__casestudy--grid .index-41 {
    grid-column: 1/2;
    grid-row: 30/31;
  }
}
@media (min-width: 992px) {
  .blog__casestudy--grid .index-0 {
    grid-column: 1/3;
    grid-row: 1/3;
    min-height: 550px;
  }
  .blog__casestudy--grid .index-1 {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .blog__casestudy--grid .index-2 {
    grid-column: 3/4;
    grid-row: 2/3;
  }
  .blog__casestudy--grid .index-3 {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .blog__casestudy--grid .index-4 {
    grid-column: 2/4;
    grid-row: 3/4;
  }
  .blog__casestudy--grid .index-5 {
    grid-column: 1/3;
    grid-row: 4/5;
  }
  .blog__casestudy--grid .index-6 {
    grid-column: 3/4;
    grid-row: 4/5;
  }
  .blog__casestudy--grid .index-7 {
    grid-column: 1/3;
    grid-row: 5/7;
    min-height: 550px;
  }
  .blog__casestudy--grid .index-8 {
    grid-column: 3/4;
    grid-row: 5/6;
  }
  .blog__casestudy--grid .index-9 {
    grid-column: 3/4;
    grid-row: 6/7;
  }
  .blog__casestudy--grid .index-10 {
    grid-column: 1/2;
    grid-row: 7/8;
  }
  .blog__casestudy--grid .index-11 {
    grid-column: 2/4;
    grid-row: 7/8;
  }
  .blog__casestudy--grid .index-12 {
    grid-column: 1/3;
    grid-row: 8/9;
  }
  .blog__casestudy--grid .index-13 {
    grid-column: 3/4;
    grid-row: 8/9;
  }
  .blog__casestudy--grid .index-14 {
    grid-column: 1/3;
    grid-row: 9/11;
    min-height: 550px;
  }
  .blog__casestudy--grid .index-15 {
    grid-column: 3/4;
    grid-row: 9/10;
  }
  .blog__casestudy--grid .index-16 {
    grid-column: 3/4;
    grid-row: 10/11;
  }
  .blog__casestudy--grid .index-17 {
    grid-column: 1/2;
    grid-row: 11/12;
  }
  .blog__casestudy--grid .index-18 {
    grid-column: 2/4;
    grid-row: 11/12;
  }
  .blog__casestudy--grid .index-19 {
    grid-column: 1/3;
    grid-row: 12/13;
  }
  .blog__casestudy--grid .index-20 {
    grid-column: 3/4;
    grid-row: 12/13;
  }
  .blog__casestudy--grid .index-21 {
    grid-column: 1/3;
    grid-row: 13/15;
    min-height: 550px;
  }
  .blog__casestudy--grid .index-22 {
    grid-column: 3/4;
    grid-row: 13/14;
  }
  .blog__casestudy--grid .index-23 {
    grid-column: 3/4;
    grid-row: 14/15;
  }
  .blog__casestudy--grid .index-24 {
    grid-column: 1/2;
    grid-row: 15/16;
  }
  .blog__casestudy--grid .index-25 {
    grid-column: 2/4;
    grid-row: 15/16;
  }
  .blog__casestudy--grid .index-26 {
    grid-column: 1/3;
    grid-row: 16/17;
  }
  .blog__casestudy--grid .index-27 {
    grid-column: 3/4;
    grid-row: 16/17;
  }
  .blog__casestudy--grid .index-28 {
    grid-column: 1/3;
    grid-row: 17/19;
    min-height: 550px;
  }
  .blog__casestudy--grid .index-29 {
    grid-column: 3/4;
    grid-row: 17/18;
  }
  .blog__casestudy--grid .index-30 {
    grid-column: 3/4;
    grid-row: 18/19;
  }
  .blog__casestudy--grid .index-31 {
    grid-column: 1/2;
    grid-row: 19/20;
  }
  .blog__casestudy--grid .index-32 {
    grid-column: 2/4;
    grid-row: 19/20;
  }
  .blog__casestudy--grid .index-33 {
    grid-column: 1/3;
    grid-row: 20/21;
  }
  .blog__casestudy--grid .index-34 {
    grid-column: 3/4;
    grid-row: 20/21;
  }
  .blog__casestudy--grid .index-35 {
    grid-column: 1/3;
    grid-row: 21/23;
    min-height: 550px;
  }
  .blog__casestudy--grid .index-36 {
    grid-column: 3/4;
    grid-row: 21/22;
  }
  .blog__casestudy--grid .index-37 {
    grid-column: 3/4;
    grid-row: 22/23;
  }
  .blog__casestudy--grid .index-38 {
    grid-column: 1/2;
    grid-row: 23/24;
  }
  .blog__casestudy--grid .index-39 {
    grid-column: 2/4;
    grid-row: 23/24;
  }
  .blog__casestudy--grid .index-40 {
    grid-column: 1/3;
    grid-row: 24/25;
  }
  .blog__casestudy--grid .index-41 {
    grid-column: 3/4;
    grid-row: 24/25;
  }
}
@media (min-width: 1280px) {
  .blog__casestudy--grid .index-0 {
    grid-column: 1/3;
    grid-row: 1/3;
    min-height: 615px;
  }
  .blog__casestudy--grid .index-1 {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .blog__casestudy--grid .index-2 {
    grid-column: 3/4;
    grid-row: 2/3;
  }
  .blog__casestudy--grid .index-3 {
    grid-column: 4/5;
    grid-row: 2/3;
  }
  .blog__casestudy--grid .index-4 {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .blog__casestudy--grid .index-5 {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .blog__casestudy--grid .index-6 {
    grid-column: 3/5;
    grid-row: 3/4;
  }
  .blog__casestudy--grid .index-7 {
    grid-column: 1/3;
    grid-row: 4/6;
    min-height: 615px;
  }
  .blog__casestudy--grid .index-8 {
    grid-column: 3/5;
    grid-row: 4/5;
  }
  .blog__casestudy--grid .index-9 {
    grid-column: 3/4;
    grid-row: 5/6;
  }
  .blog__casestudy--grid .index-10 {
    grid-column: 4/5;
    grid-row: 5/6;
  }
  .blog__casestudy--grid .index-11 {
    grid-column: 1/2;
    grid-row: 6/7;
  }
  .blog__casestudy--grid .index-12 {
    grid-column: 2/3;
    grid-row: 6/7;
  }
  .blog__casestudy--grid .index-13 {
    grid-column: 3/5;
    grid-row: 6/7;
  }
  .blog__casestudy--grid .index-14 {
    grid-column: 1/3;
    grid-row: 7/9;
    min-height: 615px;
  }
  .blog__casestudy--grid .index-15 {
    grid-column: 3/5;
    grid-row: 7/8;
  }
  .blog__casestudy--grid .index-16 {
    grid-column: 3/4;
    grid-row: 8/9;
  }
  .blog__casestudy--grid .index-17 {
    grid-column: 4/5;
    grid-row: 8/9;
  }
  .blog__casestudy--grid .index-18 {
    grid-column: 1/2;
    grid-row: 9/10;
  }
  .blog__casestudy--grid .index-19 {
    grid-column: 2/3;
    grid-row: 9/10;
  }
  .blog__casestudy--grid .index-20 {
    grid-column: 3/5;
    grid-row: 9/10;
  }
  .blog__casestudy--grid .index-21 {
    grid-column: 1/3;
    grid-row: 10/12;
    min-height: 615px;
  }
  .blog__casestudy--grid .index-22 {
    grid-column: 3/5;
    grid-row: 10/11;
  }
  .blog__casestudy--grid .index-23 {
    grid-column: 3/4;
    grid-row: 11/12;
  }
  .blog__casestudy--grid .index-24 {
    grid-column: 4/5;
    grid-row: 11/12;
  }
  .blog__casestudy--grid .index-25 {
    grid-column: 1/2;
    grid-row: 12/13;
  }
  .blog__casestudy--grid .index-26 {
    grid-column: 2/3;
    grid-row: 12/13;
  }
  .blog__casestudy--grid .index-27 {
    grid-column: 3/5;
    grid-row: 12/13;
  }
  .blog__casestudy--grid .index-28 {
    grid-column: 1/3;
    grid-row: 13/15;
    min-height: 615px;
  }
  .blog__casestudy--grid .index-29 {
    grid-column: 3/5;
    grid-row: 13/14;
  }
  .blog__casestudy--grid .index-30 {
    grid-column: 3/4;
    grid-row: 14/15;
  }
  .blog__casestudy--grid .index-31 {
    grid-column: 4/5;
    grid-row: 14/15;
  }
  .blog__casestudy--grid .index-32 {
    grid-column: 1/2;
    grid-row: 15/16;
  }
  .blog__casestudy--grid .index-33 {
    grid-column: 2/3;
    grid-row: 15/16;
  }
  .blog__casestudy--grid .index-34 {
    grid-column: 3/5;
    grid-row: 15/16;
  }
  .blog__casestudy--grid .index-35 {
    grid-column: 1/3;
    grid-row: 16/18;
    min-height: 615px;
  }
  .blog__casestudy--grid .index-36 {
    grid-column: 3/5;
    grid-row: 16/17;
  }
  .blog__casestudy--grid .index-37 {
    grid-column: 3/4;
    grid-row: 17/18;
  }
  .blog__casestudy--grid .index-38 {
    grid-column: 4/5;
    grid-row: 17/18;
  }
  .blog__casestudy--grid .index-39 {
    grid-column: 1/2;
    grid-row: 18/19;
  }
  .blog__casestudy--grid .index-40 {
    grid-column: 2/3;
    grid-row: 18/19;
  }
  .blog__casestudy--grid .index-41 {
    grid-column: 3/5;
    grid-row: 18/19;
  }
}

footer .footer_cta .button-primary {
  background-color: #00BFB3;
  background-color: var(--green);
  color: #002D3C;
  color: var(--midnight);
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
}
footer .footer_cta .button-primary:hover {
  background-color: #FFFFFF;
  background-color: var(--white);
  border: 2px solid #FFFFFF;
  border: 2px solid var(--white);
  color: #002D3C;
  color: var(--midnight);
}
footer .footer_cta--content {
  margin-top: -100px;
  z-index: 20;
}
footer .footer_cta--overlay {
  bottom: 0;
  right: 0;
  aspect-ratio: 12/9;
  height: 250px;
  width: 500px;
  background: url("https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/overlay-shape-services.png") no-repeat 0 0;
  background-size: cover;
}
footer .footer_content {
  flex-direction: column;
  gap: 3rem;
  text-align: center;
}
footer .footer_content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
footer .footer_content ul li {
  margin: 0 0 0.3rem 0;
}
footer .footer_content ul li a {
  color: #002D3C;
  color: var(--midnight);
  text-decoration: none;
  transition: color 0.2s;
}
footer .footer_content ul li a:hover {
  color: #FFFFFF;
  color: var(--white);
}
footer .footer_content .col h3 {
  font-size: 18px;
}
@media (min-width: 667px) {
  footer .footer_content .col h3 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  footer .footer_content .col h3 {
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  footer .footer_content .col h3 {
    font-size: 24px;
  }
}
footer .footer_content .col--logo {
  max-width: 200px;
  margin: 0 auto;
}
footer .footer_content .col--menu1 ul, footer .footer_content .col--menu2 ul {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
}
footer .footer_content .col--menu1 ul li, footer .footer_content .col--menu2 ul li {
  margin: 0 0 1rem 0;
  flex: 0 0 100%;
}
footer .footer_content .col--menu1 ul li a, footer .footer_content .col--menu2 ul li a {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #002D3C;
  color: var(--midnight);
}
footer .footer_content .col--menu1 ul li a:hover, footer .footer_content .col--menu2 ul li a:hover {
  color: #FFFFFF;
  color: var(--white);
}
footer .footer_content .social-menu {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  gap: 1rem;
}
footer .footer_content .social-menu li {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0;
}
footer .footer_content .social-menu li a svg {
  fill: #002D3C;
  fill: var(--midnight);
  max-width: 32px;
  max-height: 32px;
  width: 100%;
  height: 100%;
  transition: fill 0.2s;
}
footer .footer_content .social-menu li a:hover svg {
  fill: #FFFFFF;
  fill: var(--white);
}
footer .footer_legal {
  font-size: 14px;
  line-height: 1.4em;
  color: #002D3C;
  color: var(--midnight);
  text-align: center;
  padding: 4rem 0;
  border-top: 2px solid rgba(255, 255, 255, 0.3);
  overflow: hidden;
  text-align: center;
  flex-direction: column;
  gap: 2rem;
}
footer .footer_legal ul {
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 300px;
}
footer .footer_legal ul li {
  margin: 0 0 1rem 0;
}
footer .footer_legal ul li a {
  display: block;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #002D3C;
  color: var(--midnight);
  text-decoration: none;
  transition: color 0.2s;
}
footer .footer_legal ul li a:hover {
  color: #FFFFFF;
  color: var(--white);
}
@media (min-width: 667px) {
  footer .footer_content {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8%;
  }
  footer .footer_content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
  }
  footer .footer_content ul li {
    margin: 0 0 0.3rem 0;
  }
  footer .footer_content ul li a {
    color: #002D3C;
    color: var(--midnight);
    text-decoration: none;
  }
  footer .footer_content ul li a:hover {
    color: #FFFFFF;
    color: var(--white);
  }
  footer .footer_content .col--logo {
    flex: 0 0 100%;
    max-width: none;
    margin: 0 0 2rem 0;
  }
  footer .footer_content .col--logo a {
    max-width: 200px;
    display: inline-block;
  }
  footer .footer_content .col--logo a img {
    width: 200px !important;
  }
  footer .footer_content .col--menu1, footer .footer_content .col--menu2 {
    flex: 0 0 46%;
  }
  footer .footer_content .col--menu1 ul, footer .footer_content .col--menu2 ul {
    overflow: hidden;
  }
  footer .footer_content .col--menu1 ul li, footer .footer_content .col--menu2 ul li {
    margin: 0 0 1rem 0;
    flex: 0 0 48%;
  }
  footer .footer_content .col--menu1 ul li a, footer .footer_content .col--menu2 ul li a {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #002D3C;
    color: var(--midnight);
  }
  footer .footer_content .col--menu1 ul li a:hover, footer .footer_content .col--menu2 ul li a:hover {
    color: #FFFFFF;
    color: var(--white);
  }
  footer .footer_content .col--social {
    flex: 0 0 100%;
    margin-top: 2rem;
  }
  footer .footer_legal {
    flex-direction: column;
    gap: 2rem;
  }
  footer .footer_legal ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    max-width: none;
    max-width: initial;
  }
  footer .footer_legal ul li {
    margin: 0 0 1rem 0;
  }
  footer .footer_legal ul li a {
    display: inline-block;
    height: auto;
    font-weight: 400;
    background: none;
    color: #002D3C;
    color: var(--midnight);
  }
  footer .footer_legal ul li a:hover {
    color: #FFFFFF;
    color: var(--white);
    background: none;
  }
  footer .footer_legal ul li:not(:last-child):after {
    content: "|";
    display: inline-block;
    margin-left: 1rem;
  }
}
@media (min-width: 992px) {
  footer .footer_content {
    gap: 2rem;
    text-align: left;
  }
  footer .footer_content .col--logo {
    flex: 0 0 200px;
    max-width: none;
    margin: 0 auto 0 0;
  }
  footer .footer_content .col--menu1, footer .footer_content .col--menu2 {
    flex: 0 0 240px;
  }
  footer .footer_content .col--menu1 ul, footer .footer_content .col--menu2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
  }
  footer .footer_content .col--menu1 ul li, footer .footer_content .col--menu2 ul li {
    margin: 0 0 0.3rem 0;
    float: left;
    width: 50%;
    flex: 0 0 48%;
  }
  footer .footer_content .col--menu1 ul li a, footer .footer_content .col--menu2 ul li a {
    display: inline;
    color: #002D3C;
    color: var(--midnight);
    text-decoration: none;
    height: auto;
    font-weight: 400;
    background: none;
    color: var(--midnight);
  }
  footer .footer_content .col--menu1 ul li a:hover, footer .footer_content .col--menu2 ul li a:hover {
    color: #FFFFFF;
    color: var(--white);
    background: none;
  }
  footer .footer_content .col--menu2 {
    flex: 0 0 136px;
  }
  footer .footer_content .col--menu2 ul li {
    float: none;
    width: 100%;
    flex: 0 0 100%;
  }
  footer .footer_content .col--social {
    flex: 0 0 255px;
    margin-top: 0;
  }
  footer .footer_content .social-menu {
    justify-content: space-between;
    gap: 0;
  }
  footer .footer_content .social-menu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .footer_legal {
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between;
  }
  footer .footer_legal ul {
    justify-content: flex-end;
    width: 100%;
  }
  footer .footer_legal ul li {
    margin: 0;
  }
  footer .footer_legal--left {
    text-align: left;
  }
  footer .footer_legal--right {
    text-align: right;
    flex: 1;
  }
}
@media (min-width: 1280px) {
  footer .footer_content {
    gap: 3rem;
  }
  footer .footer_content .col--menu1, footer .footer_content .col--menu2 {
    flex: 0 0 280px;
  }
  footer .footer_content .col--menu2 {
    flex: 0 0 160px;
  }
  footer .footer_content .col--social {
    flex: 0 0 295px;
  }
  footer .footer_legal {
    padding: 3rem 0;
  }
}

.module_partner {
  padding-bottom: 14rem;
}
.module_partner--header {
  padding: 0 0 4rem 0;
  max-width: 90%;
  margin: 0 auto;
}
.module_partner--title {
  font-weight: 400;
  color: #333333;
  color: var(--grey);
  padding: 0;
}
.module_partner--title span {
  color: #00BFB3;
  color: var(--green);
}
.module_partner--subtitle p:last-child {
  margin: 0;
}
.module_partner--footer {
  padding: 4rem 0 0 0;
  max-width: 90%;
  margin: 0 auto;
}
.module_partner--logos {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  justify-items: center;
  align-items: center;
}
.module_partner--logos .logo {
  width: 100%;
  max-width: 200px;
  aspect-ratio: 6/4;
}
.module_partner--logos .logo a {
  width: 100%;
  height: 100%;
  display: block;
}
.module_partner--logos .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(1);
  opacity: 0.8;
  transition: filter 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.module_partner--logos .logo:hover img {
  filter: grayscale(0);
  opacity: 1;
}
@media (min-width: 667px) {
  .module_partner {
    padding-bottom: 16rem;
  }
  .module_partner--logos {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  .module_partner--logos .logo {
    width: 100%;
    aspect-ratio: 6/4;
  }
}
@media (min-width: 992px) {
  .module_partner {
    padding-bottom: 18rem;
  }
  .module_partner--logos {
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
  }
  .module_partner--logos .logo {
    width: 100%;
    aspect-ratio: 6/4;
  }
}
@media (min-width: 1280px) {
  .module_partner {
    padding-bottom: 20rem;
  }
  .module_partner--logos {
    grid-template-columns: repeat(5, 1fr);
    gap: 4rem;
  }
  .module_partner--logos .logo {
    width: 100%;
    aspect-ratio: 6/4;
  }
}

.site-header {
  position: absolute;
  z-index: 30;
  width: 100%;
}
.site-header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-header__branding {
  height: 90px;
  padding: 2rem 0 1rem;
}
.site-header__branding img {
  height: 100% !important;
  width: auto !important;
}
@media (min-width: 667px) {
  .site-header__branding {
    height: 140px;
    padding: 3.5rem 0 2rem;
  }
}
@media (min-width: 992px) {
  .site-header__branding {
    height: 180px;
    padding: 4rem 0 2.5rem;
  }
}
.site-header__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}
.site-header__nav {
  display: none;
  align-items: center;
}
.site-header__nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 3rem;
}
.site-header__nav ul li {
  margin: 0;
}
.site-header__nav ul li:before {
  display: none;
}
.site-header__nav ul li a {
  text-decoration: none;
  color: #FFFFFF;
  color: var(--white);
  font-size: 2rem;
  font-weight: 600;
}
.site-header__nav ul li a:hover {
  color: #00BFB3;
  color: var(--green);
}
@media (min-width: 667px) {
  .site-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.site-header__mobile--hamburger {
  position: relative;
  z-index: 98;
  width: 48px;
  height: 48px;
  background: #00BFB3;
  background: var(--green);
  border-radius: 9999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(1);
  transition: all 0.6s;
}
.site-header__mobile--hamburger:hover {
  background: #FFFFFF;
  background: var(--white);
}
.site-header__mobile--hamburger:hover svg {
  fill: #002D3C;
  fill: var(--midnight);
}
.site-header__mobile--hamburger button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  padding: 12px;
  width: 46px;
  height: 46px;
  border: none;
  fill: white;
  opacity: 1;
  transform: scale(1);
  transition: all 0.1s;
  transition-delay: 0.6s;
  cursor: pointer;
}
.site-header__mobile--hamburger button svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 667px) {
  .site-header__mobile--hamburger {
    width: 54px;
    height: 54px;
  }
  .site-header__mobile--hamburger button {
    width: 54px;
    height: 54px;
    padding: 16px;
  }
}
.site-header__mobile--menu {
  opacity: 0;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  transition-delay: 0.7s;
  transition: opacity 0.3s;
  display: block;
  transform: translateX(-100%);
}
.site-header__mobile--menu .container {
  flex-direction: column;
  height: 100%;
}
.site-header__mobile--menu .container .site-header__mobile--menu--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.site-header__mobile--menu .container .site-header__mobile--menu--header .site-header__mobile--menu--logo {
  height: 90px;
  padding: 2rem 0 1rem;
}
.site-header__mobile--menu .container .site-header__mobile--menu--header .site-header__mobile--menu--logo img {
  height: 100% !important;
  width: auto !important;
}
@media (min-width: 667px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--header .site-header__mobile--menu--logo {
    height: 140px;
    padding: 3.5rem 0 2rem;
  }
}
@media (min-width: 992px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--header .site-header__mobile--menu--logo {
    height: 180px;
    padding: 4rem 0 2.5rem;
  }
}
.site-header__mobile--menu .container .site-header__mobile--menu--header .site-header__mobile--menu--close button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #FFFFFF;
  background: var(--white);
  border-radius: 9999px;
  padding: 12px;
  width: 46px;
  height: 46px;
  border: none;
  fill: #002D3C;
  fill: var(--midnight);
  opacity: 1;
  cursor: pointer;
}
.site-header__mobile--menu .container .site-header__mobile--menu--header .site-header__mobile--menu--close button svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 667px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--header .site-header__mobile--menu--close button {
    width: 54px;
    height: 54px;
    padding: 16px;
  }
}
.site-header__mobile--menu .container .site-header__mobile--menu--wrapper {
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation {
  width: 100%;
  max-width: 1000px;
}
.site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li {
  opacity: 0;
  margin: 0;
  transition: opacity 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
@media (min-width: 667px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li {
    flex-direction: row;
  }
}
.site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li a {
  width: 100%;
  text-decoration: none;
  color: #FFFFFF;
  color: var(--white);
  font-size: 2.8rem;
  line-height: 1em;
  opacity: 0.5;
  transition: opacity 0.2s;
  padding: 1rem 0;
}
.site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li a:hover {
  opacity: 1;
}
.site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li a.active {
  opacity: 1;
}
@media (min-width: 667px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li a {
    font-size: 3rem;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li a {
    font-size: 3.5rem;
  }
}
@media (min-width: 1280px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li a {
    font-size: 4rem;
  }
}
.site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li ul {
  display: none;
  margin: 0;
  padding-left: 1rem;
}
.site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li ul li {
  width: 100%;
}
.site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li ul li a {
  font-size: 1.9rem;
  padding: 1rem 0;
  width: 100%;
}
.site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li ul.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
@media (min-width: 667px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li ul {
    padding-top: 1rem;
    width: 50%;
    position: absolute;
    left: 50%;
  }
  .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li ul li a {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li ul li a {
    font-size: 3rem;
  }
}
@media (min-width: 1280px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li ul li a {
    font-size: 3.5rem;
  }
}
.site-header__mobile--menu .container .site-header__mobile--menu--footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 0 0 10rem 0;
}
@media (min-width: 667px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--footer {
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 6rem 0;
  }
}
.site-header__mobile--menu .container .site-header__mobile--menu--footer .site-header__mobile--menu--cta {
  width: 100%;
}
@media (min-width: 667px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--footer .site-header__mobile--menu--cta {
    width: auto;
  }
}
.site-header__mobile--menu .container .site-header__mobile--menu--footer .site-header__mobile--menu--cta a.button {
  background: #00BFB3;
  background: var(--green);
  color: #002D3C;
  color: var(--midnight);
  border-color: #00BFB3;
  border-color: var(--green);
  border-radius: 9999px;
  font-size: 18px;
  width: 100%;
  text-align: center;
  margin: 0 0 2rem 0;
}
@media (min-width: 667px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--footer .site-header__mobile--menu--cta a.button {
    width: auto;
    margin: 0;
  }
}
.site-header__mobile--menu .container .site-header__mobile--menu--footer .site-header__mobile--menu--cta a.button:hover {
  background: #FFFFFF;
  background: var(--white);
  border-color: #FFFFFF;
  border-color: var(--white);
  color: #002D3C;
  color: var(--midnight);
}
.site-header__mobile--menu .container .site-header__mobile--menu--footer .site-header__mobile--menu--social {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  gap: 1.5rem;
}
@media (min-width: 667px) {
  .site-header__mobile--menu .container .site-header__mobile--menu--footer .site-header__mobile--menu--social {
    justify-content: flex-start;
  }
}
.site-header__mobile--menu .container .site-header__mobile--menu--footer .site-header__mobile--menu--social li a {
  display: block;
  fill: #FFFFFF;
  fill: var(--white);
  width: 32px;
  height: 32px;
}
.site-header__mobile--menu .container .site-header__mobile--menu--footer .site-header__mobile--menu--social li a svg {
  width: 100%;
  height: 100%;
}
.site-header__mobile--menu .container .site-header__mobile--menu--footer .site-header__mobile--menu--social li a:hover {
  fill: #00BFB3;
  fill: var(--green);
}
.site-header__mobile.is-active .site-header__mobile--hamburger {
  transform: scale(100);
  transition: all 1s;
  background: #002D3C;
  background: var(--midnight);
}
.site-header__mobile.is-active .site-header__mobile--hamburger button {
  opacity: 0;
  transform: scale(0.01);
  transition: all 0.1s;
  transition-delay: 0s;
}
.site-header__mobile.is-active .site-header__mobile--menu {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.3s;
}
.site-header__mobile.is-active .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li {
  opacity: 1;
  transition: opacity 0.5s;
  transition-delay: 0.5s;
}
.site-header__mobile.is-active .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li:nth-child(2) {
  transition-delay: 0.6s;
}
.site-header__mobile.is-active .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li:nth-child(3) {
  transition-delay: 0.7s;
}
.site-header__mobile.is-active .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li:nth-child(4) {
  transition-delay: 0.8s;
}
.site-header__mobile.is-active .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li:nth-child(5) {
  transition-delay: 0.9s;
}
.site-header__mobile.is-active .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li:nth-child(6) {
  transition-delay: 1s;
}
.site-header__mobile.is-active .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li:nth-child(7) {
  transition-delay: 1.1s;
}
.site-header__mobile.is-active .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li:nth-child(8) {
  transition-delay: 1.2s;
}
.site-header__mobile.is-active .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li:nth-child(9) {
  transition-delay: 1.3s;
}
.site-header__mobile.is-active .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li:nth-child(10) {
  transition-delay: 1.4s;
}
.site-header__mobile.is-active .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li:nth-child(11) {
  transition-delay: 1.5s;
}
.site-header__mobile.is-active .site-header__mobile--menu .container .site-header__mobile--menu--wrapper .site-header__mobile--menu--navigation ul li:nth-child(12) {
  transition-delay: 1.6s;
}

.module_header--top-menu ul {
  list-style-type: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.module_header--top-menu ul li a {
  text-decoration: none;
}
.module_header--logo img {
  width: 100% !important;
  height: auto !important;
}
.module_header--logo img {
  max-width: 150px;
}

.burger_menu {
  border-radius: 50%;
  width: 0px;
  height: 0px;
  position: fixed;
  top: 0;
  right: 0;
  transition: all 0.5s;
}
.burger_menu.is-active {
  width: 100%;
  height: 100%;
  top: 0;
  margin-top: 0;
  right: 0;
  margin-left: 0;
  border-radius: 0;
}

.burger-container {
  border-radius: 30px;
}

.site-header--hero-coe {
  background-color: #002D3C;
  background-color: var(--midnight);
}

.pagination--link {
  display: block;
  width: 36px;
  height: 36px;
  line-height: 32px;
  text-decoration: none;
  background: #FFFFFF;
  background: var(--white);
  color: #002D3C;
  color: var(--midnight);
  border-radius: 9999px;
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
  transition: all 0.3s;
}
.pagination--link:hover {
  background: #00BFB3;
  background: var(--green);
  color: #002D3C;
  color: var(--midnight);
}
.pagination--prev {
  padding: 0 1.3rem 0 1.1rem;
}
.pagination--prev svg {
  height: 36px;
  width: 13px;
  fill: #002D3C;
  fill: var(--midnight);
}
.pagination--prev:hover {
  background: #002D3C;
  background: var(--midnight);
}
.pagination--prev:hover svg {
  fill: #FFFFFF;
  fill: var(--white);
}
.pagination--next {
  margin-left: auto;
  padding: 0 1.1rem 0 1.3rem;
}
.pagination--next svg {
  height: 36px;
  width: 13px;
  fill: #002D3C;
  fill: var(--midnight);
}
.pagination--next:hover {
  background: #002D3C;
  background: var(--midnight);
}
.pagination--next:hover svg {
  fill: #FFFFFF;
  fill: var(--white);
}
.pagination--active {
  background: #002D3C;
  background: var(--midnight);
  color: #FFFFFF;
  color: var(--white);
}
.pagination--active:hover {
  background: #002D3C;
  background: var(--midnight);
  color: #FFFFFF;
  color: var(--white);
}
.pagination--disabled {
  cursor: not-allowed;
  background: #E5EAEB;
  background: var(--midnight-light);
}
.pagination--disabled svg {
  fill: #ccc;
}
.pagination--disabled:hover {
  background: #E5EAEB;
  background: var(--midnight-light);
}
.pagination--disabled:hover svg {
  fill: #ccc;
}
@media (min-width: 667px) {
  .pagination--container {
    gap: 2rem;
  }
  .pagination--link {
    width: 46px;
    height: 46px;
    line-height: 42px;
  }
  .pagination--prev {
    padding: 0 1.7rem 0 1.5rem;
  }
  .pagination--prev svg {
    height: 46px;
  }
  .pagination--next {
    padding: 0 1.5rem 0 1.7rem;
  }
  .pagination--next svg {
    height: 46px;
  }
}

.module_service_nav {
  padding-bottom: 4rem;
}
@media (min-width: 667px) {
  .module_service_nav {
    padding-bottom: 6rem;
  }
}
@media (min-width: 992px) {
  .module_service_nav {
    padding-bottom: 8rem;
  }
}
.module_service_nav--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  font-size: 2rem;
}
.module_service_nav--prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.module_service_nav--prev svg {
  margin-right: 1rem;
}
@media (min-width: 667px) {
  .module_service_nav--prev {
    font-size: 2.6rem;
  }
}
@media (min-width: 992px) {
  .module_service_nav--prev {
    font-size: 3.2rem;
  }
}
.module_service_nav--next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.module_service_nav--next svg {
  margin-left: 1rem;
}
@media (min-width: 667px) {
  .module_service_nav--next {
    font-size: 2.6rem;
  }
}
@media (min-width: 992px) {
  .module_service_nav--next {
    font-size: 3.2rem;
  }
}

.post-card {
  background: white;
  border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
  padding-bottom: 8.6rem;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease-in-out;
}
.post-card__image {
  width: 100%;
}
.post-card__image figure {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.post-card__image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.post-card__header {
  padding: 2rem 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.post-card__header--tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  white-space: nowrap;
}
.post-card__title {
  padding: 2rem 2rem 0;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0;
}
.post-card__title a {
  text-decoration: none;
}
.post-card__description {
  padding: 1rem 2rem 0;
}
.post-card__description p {
  margin: 0;
  font-size: 1.8rem;
}
.post-card__description h3, .post-card__description h4 {
  text-decoration: none;
  color: #262626;
  font-size: 1.8rem;
  margin-bottom: 0;
}
.post-card__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.post-card__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0;
  font-size: 1.6rem;
  color: #333333;
  color: var(--grey);
  text-decoration: none;
}
.post-card__author img {
  width: 46px;
  height: auto;
  border-radius: 9999px;
}
.post-card__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: bold;
  color: #002D3C;
  color: var(--midnight);
  text-decoration: none;
  line-height: 1em;
}
.post-card:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.post-card:hover .post-card__image figure img {
  transform: scale(1.2);
}

.post--blog {
  height: auto !important;
}

.post--blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}
.post--blog--image figure {
  aspect-ratio: 1200/628;
  overflow: hidden;
}
.post--blog--image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.post--blog--video figure {
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
}
.post--blog--video figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.post--blog--video figure svg {
  left: 50%;
  top: 50%;
  margin-top: -44px;
  margin-left: -44px;
  padding: 2.5rem;
  width: 88px;
  height: 88px;
  border-radius: 9999px;
  background: #00BFB3;
  background: var(--green);
  fill: #FFFFFF;
  fill: var(--white);
}
.post--blog--title {
  font-size: 2.4rem;
}
.post--blog--description {
  padding-top: 1rem;
}
.post--blog--footer {
  left: 0;
  bottom: 0;
  right: 0;
  gap: 1rem;
}
.post--blog--author {
  gap: 1rem;
}
.post--blog--author--image {
  width: 46px;
  height: 46px;
}
.post--blog--author p {
  line-height: 1.1em;
}
.post--blog--button {
  gap: 1rem;
  line-height: 1em;
  text-decoration: none;
}
.post--blog:hover {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}
.post--blog:hover .post--blog--image img,
.post--blog:hover .post--blog--video img {
  transform: scale(1.2);
}
.post--featured-blog--image figure {
  aspect-ratio: 1200/628;
  overflow: hidden;
}
.post--featured-blog--image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .post--featured-blog--image figure {
    aspect-ratio: 2/2;
  }
}
.post--featured-blog--title {
  font-size: 2.4rem;
}
@media (min-width: 992px) {
  .post--featured-blog--title {
    font-size: 3rem;
  }
}
.post--featured-blog--description {
  padding-top: 1rem;
  padding-bottom: 6.6rem;
}
.post--featured-blog--footer {
  left: 0;
  bottom: 0;
  right: 0;
}
.post--featured-blog--author {
  gap: 1rem;
}
.post--featured-blog--author--image {
  width: 46px;
  height: 46px;
}
.post--featured-blog--author p {
  line-height: 1.1em;
}
.post--featured-blog--button {
  gap: 1rem;
  line-height: 1em;
}
.post--featured-blog:hover {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}
.post--featured-blog:hover .post--featured-blog--image img {
  transform: scale(1.1);
}

.post-swiper .swiper-navigation {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  padding-top: 2rem;
}
.post-swiper .swiper-navigation .swiper-button-prev {
  position: static;
  left: auto;
  top: auto;
  width: 48px;
  height: 48px;
  border: 2px solid #002D3C;
  border: 2px solid var(--midnight);
  padding: 1rem;
  border-radius: 999px;
  margin: 0;
}
.post-swiper .swiper-navigation .swiper-button-prev:after {
  display: none;
}
.post-swiper .swiper-navigation .swiper-button-prev svg {
  fill: #002D3C;
  fill: var(--midnight);
}
.post-swiper .swiper-navigation .swiper-button-prev:hover {
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
}
.post-swiper .swiper-navigation .swiper-button-prev:hover svg {
  fill: #00BFB3;
  fill: var(--green);
}
.post-swiper .swiper-navigation .swiper-button-next {
  position: static;
  left: auto;
  top: auto;
  width: 48px;
  height: 48px;
  border: 2px solid #002D3C;
  border: 2px solid var(--midnight);
  padding: 1rem;
  border-radius: 999px;
  margin: 0;
}
.post-swiper .swiper-navigation .swiper-button-next:after {
  display: none;
}
.post-swiper .swiper-navigation .swiper-button-next svg {
  fill: #002D3C;
  fill: var(--midnight);
}
.post-swiper .swiper-navigation .swiper-button-next:hover {
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
}
.post-swiper .swiper-navigation .swiper-button-next:hover svg {
  fill: #00BFB3;
  fill: var(--green);
}

.module_careers svg {
  fill: rgba(255, 255, 255, 0.5);
}

.webinar_hero {
  padding-bottom: 12rem !important;
}

.webinar_hero {
  position: relative;
  background-size: cover;
  background-position: center center;
}
.webinar_hero--overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 45, 60, 0.75);
  z-index: 10;
}
.webinar_hero--container {
  position: relative;
  z-index: 15;
}
.webinar_hero--content {
  width: 100%;
  max-width: 110rem;
}
.webinar_hero--back a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: bold;
  align-items: center;
  line-height: 1em;
  margin: 0 0 1.5rem 0;
  font-size: 1.8rem;
  color: #00BFB3;
  color: var(--green);
  fill: #00BFB3;
  fill: var(--green);
}
.webinar_hero--back a svg {
  margin-right: 1rem;
}
.webinar_hero--back a:hover {
  color: #00BFB3;
  color: var(--green);
  fill: #00BFB3;
  fill: var(--green);
}
.webinar_hero--title {
  margin: 0 0 1.5rem 0;
}
.webinar_hero--title h1 {
  color: #FFFFFF;
  color: var(--white);
  margin: 0;
}
.webinar_hero--date {
  margin: 0 0 1.5rem 0;
}
.webinar_hero--date time {
  color: #00BFB3;
  color: var(--green);
  font-weight: bold;
  font-size: 1.8rem;
}
.webinar_hero--description {
  margin: 0;
  font-size: 1.8rem;
  color: #FFFFFF;
  color: var(--white);
}
.webinar_hero--description p:last-child {
  margin: 0;
}

.module_form--form {
  background: #00BFB3;
  background: var(--green);
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
  padding: 3rem;
  border-radius: 2rem;
  text-align: center;
}
.module_form--form h3 {
  margin: 0 0 1rem 0;
}

.module_webinar_details--title {
  color: #00BFB3;
  color: var(--green);
  font-size: 32px;
  margin: 0 0 1rem 0;
}
.module_webinar_details h5 {
  color: #00BFB3;
  color: var(--green);
  margin: 0 0 1rem 0;
}
.module_webinar_details strong {
  font-weight: 600;
}
.module_webinar_details--hosts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.module_webinar_details--hosts h5 {
  width: 100%;
}
.module_webinar_details--host h6 {
  margin: 0.5rem 0 0 0;
  text-align: center;
  font-weight: 600;
}
.module_webinar_details--host figure {
  width: 12rem;
  height: auto;
  border-radius: 9999px;
  overflow: hidden;
}
.module_webinar_details--host figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module_webinar_details--map {
  width: 53.5rem;
  height: 28.7rem;
  background: #E5EAEB;
  background: var(--midnight-light);
  margin: 0 0 2rem 0;
  border-radius: 1.5rem;
  overflow: hidden;
}
.module_webinar_details--map .iframe_wrapper {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.module_webinar_details--map iframe {
  width: 100%;
  height: 100%;
}
.module_webinar_details--address {
  margin: 0 0 2rem 0;
}
.module_webinar_details--social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.module_webinar_details--social a {
  display: block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: #CCF2F0;
  background: var(--green-light);
  border-radius: 9999px;
}
.module_webinar_details--social a svg {
  width: 100%;
  height: 100%;
  padding: 1.1rem;
  fill: #333333;
  fill: var(--grey);
}
.module_webinar_details--social a:hover {
  background: #00BFB3;
  background: var(--green);
}
.module_webinar_details--social a:hover svg {
  fill: #CCF2F0;
  fill: var(--green-light);
}

.module_recent_webinars--title {
  text-align: center;
  margin: 0 0 4rem 0;
}
.module_recent_webinars--posts {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
@media (min-width: 667px) {
  .module_recent_webinars--posts {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
}
@media (min-width: 992px) {
  .module_recent_webinars--posts {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem;
  }
}
.module_recent_webinars--post {
  border-radius: 1.5rem;
  overflow: hidden;
  background: #FFFFFF;
  background: var(--white);
}
.module_recent_webinars--post a.post__image {
  display: block;
}
.module_recent_webinars--post a.post__image figure {
  width: 100%;
  aspect-ratio: 10/8;
  overflow: hidden;
}
.module_recent_webinars--post a.post__image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.module_recent_webinars--post:hover {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}
.module_recent_webinars--post:hover a.post__image figure img {
  transform: scale(1.1);
}
.module_recent_webinars--post .post_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
}
.module_recent_webinars--post .post_body .post_date {
  font-weight: 700;
  font-size: 4rem;
  line-height: 1em;
  text-align: center;
  padding: 2rem;
}
.module_recent_webinars--post .post_body .post_date--day {
  margin: 0 0 0.5rem 0;
}
.module_recent_webinars--post .post_body .post_date--month {
  margin: 0 0 1rem 0;
}
.module_recent_webinars--post .post_body .post_date--year {
  font-weight: normal;
  font-size: 2rem;
}
.module_recent_webinars--post .post_body .post_details {
  padding: 2rem;
}
.module_recent_webinars--post .post_body .post_details--title {
  font-weight: bold;
  font-size: 2.4rem;
  margin: 0 0 2rem 0;
}
.module_recent_webinars--post .post_body .post_details--title a {
  text-decoration: none;
}
.module_recent_webinars--post .post_body .post_details--button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  font-weight: bold;
  text-decoration: none;
  line-height: 1em;
  color: #333333;
  color: var(--grey);
}
.module_recent_webinars--post .post_body .post_details--button svg {
  margin-left: 2rem;
}

.module_spacer {
  height: 9rem;
}
@media (min-width: 667px) {
  .module_spacer {
    height: 14rem;
  }
}
@media (min-width: 992px) {
  .module_spacer {
    height: 18rem;
  }
}

.module_downloads.type-guide .module_downloads--overlay {
  display: block !important;
}

.module_narration .hs-audio-player {
  max-width: 80rem;
  margin-top: 4rem;
}
@media (min-width: 667px) {
  .module_narration .hs-audio-player {
    margin-top: 6rem;
  }
}
@media (min-width: 992px) {
  .module_narration .hs-audio-player {
    margin-top: 8rem;
  }
}
@media (min-width: 1280px) {
  .module_narration .hs-audio-player {
    margin-top: 10rem;
  }
}

.hero_careers a:hover,
.hero_contact a:hover {
  color: #FFFFFF;
  color: var(--white);
  fill: #FFFFFF;
  fill: var(--white);
}

.hero_apply {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #CCF2F0;
  background-color: var(--green-light);
}

.module_filters ul {
  padding: 0;
  flex-wrap: wrap;
}
.module_filters ul li {
  margin: 0;
  flex: 0 1 139px;
}
.module_filters ul li .button {
  padding: 1.2rem 0;
  width: 100%;
  font-size: 1.6rem;
}
@media (min-width: 667px) {
  .module_filters ul li .button {
    padding: 1.4rem 0;
    font-size: 1.8rem;
  }
}

.hs-content-id-148911834473 footer.module_footer .footer_cta--content {
  display: none;
}

.hs-content-id-148911834473 .dnd-section:last-child .dnd-row:last-child .module:last-child {
  padding: 4rem 0;
}
@media (min-width: 667px) {
  .hs-content-id-148911834473 .dnd-section:last-child .dnd-row:last-child .module:last-child {
    padding: 6rem 0;
  }
}
@media (min-width: 992px) {
  .hs-content-id-148911834473 .dnd-section:last-child .dnd-row:last-child .module:last-child {
    padding: 8rem 0;
  }
}
@media (min-width: 1280px) {
  .hs-content-id-148911834473 .dnd-section:last-child .dnd-row:last-child .module:last-child {
    padding: 10rem 0;
  }
}

.module_achieve--text {
  max-width: 300px;
  width: 90%;
}

.module_achieve--icon {
  width: 14rem !important;
  height: 14rem !important;
}

.module_achieve--image {
  width: 100% !important;
  height: auto !important;
}

.module_achieve--accolade {
  flex: 0 0 200px;
}

.module_downloads--image {
  /* Ensure the image container uses flexbox properly */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.module_downloads--image img {
  width: 100%;
  height: auto;
  max-height: 500px; /* Adjust this value as needed */
  -o-object-fit: contain;
     object-fit: contain; /* Ensures the image scales down proportionally */
}

.hero {
  padding: 13rem 0 4rem;
  position: relative;
  z-index: 20;
}
.hero--back {
  margin: 0 0 2rem 0;
}
.hero--back a {
  font-weight: bold;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #00BFB3;
  color: var(--green);
  fill: #00BFB3;
  fill: var(--green);
}
.hero--back a:hover {
  color: white !important;
  fill: white !important;
}
.hero--subtitle {
  font-size: 2.2rem;
  line-height: 1.2em;
  color: #00BFB3;
  color: var(--green);
}
.hero--summary {
  max-width: 88rem;
}
.hero--overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 25;
  background: grey;
  aspect-ratio: 12/9;
  height: calc(100% - 18rem);
  background: url("https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/overlay-shape-right.png") no-repeat 0 0;
  background-size: cover;
}
@media (min-width: 667px) {
  .hero {
    padding: 18rem 0 4rem;
  }
  .hero h2 {
    font-size: 2.6rem;
  }
}
@media (min-width: 992px) {
  .hero {
    padding: 22rem 0 6rem;
  }
  .hero h2 {
    font-size: 2.8rem;
  }
}
@media (min-width: 1280px) {
  .hero {
    padding: 24rem 0 8rem;
  }
  .hero h2 {
    font-size: 3.2rem;
  }
}

.hero_archive {
  padding: 13rem 0 4rem;
  position: relative;
  z-index: 20;
}
.hero_archive h1 {
  margin: 0 0 2rem 0;
}
.hero_archive h2 {
  margin: 0;
  font-size: 2.2rem;
  line-height: 1.2em;
  color: #00BFB3;
  color: var(--green);
}
.hero_archive .overlay-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 25;
  background: grey;
  aspect-ratio: 12/9;
  height: calc(100% - 18rem);
  background: url("https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/overlay-shape-right.png") no-repeat 0 0;
  background-size: cover;
}
.hero_archive--archive {
  position: relative;
  z-index: 21;
  max-width: 100rem;
}
.hero_archive--author {
  position: relative;
  z-index: 21;
  max-width: 100rem;
}
.hero_archive--author h2 div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 1rem;
  vertical-align: middle;
  align-items: center;
  gap: 1rem;
}
.hero_archive--author h2 div img {
  width: 46px;
  height: 46px;
  aspect-ratio: 1/1;
  border-radius: 9999px;
}
@media (min-width: 667px) {
  .hero_archive {
    padding: 18rem 0 4rem;
  }
  .hero_archive h2 {
    font-size: 2.6rem;
  }
}
@media (min-width: 992px) {
  .hero_archive {
    padding: 22rem 0 6rem;
  }
  .hero_archive h2 {
    font-size: 2.8rem;
  }
}
@media (min-width: 1280px) {
  .hero_archive {
    padding: 24rem 0 8rem;
  }
  .hero_archive h2 {
    font-size: 3.2rem;
  }
}

.hero_archive--archive {
  max-width: 100rem;
}

.hero_service {
  padding: 13rem 0 12rem;
  position: relative;
  z-index: 20;
}
.hero_service .container {
  position: relative;
  z-index: 21;
}
.hero_service--title {
  margin: 0;
  margin-bottom: 22px;
}
.hero_service--subtitle {
  margin: 0 0 2rem;
  font-size: 2.2rem;
  line-height: 1.2em;
  color: #00BFB3;
  color: var(--green);
}
.hero_service--summary {
  max-width: 1230px;
}
.hero_service--summary p:last-child {
  margin: 0;
}
.hero_service--bgimage {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.1;
}
@media (min-width: 667px) {
  .hero_service {
    padding: 20rem 0 12rem;
  }
  .hero_service--subtitle {
    font-size: 2.4rem;
  }
}
@media (min-width: 992px) {
  .hero_service {
    padding: 24rem 0 16rem;
  }
  .hero_service--subtitle {
    font-size: 2.8rem;
  }
}
@media (min-width: 1280px) {
  .hero_service {
    padding: 28rem 0 16rem;
  }
  .hero_service--subtitle {
    font-size: 3.2rem;
  }
}

.hero_coe {
  padding-top: 13rem;
  position: relative; /* Ensure the pseudo-elements are positioned relative to the container */
}
.hero_coe--breadcrumb {
  list-style-type: none;
  gap: 1rem;
}
.hero_coe--breadcrumb li {
  gap: 1rem;
}
.hero_coe--breadcrumb li:after {
  content: "/";
}
.hero_coe--breadcrumb li:last-child:after {
  display: none;
}
.hero_coe--breadcrumb li a {
  color: #BEBEBE;
  color: var(--grey-mid);
}
.hero_coe--breadcrumb li a.active {
  color: #00BFB3;
  color: var(--green);
}
.hero_coe--breadcrumb li a:hover {
  color: #00BFB3;
  color: var(--green);
}
.hero_coe--subtitle {
  font-size: 2.2rem;
  line-height: 1.2em;
}
.hero_coe--summary {
  max-width: 900px;
}
.hero_coe--summary p:last-child {
  margin: 0;
}
.hero_coe--bgshape {
  bottom: 0;
  right: 0;
  aspect-ratio: 12/9;
  height: calc(100% - 18rem);
  width: 29%;
  background: url("https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/overlay-shape-services.png") no-repeat 0 0;
  background-size: cover;
}
@media (min-width: 667px) {
  .hero_coe {
    padding-top: 20rem;
  }
  .hero_coe--subtitle {
    font-size: 2.4rem;
  }
}
@media (min-width: 992px) {
  .hero_coe {
    padding-top: 24rem;
  }
  .hero_coe--subtitle {
    font-size: 2.8rem;
  }
}
@media (min-width: 1280px) {
  .hero_coe {
    padding-top: 28rem;
  }
  .hero_coe--subtitle {
    font-size: 3.2rem;
  }
}
@media (max-width: 767px) {
  .hero_coe .hero_coe--image-container {
    display: none;
  }
  .hero_coe .hero_coe--image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .hero_coe .hero_coe--image-responsive {
    max-height: 400px;
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .hero_coe .hero_coe--image-responsive {
    max-height: 600px;
    margin-bottom: 40px;
  }
  .hero_coe .hero_coe--image {
    display: none;
  }
  .hero_coe .hero_coe--image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.hero_about {
  position: relative;
  padding: 13rem 0 4rem;
  z-index: 20;
}
.hero_about .container {
  position: relative;
  z-index: 27;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero_about--bgimage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 24;
  background-position: top center;
  background-size: cover;
}
.hero_about--bgoverlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 26;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 45, 60, 0.7)), color-stop(20%, rgba(0, 45, 60, 0.7)), to(rgba(0, 45, 60, 0)));
  background: linear-gradient(0deg, rgba(0, 45, 60, 0.7) 0%, rgba(0, 45, 60, 0.7) 20%, rgba(0, 45, 60, 0) 100%);
}
.hero_about--bgoverlay2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 25;
  background: rgba(0, 45, 60, 0.3);
}
@media (min-width: 667px) {
  .hero_about {
    padding: 30rem 0 6rem;
  }
  .hero_about--content p {
    max-width: 75%;
  }
}
@media (min-width: 992px) {
  .hero_about {
    padding: 40rem 0 8rem;
  }
  .hero_about--content p {
    max-width: 55%;
  }
}
@media (min-width: 1280px) {
  .hero_about {
    padding: 60rem 0 8rem;
  }
}

.hero_team {
  position: relative;
  z-index: 20;
}
.hero_team_extended {
  padding-bottom: 14rem;
}
@media (min-width: 667px) {
  .hero_team_extended {
    padding-bottom: 18rem;
  }
}
@media (min-width: 992px) {
  .hero_team_extended {
    padding-bottom: 22rem;
  }
}
.hero_team .container {
  position: relative;
  z-index: 26;
}
.hero_team--content {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 4rem;
  text-align: center;
}
@media (min-width: 992px) {
  .hero_team--content {
    flex-direction: row;
    gap: 12rem;
    text-align: left;
  }
}
.hero_team--image {
  flex: 1;
  max-width: 650px;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 9999px;
  overflow: hidden;
}
.hero_team--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero_team--text {
  flex: 1;
}
.hero_team--name {
  margin: 0 0 1rem 0;
}
.hero_team--jobtitle {
  color: #00BFB3;
  color: var(--green);
}
.hero_team--biography {
  margin-top: 1rem;
}
.hero_team--socialmedia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  line-height: 2.4rem;
}
@media (min-width: 992px) {
  .hero_team--socialmedia {
    justify-content: flex-start;
  }
}
.hero_team--socialmedia a {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  fill: #FFFFFF;
  fill: var(--white);
}
.hero_team--socialmedia a svg {
  width: 100%;
  height: 100%;
}
.hero_team--socialmedia a:hover {
  fill: #00BFB3;
  fill: var(--green);
}
.hero_team--bgshape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 25;
  height: 75%;
  max-height: 625px;
  aspect-ratio: 731/625;
  background: url("https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/overlay-team-left.png") no-repeat 0 0;
}

.hero_team_quote {
  padding: 0;
  margin-top: -8rem;
}
.hero_team_quote--quote {
  max-width: 1000px;
  border-radius: 2.4rem;
  background: #00BFB3;
  background: var(--green);
  padding: 6rem 3rem;
  margin: 0 auto 0;
  text-align: center;
}
@media (min-width: 667px) {
  .hero_team_quote--quote {
    padding: 6rem;
  }
}
.hero_team_quote--quote img {
  margin: 0 auto 2rem;
}
.hero_team_quote--quote blockquote {
  padding: 0;
}
.hero_team_quote--quote blockquote cite {
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: #002D3C;
  color: var(--midnight);
}
@media (min-width: 667px) {
  .hero_team_quote {
    margin-top: -12rem;
  }
}
@media (min-width: 992px) {
  .hero_team_quote {
    margin-top: -16rem;
  }
}

.hero_home {
  padding-top: 16rem;
  overflow: hidden;
}
.hero_home--pre-title {
  font-size: 2rem;
}
.hero_home--title {
  font-size: 3rem;
  max-width: 111rem;
}
.hero_home--bgimage {
  width: 100% !important;
  height: 100% !important;
}
.hero_home--bgimage {
  -o-object-fit: cover;
     object-fit: cover;
}
.hero_home--buttons .has-hover .button_hover_text {
  display: none;
}
.hero_home--buttons .has-hover:hover .button_hover_text {
  display: block;
}
.hero_home--buttons .has-hover:hover .button_text {
  display: none;
}
.hero_home--bgoverlay {
  background: rgb(0, 45, 60);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 45, 60, 0.7)), color-stop(20%, rgba(0, 45, 60, 0.7)), to(rgba(0, 45, 60, 0)));
  background: linear-gradient(0deg, rgba(0, 45, 60, 0.7) 0%, rgba(0, 45, 60, 0.7) 20%, rgba(0, 45, 60, 0) 100%);
}
.hero_home--bgoverlay2 {
  background: rgba(0, 45, 60, 0.3);
}
@media (min-width: 667px) {
  .hero_home {
    padding-top: 19rem;
  }
  .hero_home--pre-title {
    font-size: 2.6rem;
  }
  .hero_home--title {
    font-size: 4.5rem;
  }
}
@media (min-width: 992px) {
  .hero_home {
    padding-top: 30rem;
  }
  .hero_home--pre-title {
    font-size: 3.2rem;
  }
  .hero_home--title {
    font-size: 6.8rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1280px) {
  .hero_home {
    padding-top: 38rem;
  }
}

.hero_casestudy {
  padding: 13rem 0 8rem;
  position: relative;
  z-index: 20;
}
.hero_casestudy .container {
  position: relative;
  z-index: 21;
}
.hero_casestudy--back a {
  font-weight: bold;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #00BFB3;
  color: var(--green);
}
.hero_casestudy--back a:hover {
  color: #FFFFFF;
  color: var(--white);
}
.hero_casestudy--title {
  margin: 0 0 2rem 0;
}
.hero_casestudy--summary p:last-child {
  margin: 0;
}
.hero_casestudy--logo {
  margin: 3rem auto -10rem;
  width: 100%;
  max-width: 400px;
  height: 150px;
  background: #FFFFFF;
  background: var(--white);
  border-radius: 1.6rem;
  padding: 4rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}
.hero_casestudy--logo img {
  height: 100% !important;
}
.hero_casestudy--logo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.hero_casestudy--bgshape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 25;
  background: grey;
  aspect-ratio: 1/1;
  height: calc(100% - 18rem);
  background: url("https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/overlay-shape-services.png") no-repeat 0 0;
  background-size: cover;
}
@media (min-width: 667px) {
  .hero_casestudy {
    padding: 20rem 0 8rem;
  }
  .hero_casestudy--subtitle {
    font-size: 2.4rem;
  }
  .hero_casestudy--logo {
    margin: 4rem auto -12rem;
    height: 200px;
  }
}
@media (min-width: 992px) {
  .hero_casestudy {
    padding: 24rem 0 8rem;
  }
  .hero_casestudy--subtitle {
    font-size: 2.8rem;
    max-width: calc(100% - 460px);
  }
  .hero_casestudy--summary {
    max-width: calc(100% - 460px);
  }
  .hero_casestudy--logo {
    position: absolute;
    bottom: -12rem;
    margin: 0;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .hero_casestudy {
    padding: 28rem 0 8rem;
  }
  .hero_casestudy--subtitle {
    font-size: 3.2rem;
  }
}

.hero_contact--image {
  display: none;
}
@media (min-width: 667px) {
  .hero_contact .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    gap: 2rem;
  }
  .hero_contact--content {
    flex: 1;
  }
  .hero_contact--image {
    display: block;
    width: 150px;
    height: 150px;
    position: relative;
  }
  .hero_contact--image img {
    height: 100% !important;
  }
  .hero_contact--image img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (min-width: 992px) {
  .hero_contact .container {
    gap: 4rem;
  }
  .hero_contact--image {
    width: 200px;
    height: 200px;
  }
}
@media (min-width: 1280px) {
  .hero_contact .container {
    gap: 6rem;
  }
  .hero_contact--image {
    width: 250px;
    height: 250px;
  }
}

.hero_contact--dot {
  display: block;
  background: transparent;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  animation: spin 30s linear infinite;
}

.hero_contact--dot:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 10%;
  left: 10%;
  background: #00BFB3;
  background: var(--green);
  width: 10%;
  height: 10%;
  border-radius: 9999px;
}

.module_logo--header {
  padding: 0 0 4rem 0;
  max-width: 90%;
  margin: 0 auto;
}
.module_logo--title {
  font-weight: 400;
  color: #333333;
  color: var(--grey);
  padding: 0;
}
.module_logo--title span {
  color: #00BFB3;
  color: var(--green);
}
.module_logo--subtitle p:last-child {
  margin: 0;
}
.module_logo--footer {
  padding: 4rem 0 0 0;
  max-width: 90%;
  margin: 0 auto;
}
.module_logo .flex {
  gap: 3rem;
  justify-content: center;
  flex-wrap: wrap;
}
.module_logo .flex .logo {
  width: 43%;
  aspect-ratio: 160/90;
  transition: transform 0.2s ease-in-out;
}
.module_logo .flex .logo a {
  display: block;
  aspect-ratio: 160/90;
}
.module_logo .flex .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: filter 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.module_logo .flex .logo.greyscale img {
  filter: grayscale(100%);
  opacity: 0.7;
}
.module_logo .flex .logo.greyscale a:hover img {
  filter: grayscale(0%);
  opacity: 1;
}
.module_logo .flex .logo:hover {
  transform: scale(1.2);
}
@media (min-width: 667px) {
  .module_logo .flex {
    gap: 4rem;
  }
  .module_logo .flex .logo {
    width: 28%;
  }
}
@media (min-width: 992px) {
  .module_logo .flex {
    gap: 5rem;
  }
  .module_logo .flex .logo {
    width: 20%;
  }
}
@media (min-width: 1280px) {
  .module_logo .flex {
    justify-content: space-between;
    gap: 3rem;
  }
  .module_logo .flex .logo {
    width: 10%;
  }
}

@media (min-width: 667px) {
  .module_logo .container .flex {
    gap: 3rem;
  }
  .module_logo .container .flex .logo {
    width: 20%;
  }
}
@media (min-width: 992px) {
  .module_logo .container .flex {
    gap: 5rem;
  }
  .module_logo .container .flex .logo {
    width: 20%;
  }
}
@media (min-width: 1280px) {
  .module_logo .container .flex {
    justify-content: space-between;
    gap: 3rem;
  }
  .module_logo .container .flex .logo {
    width: 9%;
  }
}

.module_logos--logo {
  max-width: 200px;
}
.module_logos--image {
  aspect-ratio: 6/4;
}
.module_logos--image img {
  filter: grayscale(1);
  transition: filter 0.2s ease-in-out;
}
.module_logos--image:hover img {
  filter: grayscale(0);
}

.module_industry_logos--image {
  width: 90%;
  max-width: 250px;
  aspect-ratio: 6/4;
  transform: scale(0.7);
  transition: all 0.3s;
}
.module_industry_logos--image img {
  filter: grayscale(1);
  transition: filter 0.2s ease-in-out;
}
.module_industry_logos--image:hover {
  transform: scale(1);
}
.module_industry_logos--image:hover img {
  filter: grayscale(0);
}

.module_cards {
  padding: 4rem 0;
  position: relative;
}
.module_cards--header {
  text-align: center;
  padding: 0 0 2rem;
}
.module_cards--card {
  text-align: center;
}
.module_cards--image {
  width: 120px;
  height: 120px;
  margin: 0 auto 2rem;
}
.module_cards--image img {
  width: 100% !important;
  height: 100% !important;
}
.module_cards--image img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 667px) {
  .module_cards {
    padding: 6rem 0;
  }
  .module_cards--header {
    padding: 0 0 3rem;
  }
}
@media (min-width: 992px) {
  .module_cards {
    padding: 8rem 0;
  }
  .module_cards--header {
    padding: 0 0 4rem;
  }
}
@media (min-width: 1280px) {
  .module_cards {
    padding: 10rem 0;
  }
  .module_cards--header {
    padding: 0 0 5rem;
  }
}

.module_contact_card {
  padding: 4rem 0;
  position: relative;
}
.module_contact_card--card {
  border-radius: 1.6rem;
  padding: 2rem;
}
.module_contact_card--email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0 0 1.5rem 0;
  font-weight: 600;
}
.module_contact_card--email svg {
  width: 32px;
  height: 32px;
  fill: #002D3C;
  fill: var(--midnight);
}
.module_contact_card--telephone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0 0 1.5rem 0;
  font-weight: 600;
}
.module_contact_card--telephone svg {
  width: 32px;
  height: 32px;
  fill: #002D3C;
  fill: var(--midnight);
}
.module_contact_card--social {
  display: inline-block;
  margin: 0 0.5rem 0 0;
  width: 32px;
  height: 32px;
}
.module_contact_card--social svg {
  width: 32px;
  height: 32px;
  fill: #002D3C;
  fill: var(--midnight);
}
.module_contact_card--social:hover svg {
  fill: #00BFB3;
  fill: var(--green);
}
@media (min-width: 667px) {
  .module_contact_card {
    padding: 6rem 0;
  }
}
@media (min-width: 992px) {
  .module_contact_card {
    padding: 8rem 0;
  }
  .module_contact_card--card {
    border-radius: 2rem;
    padding: 3rem;
  }
}
@media (min-width: 1280px) {
  .module_contact_card {
    padding: 10rem 0;
  }
  .module_contact_card--card {
    border-radius: 2.4rem;
    padding: 4rem;
  }
}

.module_casestudy--wrapper {
  flex-direction: column;
}
.module_casestudy--header {
  padding: 4rem 0;
}
.module_casestudy h2 {
  font-weight: 400;
  color: #002D3C;
  color: var(--midnight);
  padding: 0;
}
.module_casestudy h2 span {
  color: #00BFB3;
  color: var(--green);
}
.module_casestudy--sliders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 0 -5% 4rem;
}
.module_casestudy--slider-1 {
  overflow: hidden;
  position: relative;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
      user-select: none;
  touch-action: none;
}
.module_casestudy--slider-1-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2560px;
  animation: case-l 120s linear infinite;
}
.module_casestudy--slider-1-track article {
  margin-left: 2rem;
}
.module_casestudy--slider-2 {
  overflow: hidden;
  position: relative;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
      user-select: none;
  touch-action: none;
}
.module_casestudy--slider-2-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  width: 2560px;
  animation: case-r 120s linear infinite;
}
.module_casestudy--slider-2-track article {
  margin-right: 2rem;
}
.module_casestudy--article {
  height: 366px !important;
}
.module_casestudy--article {
  width: 300px;
  position: relative;
  border-radius: 1.6rem;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  flex-shrink: 0;
}
.module_casestudy--article .link-overlay {
  position: absolute;
  z-index: 26;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.module_casestudy--article .overlay {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0, 45, 60);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 45, 60, 0.8)), to(rgba(0, 45, 60, 0.1)));
  background: linear-gradient(0deg, rgba(0, 45, 60, 0.8) 0%, rgba(0, 45, 60, 0.1) 100%);
}
.module_casestudy--article .logo {
  position: absolute;
  top: 0;
  right: 2rem;
  background: white;
  border-radius: 0 0 1.6rem 1.6rem;
  padding: 1rem;
  width: 160px;
  height: 50px;
  z-index: 25;
}
.module_casestudy--article .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.module_casestudy--article .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
}
.module_casestudy--article .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.module_casestudy--article .title {
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  padding-right: 16px;
  z-index: 25;
}
.module_casestudy--article .title .button {
  margin: 0 1rem 1rem 0;
}
.module_casestudy--article .title h3 {
  margin: 0;
  font-size: 2.2rem;
  font-weight: bold;
  color: #FFFFFF;
  color: var(--white);
}
@media (min-width: 667px) {
  .module_casestudy--header {
    padding: 8rem 0;
  }
}
@media (min-width: 992px) {
  .module_casestudy--wrapper {
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
  }
  .module_casestudy--header {
    flex: 0 0 30%;
    padding: 12rem 0 12rem 3.33333%;
  }
  .module_casestudy--sliders {
    flex-direction: row;
    align-items: stretch;
    height: 100%;
    margin: 0;
  }
  .module_casestudy--slider-1 {
    max-height: 715px;
  }
  .module_casestudy--slider-1-track {
    flex-direction: column;
    width: 100%;
    height: 3224px;
    animation: case-t 120s linear infinite;
  }
  .module_casestudy--slider-1-track article {
    margin: 2rem 0 0 0;
  }
  .module_casestudy--slider-2 {
    max-height: 715px;
  }
  .module_casestudy--slider-2-track {
    flex-direction: column;
    width: 100%;
    height: 3224px;
    animation: case-b 120s linear infinite;
  }
  .module_casestudy--slider-2-track article {
    margin: 0 0 2rem 0;
  }
  .module_casestudy--article {
    width: 314px;
    height: 383px;
  }
}
@media (min-width: 1280px) {
  .module_casestudy--header {
    flex: 0 0 30%;
    padding: 16rem 0 16rem 3.33333%;
  }
  .module_casestudy--slider-1-track {
    height: 4000px;
    animation: case-t-xl 120s linear infinite;
  }
  .module_casestudy--slider-2-track {
    height: 4000px;
    animation: case-b-xl 120s linear infinite;
  }
  .module_casestudy--article {
    width: 394px;
    height: 480px;
  }
  .module_casestudy--article .logo {
    right: 3rem;
    padding: 1rem 2rem;
    width: 200px;
    height: 70px;
  }
}

@keyframes case-l {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1280px);
  }
}
@keyframes case-r {
  100% {
    transform: translateX(0);
  }
  0% {
    transform: translateX(-1280px);
  }
}
@keyframes case-t {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-1612px);
  }
}
@keyframes case-b {
  100% {
    transform: translateY(0);
  }
  0% {
    transform: translateY(-1612px);
  }
}
@keyframes case-t-xl {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-2000px);
  }
}
@keyframes case-b-xl {
  100% {
    transform: translateY(0);
  }
  0% {
    transform: translateY(-2000px);
  }
}
.module_casestudy_related {
  overflow: hidden;
  padding: 4rem 0;
}
.module_casestudy_related--title {
  text-align: center;
  margin-bottom: 4rem;
}
.module_casestudy_related--content .swiper-casestudy {
  padding-bottom: 8rem;
  position: relative;
}
.module_casestudy_related--content .swiper-casestudy article {
  width: 320px !important;
}
.module_casestudy_related--content .swiper-casestudy article {
  aspect-ratio: 400/480;
  transition: all 0.3s;
}
.module_casestudy_related--content .swiper-casestudy article:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.module_casestudy_related--content .swiper-casestudy article:hover .image img {
  transform: scale(1.2);
}
.module_casestudy_related--content .swiper-casestudy .swiper-navigation {
  display: block;
  height: 48px;
  width: 106px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -53px;
}
.module_casestudy_related--content .swiper-casestudy .swiper-navigation .swiper-button-next {
  width: 48px;
  height: 48px;
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
  padding: 1rem;
  border-radius: 999px;
  margin: 0;
  top: 0;
  right: 0;
}
.module_casestudy_related--content .swiper-casestudy .swiper-navigation .swiper-button-next:after {
  display: none;
}
.module_casestudy_related--content .swiper-casestudy .swiper-navigation .swiper-button-next svg {
  fill: #00BFB3;
  fill: var(--green);
}
.module_casestudy_related--content .swiper-casestudy .swiper-navigation .swiper-button-next:hover {
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
}
.module_casestudy_related--content .swiper-casestudy .swiper-navigation .swiper-button-next:hover svg {
  fill: #00BFB3;
  fill: var(--green);
}
.module_casestudy_related--content .swiper-casestudy .swiper-navigation .swiper-button-prev {
  width: 48px;
  height: 48px;
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
  padding: 1rem;
  border-radius: 999px;
  margin: 0;
  top: 0;
  left: 0;
}
.module_casestudy_related--content .swiper-casestudy .swiper-navigation .swiper-button-prev:after {
  display: none;
}
.module_casestudy_related--content .swiper-casestudy .swiper-navigation .swiper-button-prev svg {
  fill: #00BFB3;
  fill: var(--green);
}
.module_casestudy_related--content .swiper-casestudy .swiper-navigation .swiper-button-prev:hover {
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
}
.module_casestudy_related--content .swiper-casestudy .swiper-navigation .swiper-button-prev:hover svg {
  fill: #00BFB3;
  fill: var(--green);
}
@media (min-width: 667px) {
  .module_casestudy_related {
    padding: 6rem 0;
  }
  .module_casestudy_related--content .swiper-casestudy article {
    width: 400px !important;
  }
}
@media (min-width: 992px) {
  .module_casestudy_related {
    padding: 8rem 0;
  }
  .module_casestudy_related--content .swiper-casestudy article {
    width: 450px !important;
  }
}
@media (min-width: 1280px) {
  .module_casestudy_related {
    padding: 10rem 0;
  }
  .module_casestudy_related--content .swiper-casestudy article {
    width: 500px !important;
  }
}

.module_clients--header {
  padding: 0 0 4rem 0;
  max-width: 90%;
  margin: 0 auto;
}
.module_clients--title {
  font-weight: 400;
  color: #002D3C;
  color: var(--midnight);
  padding: 0;
}
.module_clients--title span {
  color: #00BFB3;
  color: var(--green);
}
.module_clients--subtitle p:last-child {
  margin: 0;
}
.module_clients--footer {
  padding: 4rem 0 0 0;
  max-width: 90%;
  margin: 0 auto;
}
.module_clients--footer p {
  font-size: 2rem;
}
.module_clients .highlight {
  display: none;
}
.module_clients .slider {
  height: auto;
  margin: 0 auto 2rem -90px;
  overflow: hidden;
  position: relative;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}
.module_clients .slider .slide-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5000px;
  padding: 0 0 1.5rem 0;
}
.module_clients .slider .slide-track--1, .module_clients .slider .slide-track--3, .module_clients .slider .slide-track--5 {
  animation: scroll-l 120s linear infinite;
}
.module_clients .slider .slide-track--2, .module_clients .slider .slide-track--4, .module_clients .slider .slide-track--6 {
  animation: scroll-r 120s linear infinite;
}
.module_clients .slider .slide-track:hover {
  animation-play-state: paused;
}
.module_clients .slider .slide {
  height: 90px;
  width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.module_clients .slider .slide_logo {
  height: 90px;
  width: 160px;
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
}
.module_clients .slider .slide_logo:hover {
  transform: scale(1.2);
}
.module_clients .slider .slide a {
  display: block;
}
.module_clients .slider .slide img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  margin: 0 auto;
  display: inline-block;
}
.module_clients .slider .slide.greyscale img {
  filter: grayscale(100%);
  opacity: 0.5;
  transition: filter 0.2s, opacity 0.2s;
}
.module_clients .slider .slide.greyscale img:hover {
  filter: grayscale(0%);
  opacity: 1;
}

@keyframes scroll-l {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-2500px);
  }
}
@keyframes scroll-r {
  100% {
    transform: translateX(0);
  }
  0% {
    transform: translateX(-2500px);
  }
}
.module_coe_slider .text {
  margin-bottom: 4rem;
}
.module_coe_slider--content {
  display: block;
}
@media (min-width: 992px) {
  .module_coe_slider--content {
    display: none !important;
  }
}
.module_coe_slider--container {
  width: 90%;
  max-width: 128rem;
  height: 468px;
  position: relative;
  display: none;
}
@media (min-width: 992px) {
  .module_coe_slider--container {
    display: block !important;
  }
}
.module_coe_slider--slider {
  width: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  transition: all 0.7s ease-in-out;
  left: 0;
}
.module_coe_slider--slider.slide-0, .module_coe_slider--slider.slide-1, .module_coe_slider--slider.slide-2, .module_coe_slider--slider.slide-3, .module_coe_slider--slider.slide-4 {
  width: 186.247551%;
}
.module_coe_slider--slider.slide-0 .slide, .module_coe_slider--slider.slide-1 .slide, .module_coe_slider--slider.slide-2 .slide, .module_coe_slider--slider.slide-3 .slide, .module_coe_slider--slider.slide-4 .slide {
  opacity: 0.3;
}
.module_coe_slider--slider.slide-0 .slide.open, .module_coe_slider--slider.slide-1 .slide.open, .module_coe_slider--slider.slide-2 .slide.open, .module_coe_slider--slider.slide-3 .slide.open, .module_coe_slider--slider.slide-4 .slide.open {
  opacity: 1;
  width: 100%;
  max-width: 1280px;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--left figure, .module_coe_slider--slider.slide-1 .slide.open .slide--inner--left figure, .module_coe_slider--slider.slide-2 .slide.open .slide--inner--left figure, .module_coe_slider--slider.slide-3 .slide.open .slide--inner--left figure, .module_coe_slider--slider.slide-4 .slide.open .slide--inner--left figure {
  width: 9rem;
  padding-bottom: 2rem;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--left .lottie-wrapper, .module_coe_slider--slider.slide-1 .slide.open .slide--inner--left .lottie-wrapper, .module_coe_slider--slider.slide-2 .slide.open .slide--inner--left .lottie-wrapper, .module_coe_slider--slider.slide-3 .slide.open .slide--inner--left .lottie-wrapper, .module_coe_slider--slider.slide-4 .slide.open .slide--inner--left .lottie-wrapper {
  width: 100%;
  max-width: 9rem;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--left .item-summary, .module_coe_slider--slider.slide-1 .slide.open .slide--inner--left .item-summary, .module_coe_slider--slider.slide-2 .slide.open .slide--inner--left .item-summary, .module_coe_slider--slider.slide-3 .slide.open .slide--inner--left .item-summary, .module_coe_slider--slider.slide-4 .slide.open .slide--inner--left .item-summary {
  font-size: 1.4rem;
  opacity: 100;
  visibility: visible;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right, .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right, .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right, .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right, .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right {
  display: block;
  opacity: 1;
  visibility: visible;
  width: auto;
  transition: all 0.7s;
  background: #F4F4F4;
  background: var(--grey-light);
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right .inner.visible, .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right .inner.visible, .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right .inner.visible, .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right .inner.visible, .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right .inner.visible {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  transition: all 0.7s;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right .inner.visible ul li, .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right .inner.visible ul li, .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right .inner.visible ul li, .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right .inner.visible ul li, .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right .inner.visible ul li {
  opacity: 1;
  transition: opacity 0.7s;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right .inner.visible ul li:nth-child(1), .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right .inner.visible ul li:nth-child(1), .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right .inner.visible ul li:nth-child(1), .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right .inner.visible ul li:nth-child(1), .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right .inner.visible ul li:nth-child(1) {
  transition-delay: 0.1s;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right .inner.visible ul li:nth-child(2), .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right .inner.visible ul li:nth-child(2), .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right .inner.visible ul li:nth-child(2), .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right .inner.visible ul li:nth-child(2), .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right .inner.visible ul li:nth-child(2) {
  transition-delay: 0.2s;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right .inner.visible ul li:nth-child(3), .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right .inner.visible ul li:nth-child(3), .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right .inner.visible ul li:nth-child(3), .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right .inner.visible ul li:nth-child(3), .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right .inner.visible ul li:nth-child(3) {
  transition-delay: 0.3s;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right .inner.visible ul li:nth-child(4), .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right .inner.visible ul li:nth-child(4), .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right .inner.visible ul li:nth-child(4), .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right .inner.visible ul li:nth-child(4), .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right .inner.visible ul li:nth-child(4) {
  transition-delay: 0.4s;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right .inner.visible ul li:nth-child(5), .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right .inner.visible ul li:nth-child(5), .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right .inner.visible ul li:nth-child(5), .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right .inner.visible ul li:nth-child(5), .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right .inner.visible ul li:nth-child(5) {
  transition-delay: 0.5s;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article, .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article, .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article, .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article, .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article {
  opacity: 1;
  transition: opacity 0.7s;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(1), .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(1), .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(1), .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(1), .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(1) {
  transition-delay: 0.1s;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(2), .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(2), .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(2), .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(2), .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(2) {
  transition-delay: 0.2s;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(3), .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(3), .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(3), .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(3), .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(3) {
  transition-delay: 0.3s;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(4), .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(4), .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(4), .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(4), .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(4) {
  transition-delay: 0.4s;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(5), .module_coe_slider--slider.slide-1 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(5), .module_coe_slider--slider.slide-2 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(5), .module_coe_slider--slider.slide-3 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(5), .module_coe_slider--slider.slide-4 .slide.open .slide--inner--right .inner.visible .module_coe_slider--case-studies article:nth-child(5) {
  transition-delay: 0.5s;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--button--open, .module_coe_slider--slider.slide-1 .slide.open .slide--button--open, .module_coe_slider--slider.slide-2 .slide.open .slide--button--open, .module_coe_slider--slider.slide-3 .slide.open .slide--button--open, .module_coe_slider--slider.slide-4 .slide.open .slide--button--open {
  visibility: hidden;
  opacity: 0;
}
.module_coe_slider--slider.slide-0 .slide.open .slide--button--close, .module_coe_slider--slider.slide-1 .slide.open .slide--button--close, .module_coe_slider--slider.slide-2 .slide.open .slide--button--close, .module_coe_slider--slider.slide-3 .slide.open .slide--button--close, .module_coe_slider--slider.slide-4 .slide.open .slide--button--close {
  visibility: visible;
  opacity: 1;
}
.module_coe_slider--slider.slide-0 {
  left: 0;
}
.module_coe_slider--slider.slide-1 {
  left: calc(-20% - 2rem);
}
.module_coe_slider--slider.slide-2 {
  left: calc(-40% - 4rem);
}
.module_coe_slider--slider.slide-3 {
  left: calc(-60% - 6rem);
}
.module_coe_slider--slider.slide-4 {
  left: calc(-80% - 8rem);
}
.module_coe_slider .slide {
  width: 20%;
  height: 468px;
  opacity: 1;
  transition: all 0.7s;
  overflow: hidden;
  border-radius: 1.6rem;
  cursor: pointer;
}
.module_coe_slider .slide.loading {
  transform: translateY(4em);
  opacity: 0;
  transition: all 0.7s;
}
.module_coe_slider .slide--inner {
  width: 100%;
  height: 468px;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #CCF2F0;
  background: var(--green-light);
  position: relative;
  transition: all 0.7s;
}
.module_coe_slider .slide--inner--left {
  padding: 2rem;
  background: #CCF2F0;
  background: var(--green-light);
  overflow: hidden;
  text-align: center;
  position: relative;
  transition: all 0.7s;
}
.module_coe_slider .slide--inner--left .lottie-wrapper {
  margin: 0 auto 2rem;
  padding: 0;
  width: 100%;
  max-width: 14rem;
  aspect-ratio: 1/1;
  transition: all 0.7s;
}
.module_coe_slider .slide--inner--left figure {
  margin: 0 auto 2rem;
  padding-bottom: 0;
  width: 10rem;
  aspect-ratio: 1/1;
  transition: all 0.7s;
}
.module_coe_slider .slide--inner--left figure img {
  height: 100% !important;
}
.module_coe_slider .slide--inner--left figure img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.module_coe_slider .slide--inner--left h3 {
  margin: 0;
  padding-bottom: 2rem;
}
.module_coe_slider .slide--inner--left .item-summary {
  opacity: 0;
  font-size: 1.4rem;
  line-height: 1.4em;
  transition: all 0.7s;
  visibility: hidden;
}
.module_coe_slider .slide--inner--right {
  display: none;
  flex: 1;
  width: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.7s;
}
.module_coe_slider .slide--inner--right .inner {
  transform: translateY(3rem);
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  padding: 2rem;
}
.module_coe_slider .slide--inner--right .inner .module_coe_slider--case-studies article {
  opacity: 0;
  transition: opacity 0.7s;
  flex: 1;
}
.module_coe_slider .slide--inner--right ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 0;
}
.module_coe_slider .slide--inner--right ul li {
  opacity: 0;
  margin: 0;
  transition: opacity 0.7s;
}
.module_coe_slider .slide--inner--right ul li div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  align-items: top;
  line-height: 1em;
}
.module_coe_slider .slide--inner--right ul li div svg {
  fill: #00BFB3;
  fill: var(--green);
  width: 16px;
  height: 16px;
}
.module_coe_slider .slide--inner--right ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  align-items: top;
  line-height: 1em;
  color: #333333;
  color: var(--grey);
}
.module_coe_slider .slide--inner--right ul li a svg {
  fill: #00BFB3;
  fill: var(--green);
  width: 16px;
  height: 16px;
}
.module_coe_slider .slide--inner--right ul li a:hover {
  color: #00BFB3;
  color: var(--green);
}
.module_coe_slider .slide--inner--right ul li a:hover svg {
  fill: #00BFB3;
  fill: var(--green);
}
.module_coe_slider .slide--button {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  margin-left: -2.2rem;
  width: 4.4rem;
  height: 4.4rem;
}
.module_coe_slider .slide--button--open, .module_coe_slider .slide--button--close {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1.2rem;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 9999px;
  background: #002D3C;
  background: var(--midnight);
  fill: #FFFFFF;
  fill: var(--white);
  cursor: pointer;
  transition: all 0.7s ease-in-out;
}
.module_coe_slider .slide--button--open svg, .module_coe_slider .slide--button--close svg {
  width: 100%;
  height: 100%;
}
.module_coe_slider .slide--button--open {
  visibility: visible;
  opacity: 1;
}
.module_coe_slider .slide--button--close {
  visibility: hidden;
  opacity: 0;
}
.module_coe_slider--panel {
  transition: width 0.2s ease-in-out;
}
.module_coe_slider--panel--inner {
  overflow: hidden;
  border-radius: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  background: #E5EAEB;
  background: var(--midnight-light);
  position: relative;
}
.module_coe_slider--panel--inner--left {
  padding: 2rem;
  background: #CCF2F0;
  background: var(--green-light);
  width: 100%;
  overflow: hidden;
  border-radius: 1.6rem;
  padding-bottom: 11rem;
  text-align: center;
  transition: all 0.7s;
}
.module_coe_slider--panel--inner--left .lottie-wrapper {
  margin: 0 auto 2rem;
  padding-bottom: 0;
  width: 14rem;
  aspect-ratio: 1/1;
  transition: all 0.7s;
}
.module_coe_slider--panel--inner--left figure {
  margin: 0 auto 2rem;
  width: 10rem;
  aspect-ratio: 1/1;
  transition: all 0.7s;
}
.module_coe_slider--panel--inner--left figure img {
  height: 100% !important;
}
.module_coe_slider--panel--inner--left figure img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.module_coe_slider--panel--inner--left h3 {
  margin: 0;
}
.module_coe_slider--panel--inner--left .item-summary {
  visibility: hidden;
  opacity: 0;
  height: 0;
  font-size: 1.4rem;
  line-height: 1.4em;
  transition: all 0.7s;
  max-width: 600px;
  margin: 0 auto;
}
.module_coe_slider--panel--inner--left .panel-trigger {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  margin-left: -2.2rem;
  width: 4.4rem;
  height: 4.4rem;
}
.module_coe_slider--panel--inner--left .panel-open,
.module_coe_slider--panel--inner--left .panel-close,
.module_coe_slider--panel--inner--left .panel-close-5 {
  padding: 1.2rem;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 9999px;
  background: #002D3C;
  background: var(--midnight);
  fill: #FFFFFF;
  fill: var(--white);
  transform: rotate(90deg);
  cursor: pointer;
}
.module_coe_slider--panel--inner--left .panel-open svg,
.module_coe_slider--panel--inner--left .panel-close svg,
.module_coe_slider--panel--inner--left .panel-close-5 svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .module_coe_slider--panel--inner--left .panel-open,
  .module_coe_slider--panel--inner--left .panel-close,
  .module_coe_slider--panel--inner--left .panel-close-5 {
    transform: rotate(0deg);
  }
}
@media (min-width: 992px) {
  .module_coe_slider--panel--inner--left {
    padding-top: 18rem;
    height: 400px;
  }
  .module_coe_slider--panel--inner--left figure {
    top: 5rem;
  }
}
@media (min-width: 1280px) {
  .module_coe_slider--panel--inner--left {
    padding-top: 18rem;
    height: 400px;
  }
  .module_coe_slider--panel--inner--left figure {
    top: 5rem;
  }
}
.module_coe_slider--panel--inner--right {
  display: none;
  width: 0%;
  overflow: hidden;
  padding: 2rem;
  overflow: hidden;
}
.module_coe_slider--panel--inner--right .inner {
  opacity: 0;
  visibility: hidden;
  transform: translateY(3rem);
  transition: all 0.7s;
}
.module_coe_slider--panel--inner--right ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 0;
}
.module_coe_slider--panel--inner--right ul li {
  margin: 0;
}
.module_coe_slider--panel--inner--right ul li div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  align-items: top;
  line-height: 1em;
}
.module_coe_slider--panel--inner--right ul li div svg {
  fill: #00BFB3;
  fill: var(--green);
  width: 16px;
  height: 16px;
}
.module_coe_slider--panel--inner--right ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  align-items: top;
  line-height: 1em;
  color: #333333;
  color: var(--grey);
}
.module_coe_slider--panel--inner--right ul li a svg {
  fill: #00BFB3;
  fill: var(--green);
  width: 16px;
  height: 16px;
}
.module_coe_slider--panel--inner--right ul li a:hover {
  color: #00BFB3;
  color: var(--green);
}
.module_coe_slider--panel--inner--right ul li a:hover svg {
  fill: #00BFB3;
  fill: var(--green);
}
.module_coe_slider--case-study {
  width: 100%;
  height: 250px;
  background-size: cover;
  text-align: left;
}
@media (min-width: 667px) {
  .module_coe_slider--case-study {
    width: calc(50% - 1rem);
  }
  .module_coe_slider--case-study:nth-child(3) {
    width: 100%;
  }
}
.module_coe_slider--case-study .link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
}
.module_coe_slider--case-study .overlay {
  background: rgb(0, 45, 60);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 45, 60, 0.8)), to(rgba(0, 45, 60, 0.1)));
  background: linear-gradient(0deg, rgba(0, 45, 60, 0.8) 0%, rgba(0, 45, 60, 0.1) 100%);
}
.module_coe_slider--case-study .logo {
  top: 0;
  right: 2.5rem;
  width: 50%;
  padding: 1rem;
  border-radius: 0 0 0.8rem 0.8rem;
  height: 45px;
  width: 135px;
}
.module_coe_slider--case-study .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.module_coe_slider--case-study .title {
  bottom: 2.5rem;
  left: 2.5rem;
  width: 75%;
}
.module_coe_slider--case-study .title h3 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.module_coe_slider--case-study .title p {
  color: #FFFFFF;
  color: var(--white);
  margin: 0;
  line-height: 1.4em;
}
.module_coe_slider--panels {
  position: relative;
}
.module_coe_slider--panels .swiper-button-next {
  right: -3%;
  top: 161px;
  margin-top: -29px;
  padding: 1rem;
  width: auto;
  height: auto;
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.8);
}
@media (min-width: 992px) {
  .module_coe_slider--panels .swiper-button-next {
    right: -5%;
    top: 50%;
  }
}
.module_coe_slider--panels .swiper-button-next svg {
  width: 30px;
  height: 30px;
  max-width: none;
  fill: #00BFB3;
  fill: var(--green);
}
.module_coe_slider--panels .swiper-button-next::after {
  display: none;
}
.module_coe_slider--panels .swiper-button-prev {
  left: -3%;
  top: 161px;
  margin-top: -29px;
  padding: 1rem;
  width: auto;
  height: auto;
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.8);
}
@media (min-width: 992px) {
  .module_coe_slider--panels .swiper-button-prev {
    left: -5%;
    top: 50%;
  }
}
.module_coe_slider--panels .swiper-button-prev svg {
  width: 30px;
  height: 30px;
  max-width: none;
  fill: #00BFB3;
  fill: var(--green);
}
.module_coe_slider--panels .swiper-button-prev::after {
  display: none;
}

.module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .panel-open {
  display: none;
}
.module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .panel-close {
  display: block;
}
.module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .panel-close-5 {
  display: none;
}
@media (min-width: 992px) {
  .module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .panel-close {
    display: none;
  }
  .module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .panel-close-5 {
    display: block;
  }
}
.module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--left {
  width: 100%;
  position: relative;
}
.module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--left figure {
  top: 2rem;
}
.module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--left .lottie-wrapper {
  width: 9rem;
  aspect-ratio: 1/1;
  transition: all 0.7s;
}
.module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--left .lottie-wrapper lottie-player {
  width: 100%;
  height: 100%;
}
.module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--left .item-summary {
  visibility: visible;
  opacity: 1;
  transition: all 0.7s;
  margin-top: 1rem;
  height: 9rem;
}
@media (min-width: 400px) {
  .module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--left .item-summary {
    height: 7rem;
  }
}
@media (min-width: 667px) {
  .module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--left .item-summary {
    height: 4rem;
  }
}
.module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--right {
  display: block;
  width: 100%;
}
.module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--right .inner {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.7s;
  transition-delay: 0.7s;
}
@media (min-width: 992px) {
  .module_coe_slider--panel.active-panel .module_coe_slider--panel--inner {
    flex-direction: row;
  }
  .module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--left {
    text-align: left;
    height: 43rem;
    width: 186px;
    padding-top: 11rem;
  }
  .module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--left figure {
    top: 4rem;
    left: 2rem;
    margin: 0;
    width: 7rem;
  }
  .module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--left .panel-trigger {
    left: auto;
    right: 2rem;
  }
  .module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--right {
    display: block;
    flex: 1;
    height: 43rem;
  }
}
@media (min-width: 1280px) {
  .module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--left {
    width: 240px;
    height: 50rem;
    padding-top: 14rem;
  }
  .module_coe_slider--panel.active-panel .module_coe_slider--panel--inner .module_coe_slider--panel--inner--right {
    height: 50rem;
  }
}

.module_content {
  position: relative;
}
.module_content.text-white .module_content--title span {
  color: #00BFB3;
  color: var(--green);
}
.module_content--header {
  text-align: center;
  padding: 0 0 2rem;
}
.module_content--container {
  flex-direction: column;
  gap: 2rem;
}
.module_content--container:last-child {
  padding-bottom: 0;
}
.module_content--image {
  aspect-ratio: 1/1;
  border-radius: 9999px;
  max-width: 240px;
  margin: 0 auto;
  position: relative;
}
.module_content--image img {
  height: 100% !important;
}
.module_content--image img {
  aspect-ratio: 1/1;
  border-radius: 9999px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module_content--image .lottie-wrapper {
  border-radius: 9999px;
  overflow: hidden;
}
.module_content--image .lottie-wrapper lottie-player {
  width: 100% !important;
  height: auto !important;
}
.module_content--image .lottie-wrapper lottie-player {
  aspect-ratio: 1/1;
  border-radius: 9999px;
}
.module_content--dot {
  display: block;
  background: transparent;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  animation: spin 30s linear infinite;
}
.module_content--dot:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 10%;
  left: 10%;
  background: #00BFB3;
  background: var(--green);
  width: 10%;
  height: 10%;
  border-radius: 9999px;
}
.module_content--overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 60%;
  width: 60%;
  background: url("https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/Achieving-Agility/Pod-Corner-Stripes-BottomLeft.png") no-repeat;
  background-size: 150%;
  background-position: top right;
}
.module_content--content {
  text-align: center;
}
.module_content--content p:last-child {
  margin: 0;
}
.module_content--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.module_content--buttons a.button {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.module_content--bgshape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 25;
  background: grey;
  aspect-ratio: 1/1;
  height: 100%;
  background: url("https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/overlay-shape-services.png") no-repeat 0 0;
  background-size: cover;
}
@media (min-width: 667px) {
  .module_content--header {
    padding: 0 0 3rem;
  }
  .module_content--container:last-child {
    padding-bottom: 0;
  }
  .module_content--buttons {
    flex-direction: row;
    justify-content: center;
  }
  .module_content--buttons a.button {
    width: auto;
    margin: 0;
  }
}
@media (min-width: 667px) {
  .module_content--image {
    max-width: 400px;
  }
}
@media (min-width: 992px) {
  .module_content--header {
    padding: 0 0 4rem;
  }
  .module_content--container {
    flex-direction: row;
    align-items: center;
    gap: 0;
  }
  .module_content--container.image-right {
    flex-direction: row-reverse;
  }
  .module_content--container.image-right .module_content--image {
    margin: 0 0 0 auto;
  }
  .module_content--container:last-child {
    padding-bottom: 0;
  }
  .module_content--buttons {
    justify-content: flex-start;
  }
  .module_content--image {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  .module_content--content {
    width: 50%;
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .module_content--header {
    padding: 0 0 5rem;
  }
  .module_content--container:last-child {
    padding-bottom: 0;
  }
  .module_content--image {
    max-width: 500px;
    width: 45%;
  }
  .module_content--content {
    width: 55%;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.module_form {
  position: relative;
}
.module_form--form {
  position: absolute;
  top: -8rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  background: #00BFB3;
  background: var(--green);
  width: 90%;
  max-width: 100rem;
  margin: 0 auto;
  padding: 2rem;
  border-radius: 2rem;
  text-align: center;
}
.module_form--title {
  margin: 0 0 1rem 0;
}
.module_form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 1.5rem;
}
.module_form form .field {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.module_form form .field > label {
  display: none;
}
.module_form form .hs-submit {
  text-align: center;
  width: 100%;
}
.module_form form .hs-submit a.button {
  margin: 0 auto;
}
@media (min-width: 667px) {
  .module_form--form {
    padding: 3rem;
  }
}
@media (min-width: 992px) {
  .module_form form {
    flex-direction: row;
  }
  .module_form form .field {
    width: auto;
    flex: 1;
  }
  .module_form form .hs-submit {
    width: auto;
  }
}

.module_news--header {
  padding: 0 0 4rem 0;
}
.module_news--title {
  font-weight: 400;
  color: #002D3C;
  color: var(--midnight);
  padding: 0;
}
.module_news--title span {
  color: #00BFB3;
  color: var(--green);
}
.module_news--subtitle p:last-child {
  margin: 0;
}
.module_news--footer {
  padding: 4rem 0 0 0;
}

.module-homepage-coe .module__content {
  justify-content: space-between;
}
.module-homepage-coe .module__content .module__coe--sidebar {
  background-color: #CCF2F0;
  background-color: var(--green-light);
}
.module-homepage-coe .module__content .module__coe-content {
  display: none;
}
.module-homepage-coe .module__content .module__coe.expanded .module__coe-content {
  display: block;
}

.coe_container {
  width: 80%;
}

.alt .panel-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
}
.alt .panel {
  background-color: #CCF2F0;
  background-color: var(--green-light);
  height: 80vh;
  border-radius: 50px;
  flex: 0.5;
  position: relative;
  transition: flex 1.5s ease-in;
  color: #fff;
  margin: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}
.alt .panel-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 150px 40px;
  align-items: center;
  flex-grow: 1;
}
.alt .panel-items h3 {
  padding: 50px 0;
}
.alt .panel-items .item-summary {
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in 0.4s;
}
.alt .panel-inner-items {
  width: 0;
  background-color: #939393;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear, width 0.5s ease-in;
}
.alt .panel.active {
  flex: 20;
}
.alt .panel.active .panel-items .item-summary {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.alt .panel.active .panel-inner-items {
  width: 100%;
  visibility: visible;
  opacity: 1;
}
.alt .panel-open,
.alt .panel-close {
  cursor: pointer;
}
@media (max-width: 480px) {
  .alt .panel-container {
    width: 100vw;
  }
  .alt .panel:nth-of-type(4),
  .alt .panel:nth-of-type(5) {
    display: none;
  }
}

.module_icongrid--image {
  width: 12rem;
  height: 12rem;
  padding: 3rem;
  margin: 0 auto 1rem;
}
.module_icongrid--title {
  max-width: 200px;
}

.parallax {
  overflow: hidden;
  position: relative;
  perspective: 1px;
}

.parallax-layer {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0px;
  left: 0;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.module-industry-cta--dot {
  display: block;
  background: transparent;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  animation: spin 30s linear infinite;
}
.module-industry-cta--dot:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 10%;
  left: 10%;
  background: #00BFB3;
  background: var(--green);
  width: 10%;
  height: 10%;
  border-radius: 9999px;
}

.module_oneteam {
  padding: 4rem 0;
}
.module_oneteam .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  text-align: center;
}
.module_oneteam--image {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 9999px;
  overflow: hidden;
  max-width: 650px;
  margin: 0 auto;
}
.module_oneteam--image img {
  height: 100% !important;
}
.module_oneteam--image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 9999px;
  padding: 1px;
}
.module_oneteam--imgoverlay {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  width: 50%;
  background: url(https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/Achieving-Agility/Pod-Corner-Stripes-BottomLeft.png) no-repeat;
  background-size: 150%;
  background-position: top right;
}
@media (min-width: 667px) {
  .module_oneteam {
    padding: 8rem 0;
  }
}
@media (min-width: 992px) {
  .module_oneteam {
    padding: 12rem 0;
  }
  .module_oneteam .container {
    flex-direction: row;
    gap: 10rem;
    align-items: center;
    text-align: left;
  }
  .module_oneteam--image {
    width: 450px;
  }
  .module_oneteam--content {
    flex: 1;
  }
}
@media (min-width: 1280px) {
  .module_oneteam--image {
    width: 650px;
  }
  .module_oneteam--imgoverlay {
    background-size: 132%;
  }
}

.module_ourvalues--icon {
  width: 14rem;
  height: 14rem;
  padding: 3rem;
}
.module_ourvalues--titles {
  max-width: 30rem;
}
.module_ourvalues--summary {
  max-width: 30rem;
}

.module_quotes--overlay.overlay-top {
  bottom: 50%;
}
.module_quotes--overlay.overlay-bottom {
  top: 50%;
}
.module_quotes.feature-quote {
  padding: 30rem 0 0 0;
}
.module_quotes.feature-quote img {
  -o-object-position: top;
     object-position: top;
}
.module_quotes.feature-quote .module_quotes--overlay.overlay-top {
  bottom: calc(50% - 15rem);
}
.module_quotes.feature-quote .module_quotes--overlay.overlay-bottom {
  top: calc(50% - 15rem);
}
.module_quotes--wrapper {
  padding: 4rem 3rem;
}
.module_quotes--image {
  margin: 0 auto 2rem;
}
.module_quotes--quote {
  font-size: 1.8rem;
}
.module_quotes--profile {
  width: 80px;
  height: 80px;
  border: 2px solid #FFFFFF;
  border: 2px solid var(--white);
}
.module_quotes--logo {
  width: 220px;
  height: 80px;
  margin: 0 auto;
}
.module_quotes .swiper .swiper-slide p {
  width: 100%;
}
.module_quotes .swiper .swiper-navigation {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 106px;
  margin: 0 auto;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.module_quotes .swiper .swiper-navigation .swiper-button-next {
  position: static;
  width: 48px;
  height: 48px;
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
  padding: 1rem;
  border-radius: 999px;
  margin: 0;
  top: auto;
  right: auto;
}
.module_quotes .swiper .swiper-navigation .swiper-button-next:after {
  display: none;
}
.module_quotes .swiper .swiper-navigation .swiper-button-next svg {
  fill: #00BFB3;
  fill: var(--green);
}
.module_quotes .swiper .swiper-navigation .swiper-button-next:hover {
  border: 2px solid #FFFFFF;
  border: 2px solid var(--white);
}
.module_quotes .swiper .swiper-navigation .swiper-button-next:hover svg {
  fill: #FFFFFF;
  fill: var(--white);
}
.module_quotes .swiper .swiper-navigation .swiper-button-prev {
  position: static;
  width: 48px;
  height: 48px;
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
  padding: 1rem;
  border-radius: 999px;
  margin: 0;
  top: auto;
  left: auto;
}
.module_quotes .swiper .swiper-navigation .swiper-button-prev:after {
  display: none;
}
.module_quotes .swiper .swiper-navigation .swiper-button-prev svg {
  fill: #00BFB3;
  fill: var(--green);
}
.module_quotes .swiper .swiper-navigation .swiper-button-prev:hover {
  border: 2px solid #FFFFFF;
  border: 2px solid var(--white);
}
.module_quotes .swiper .swiper-navigation .swiper-button-prev:hover svg {
  fill: #FFFFFF;
  fill: var(--white);
}
@media (min-width: 400px) {
  .module_quotes.feature-quote {
    padding: 34rem 0 0 0;
  }
  .module_quotes.feature-quote .module_quotes--overlay.overlay-top {
    bottom: calc(50% - 17rem);
  }
  .module_quotes.feature-quote .module_quotes--overlay.overlay-bottom {
    top: calc(50% - 17rem);
  }
  .module_quotes--wrapper {
    padding: 6rem 6rem;
  }
}
@media (min-width: 667px) {
  .module_quotes.feature-quote {
    padding: 38rem 0 0 0;
  }
  .module_quotes.feature-quote .module_quotes--overlay.overlay-top {
    bottom: calc(50% - 19rem);
  }
  .module_quotes.feature-quote .module_quotes--overlay.overlay-bottom {
    top: calc(50% - 19rem);
  }
  .module_quotes--wrapper {
    padding: 6rem 10rem;
  }
}
@media (min-width: 992px) {
  .module_quotes.feature-quote {
    padding: 42rem 0 0 0;
  }
  .module_quotes.feature-quote .module_quotes--overlay.overlay-top {
    bottom: calc(50% - 21rem);
  }
  .module_quotes.feature-quote .module_quotes--overlay.overlay-bottom {
    top: calc(50% - 21rem);
  }
  .module_quotes--wrapper {
    padding: 6rem 16rem;
  }
}
@media (min-width: 1280px) {
  .module_quotes.feature-quote {
    padding: 50rem 0 0 0;
  }
  .module_quotes.feature-quote .module_quotes--overlay.overlay-top {
    bottom: calc(50% - 25rem);
  }
  .module_quotes.feature-quote .module_quotes--overlay.overlay-bottom {
    top: calc(50% - 25rem);
  }
  .module_quotes--wrapper {
    padding: 8rem 18rem;
  }
}

.module_resources--post {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease-in-out;
}
.module_resources--post--image {
  width: calc(100% + 2rem);
}
.module_resources--post--image figure {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.module_resources--post--image figure img {
  transition: transform 0.3s ease-in-out;
}
.module_resources--post--title {
  font-size: 2.4rem;
}
.module_resources--post--button {
  bottom: 2rem;
  left: 2rem;
}
.module_resources--post:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.module_resources--post:hover img {
  transform: scale(1.05);
}
@media (min-width: 667px) {
  .module_resources--post {
    width: calc(50% - 2rem);
  }
}

.module_partners {
  padding: 4rem 0;
}
.module_partners--box {
  border-radius: 1.6rem;
  text-align: center;
}
.module_partners--content {
  flex: 1;
}
.module_partners--content p:last-child {
  margin: 0;
}
.module_partners--image {
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
  height: 150px;
}
.module_partners--image a, .module_partners--image div.image {
  width: 100%;
  height: 150px;
}
.module_partners--image a img, .module_partners--image div.image img {
  height: 100% !important;
}
.module_partners--image a img, .module_partners--image div.image img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.module_partners--title {
  margin: 0 0 1rem 0;
}
.module_partners--link {
  font-weight: bold;
  width: 100%;
}
.module_partners--link a {
  color: #333333;
  color: var(--grey);
  line-height: 1.4em;
  justify-content: center;
}
.module_partners--link a:hover {
  color: #00BFB3;
  color: var(--green);
  fill: #00BFB3;
  fill: var(--green);
}
@media (min-width: 667px) {
  .module_partners {
    padding: 6rem 0;
  }
}
@media (min-width: 992px) {
  .module_partners {
    padding: 8rem 0;
  }
  .module_partners--box.service-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .module_partners--image.service-box {
    height: 200px;
  }
  .module_partners--image.service-box a, .module_partners--image.service-box div.image {
    height: 200px;
  }
}
@media (min-width: 1280px) {
  .module_partners {
    padding: 10rem 0;
  }
  .module_partners--box {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 4rem;
  }
  .module_partners--box.service-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .module_partners--image {
    width: 40%;
    height: 300px;
  }
  .module_partners--image a, .module_partners--image div.image {
    width: 100%;
    height: 300px;
  }
  .module_partners--image.service-box {
    width: 100%;
    height: 200px;
  }
  .module_partners--image.service-box a {
    height: 200px;
  }
  .module_partners--content {
    width: 50%;
  }
  .module_partners--content.service-box {
    width: 100%;
    text-align: center;
  }
  .module_partners--link a {
    justify-content: flex-start;
  }
}

.module_podcast--grid {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.module_podcast--image {
  display: none;
}
@media (min-width: 992px) {
  .module_podcast--image {
    display: block;
    width: 38%;
  }
}
@media (min-width: 1280px) {
  .module_podcast--image {
    width: 30%;
  }
}
.module_podcast--list {
  width: 100%;
}
@media (min-width: 992px) {
  .module_podcast--list {
    width: 60%;
  }
}
@media (min-width: 1280px) {
  .module_podcast--list {
    width: 68%;
  }
}
.module_podcast--article {
  height: auto !important;
}
.module_podcast--article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  transition: box-shadow 0.2s;
}
.module_podcast--article:hover {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.module_podcast--article--cover {
  width: 60px;
  height: auto;
  overflow: hidden;
  border-radius: 1rem;
}
@media (min-width: 992px) {
  .module_podcast--article--cover {
    width: 16.5%;
  }
}
@media (min-width: 1280px) {
  .module_podcast--article--cover {
    width: 24%;
  }
}
.module_podcast--article--cover figure {
  width: 100%;
  height: 100%;
  display: block;
}
.module_podcast--article--details {
  flex: 1;
}
.module_podcast--article--details--title {
  font-weight: 700;
  line-height: 1.2em;
  margin: 0 0 0.5rem;
}
.module_podcast--article--details--minutes {
  font-size: 0.8em;
  color: var(--gray);
}
.module_podcast--article--details--publish-date {
  font-size: 0.8em;
  color: var(--gray);
}

.pod-swiper {
  overflow: hidden;
}
.pod-swiper .swiper-navigation {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2rem auto 0;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.pod-swiper .swiper-navigation .swiper-button-next,
.pod-swiper .swiper-navigation .swiper-button-prev {
  position: static;
  width: 48px;
  height: 48px;
  border: 2px solid #002D3C;
  border: 2px solid var(--midnight);
  padding: 1rem;
  border-radius: 999px;
  margin: 0;
  top: auto;
  right: auto;
}
.pod-swiper .swiper-navigation .swiper-button-next:after,
.pod-swiper .swiper-navigation .swiper-button-prev:after {
  display: none;
}
.pod-swiper .swiper-navigation .swiper-button-next svg,
.pod-swiper .swiper-navigation .swiper-button-prev svg {
  fill: #002D3C;
  fill: var(--midnight);
}
.pod-swiper .swiper-navigation .swiper-button-next:hover,
.pod-swiper .swiper-navigation .swiper-button-prev:hover {
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
}
.pod-swiper .swiper-navigation .swiper-button-next:hover svg,
.pod-swiper .swiper-navigation .swiper-button-prev:hover svg {
  fill: #00BFB3;
  fill: var(--green);
}

.module_services {
  padding: 4rem 0;
}
.module_services--title {
  text-align: center;
  margin-bottom: 4rem;
}
.module_services--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 4rem;
}
.module_services--icons {
  flex-basis: 50%;
}
.module_services--icons:hover .module_services--icon img {
  animation: wiggle 0.5s infinite;
}
.module_services--icons:hover .module_services--icon-title {
  color: #00BFB3;
  color: var(--green);
}
.module_services--icon {
  width: 90px;
  height: 90px;
  border-radius: 9999px;
  padding: 20px;
  margin: 0 auto 20px;
}
.module_services--icon.bg- {
  background-color: #CCF2F0;
  background-color: var(--green-light);
}
.module_services--icon img {
  height: 50px !important;
}
.module_services--icon img {
  width: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.module_services--icon-title {
  color: #00BFB3;
  color: var(--green);
  text-align: center;
  padding: 0 1rem;
}
@media (min-width: 667px) {
  .module_services {
    padding: 6rem 0;
  }
  .module_services--icons {
    flex-basis: 50%;
  }
}
@media (min-width: 992px) {
  .module_services {
    padding: 8rem 0;
  }
  .module_services--icons {
    flex-basis: 33.333%;
  }
}
@media (min-width: 1280px) {
  .module_services {
    padding: 10rem 0;
  }
  .module_services--icons {
    flex-basis: 25%;
  }
}

@keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
.module_stat {
  margin-top: 20px;
  padding: 0 0 4rem 0;
}
.module_stat .container {
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  text-align: center;
}
.module_stat--stats {
  max-width: 340px;
  margin: 20px auto 0;
}
.module_stat--stat {
  background: #CCF2F0;
  background: var(--green-light);
  color: #00BFB3;
  color: var(--green);
  border-radius: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 2rem;
}
.module_stat--image {
  width: 60px;
  margin: 1rem;
}
.module_stat--text-large {
  font-weight: bold;
  font-size: 3rem;
  margin: 0;
}
.module_stat--text-small {
  font-weight: bold;
  font-size: 1.3rem;
  margin: 0;
}
@media (min-width: 667px) {
  .module_stat {
    margin-top: 40px;
    padding: 0 0 6rem 0;
  }
  .module_stat--stats {
    max-width: 405px;
  }
  .module_stat--stat {
    margin-top: 0;
    border-radius: 2rem;
    padding: 3rem;
  }
  .module_stat--image {
    width: 80px;
    margin: 1.5rem;
  }
  .module_stat--text-large {
    font-size: 3.2rem;
  }
  .module_stat--text-small {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .module_stat {
    margin-top: 80px;
    padding: 0 0 8rem 0;
  }
  .module_stat .container {
    flex-direction: row;
    gap: 4rem;
    text-align: left;
  }
  .module_stat--content {
    flex: 1;
  }
  .module_stat--stats {
    width: 405px;
  }
  .module_stat--stat {
    border-radius: 2rem;
    padding: 3rem;
  }
  .module_stat--image {
    width: 80px;
    margin: 1.5rem;
  }
  .module_stat--text-large {
    font-size: 3.2rem;
  }
  .module_stat--text-small {
    font-size: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .module_stat {
    margin-top: 100px;
    padding: 0 0 10rem 0;
  }
  .module_stat--stat {
    border-radius: 2.4rem;
    padding: 2rem 3rem;
  }
  .module_stat--text-large {
    font-size: 3.6rem;
  }
}

.module_two {
  padding: 0 0 4rem 0;
  position: relative;
}
.module_two.text-white .module_two--title span {
  color: #00BFB3;
  color: var(--green);
}
.module_two .container {
  flex-direction: column;
  gap: 2rem;
}
.module_two--buffer {
  padding-top: 4rem;
}
.module_two--image {
  aspect-ratio: 1/1;
  border-radius: 9999px;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.module_two--image img {
  height: 100% !important;
}
.module_two--image img {
  border-radius: 9999px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.module_two--dot {
  display: block;
  background: #00BFB3;
  background: var(--green);
  width: 10%;
  height: 10%;
  border-radius: 9999px;
  position: absolute;
  bottom: 10%;
  left: 10%;
}
.module_two--overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 60%;
  width: 60%;
  background: url("https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/Achieving-Agility/Pod-Corner-Stripes-BottomLeft.png") no-repeat;
  background-size: 150%;
  background-position: top right;
}
.module_two--content {
  text-align: left;
}
.module_two--bgshape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 25;
  background: grey;
  aspect-ratio: 1/1;
  height: 100%;
  background: url(https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/overlay-shape-services.png) no-repeat 0 0;
  background-size: cover;
}
@media (min-width: 667px) {
  .module_two {
    padding: 0 0 6rem 0;
  }
  .module_two--buffer {
    padding-top: 6rem;
  }
}
@media (min-width: 992px) {
  .module_two {
    padding: 0 0 8rem 0;
  }
  .module_two .container {
    flex-direction: row;
    align-items: center;
    gap: 0;
  }
  .module_two .container.image-right {
    flex-direction: row-reverse;
  }
  .module_two--buffer {
    padding-top: 8rem;
  }
  .module_two--image {
    width: 50%;
    max-width: 400px;
  }
  .module_two--content {
    width: 50%;
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .module_two {
    padding: 0 0 10rem 0;
  }
  .module_two--buffer {
    padding-top: 10rem;
  }
  .module_two--image {
    max-width: 500px;
  }
}

.module_quote {
  position: relative;
  padding: 0 0 4rem 0;
  z-index: 20;
}
.module_quote .container {
  margin-top: 20px;
  position: relative;
  z-index: 25;
}
.module_quote--wrapper {
  background: #002D3C;
  background: var(--midnight);
  border-radius: 2.4rem;
  padding: 4rem 3rem;
}
.module_quote--image {
  margin: 0 auto 2rem;
}
.module_quote--quote {
  font-size: 1.8rem;
  text-align: center;
  color: #FFFFFF;
  color: var(--white);
}
.module_quote--author {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #00BFB3;
  color: var(--green);
}
.module_quote--logo {
  width: 220px;
  height: 80px;
  margin: 0 auto;
}
.module_quote--logo img {
  height: 100% !important;
}
.module_quote--logo img {
  margin: 0 auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 667px) {
  .module_quote {
    padding: 0 0 6rem 0;
  }
  .module_quote--wrapper {
    padding: 6rem 10rem;
  }
}
@media (min-width: 992px) {
  .module_quote {
    padding: 0 0 8rem 0;
  }
  .module_quote--wrapper {
    padding: 6rem 16rem;
  }
}
@media (min-width: 1280px) {
  .module_quote {
    padding: 0 0 10rem 0;
  }
  .module_quote--wrapper {
    padding: 8rem 20rem;
  }
}
.module_quote--bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
}

.module_artwork {
  padding: 4rem 0;
}
.module_artwork .swiper-artwork {
  padding-bottom: 8rem;
  position: relative;
}
.module_artwork .swiper-artwork .swiper-slide {
  width: auto;
  height: 350px;
  max-width: 320px;
  padding: 1rem;
  border: 1px solid #333333;
  border: 1px solid var(--grey);
  border-radius: 0.6rem;
}
.module_artwork .swiper-artwork .swiper-slide.swiper-slide-active {
  border: 1px solid #FFFFFF;
  border: 1px solid var(--white);
}
.module_artwork .swiper-artwork .swiper-slide img {
  height: 100% !important;
}
.module_artwork .swiper-artwork .swiper-slide img {
  border-radius: 0.3rem;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.module_artwork .swiper-artwork .swiper-navigation {
  display: block;
  height: 48px;
  width: 106px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -53px;
}
.module_artwork .swiper-artwork .swiper-navigation .swiper-button-next {
  width: 48px;
  height: 48px;
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
  padding: 1rem;
  border-radius: 999px;
  margin: 0;
  top: 0;
  right: 0;
}
.module_artwork .swiper-artwork .swiper-navigation .swiper-button-next:after {
  display: none;
}
.module_artwork .swiper-artwork .swiper-navigation .swiper-button-next svg {
  fill: #00BFB3;
  fill: var(--green);
}
.module_artwork .swiper-artwork .swiper-navigation .swiper-button-next:hover {
  border: 2px solid #FFFFFF;
  border: 2px solid var(--white);
}
.module_artwork .swiper-artwork .swiper-navigation .swiper-button-next:hover svg {
  fill: #FFFFFF;
  fill: var(--white);
}
.module_artwork .swiper-artwork .swiper-navigation .swiper-button-prev {
  width: 48px;
  height: 48px;
  border: 2px solid #00BFB3;
  border: 2px solid var(--green);
  padding: 1rem;
  border-radius: 999px;
  margin: 0;
  top: 0;
  left: 0;
}
.module_artwork .swiper-artwork .swiper-navigation .swiper-button-prev:after {
  display: none;
}
.module_artwork .swiper-artwork .swiper-navigation .swiper-button-prev svg {
  fill: #00BFB3;
  fill: var(--green);
}
.module_artwork .swiper-artwork .swiper-navigation .swiper-button-prev:hover {
  border: 2px solid #FFFFFF;
  border: 2px solid var(--white);
}
.module_artwork .swiper-artwork .swiper-navigation .swiper-button-prev:hover svg {
  fill: #FFFFFF;
  fill: var(--white);
}
@media (min-width: 667px) {
  .module_artwork {
    padding: 6rem 0;
  }
  .module_artwork .swiper-artwork .swiper-slide {
    max-width: 400px;
  }
}
@media (min-width: 992px) {
  .module_artwork {
    padding: 8rem 0;
  }
  .module_artwork .swiper-artwork .swiper-slide {
    max-width: 450px;
  }
}
@media (min-width: 1280px) {
  .module_artwork {
    padding: 10rem 0;
  }
  .module_artwork .swiper-artwork .swiper-slide {
    max-width: 500px;
  }
}

.module_services_team {
  padding-bottom: 4rem;
  padding-top: 4rem;
}
@media (min-width: 667px) {
  .module_services_team {
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
}
@media (min-width: 992px) {
  .module_services_team {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
}
.module_services_team--title {
  margin: 0 0 2rem;
}
@media (min-width: 667px) {
  .module_services_team--title {
    margin: 0 0 4rem;
  }
}
.module_services_team--tabs {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 2rem 0;
  gap: 1rem;
}
.module_services_team--tabs li {
  width: 100%;
  text-align: center;
}
.module_services_team--tabs li a {
  font-size: 1.6rem;
  padding: 1.5rem 3rem;
  max-width: 252px;
  width: 100%;
  white-space: nowrap;
  display: block;
  margin: 0 auto;
}
@media (min-width: 667px) {
  .module_services_team--tabs {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .module_services_team--tabs li {
    width: auto;
  }
}
.module_services_team--team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2rem;
}
.module_services_team--department {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
.module_services_team--depttitle {
  width: 100%;
  height: auto;
  margin: 2rem 0 0 0;
  color: #00BFB3;
  color: var(--green);
  font-weight: 400;
  grid-column-start: 1;
  grid-column-end: -1;
  text-align: center;
}
@media (min-width: 667px) {
  .module_services_team--depttitle {
    text-align: left;
  }
}
.module_services_team--teammember {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Change from block to flex */
  flex-direction: column; /* Ensure content is stacked vertically */
  align-items: center; /* Center content horizontally */
  width: 100%;
  border-radius: 2.4rem;
  overflow: hidden;
  aspect-ratio: 1/1;
  background: #00BFB3;
  background: var(--green);
  position: relative;
  z-index: 20;
}
@media (min-width: 992px) {
  .module_services_team--teammember:hover .module_services_team--image {
    opacity: 0;
  }
  .module_services_team--teammember:hover .module_services_team--content h4 {
    transform: translateY(0rem);
  }
  .module_services_team--teammember:hover .module_services_team--content p {
    transform: scale(1);
  }
}
.module_services_team--content {
  position: absolute;
  z-index: 23;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgb(0, 191, 179);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 191, 179)), color-stop(80%, rgba(0, 191, 179, 0.8)), to(rgba(0, 191, 179, 0)));
  background: linear-gradient(0deg, rgb(0, 191, 179) 0%, rgba(0, 191, 179, 0.8) 80%, rgba(0, 191, 179, 0) 100%);
  padding: 2.5rem 2rem 2rem 2rem;
}
.module_services_team--content h4 {
  margin: 0;
  color: #002D3C;
  color: var(--midnight);
  padding: 0 1rem;
  text-align: center;
  transform: translateY(-1rem);
  transition: all 0.3s;
}
.module_services_team--content p {
  font-size: 1.2rem;
  margin: 0;
  font-weight: 700;
  color: #002D3C;
  color: var(--midnight);
  transform: scale(1.2);
  transition: all 0.3s;
  padding: 0 1rem;
  text-align: center;
  line-height: 1.2em;
}
@media (min-width: 400px) {
  .module_services_team--content h4 {
    font-size: 1.8rem;
  }
  .module_services_team--content p {
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) {
  .module_services_team--content {
    top: 0;
    z-index: 21;
    background: none;
  }
  .module_services_team--content p {
    font-size: 1.6rem;
  }
}
.module_services_team--image {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 22;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  transition: opacity 0.3s;
}
.module_services_team--image img {
  max-width: none !important;
}
.module_services_team--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module_services_team--bgimage {
  position: relative;
  height: 100%;
  width: auto;
  opacity: 0.23;
  z-index: 20;
}
.module_services_team--content img {
  height: 100%;
  width: auto;
}

.team-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
  gap: 1.5rem;
}
@media (min-width: 667px) {
  .team-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .team-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1280px) {
  .team-container {
    grid-template-columns: repeat(5, 1fr);
  }
}

.module_about_team {
  padding-bottom: 4rem;
  padding-top: 4rem;
}
@media (min-width: 667px) {
  .module_about_team {
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
}
@media (min-width: 992px) {
  .module_about_team {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
}
.module_about_team--title {
  margin: 0 0 2rem;
}
@media (min-width: 667px) {
  .module_about_team--title {
    margin: 0 0 4rem;
  }
}
.module_about_team--team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2rem;
}
.module_about_team--department {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 667px) {
  .module_about_team--department {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .module_about_team--department {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 1280px) {
  .module_about_team--department {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
.module_about_team--depttitle {
  width: 100%;
  height: auto;
  margin: 2rem 0 0 0;
  color: #00BFB3;
  color: var(--green);
  font-weight: 400;
  grid-column-start: 1;
  grid-column-end: -1;
  text-align: center;
}
@media (min-width: 667px) {
  .module_about_team--depttitle {
    text-align: left;
  }
}
.module_about_team--teammember {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Change from block to flex */
  flex-direction: column; /* Ensure content is stacked vertically */
  align-items: center; /* Center content horizontally */
  width: 100%;
  border-radius: 2.4rem;
  overflow: hidden;
  aspect-ratio: 1/1;
  background: #00BFB3;
  background: var(--green);
  position: relative;
  z-index: 20;
}
@media (min-width: 992px) {
  .module_about_team--teammember:hover .module_about_team--image {
    opacity: 0;
  }
  .module_about_team--teammember:hover .module_about_team--content h4 {
    transform: translateY(0rem);
  }
  .module_about_team--teammember:hover .module_about_team--content p {
    transform: scale(1);
  }
}
.module_about_team--content {
  position: absolute;
  z-index: 23;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgb(0, 191, 179);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 191, 179)), color-stop(80%, rgba(0, 191, 179, 0.8)), to(rgba(0, 191, 179, 0)));
  background: linear-gradient(0deg, rgb(0, 191, 179) 0%, rgba(0, 191, 179, 0.8) 80%, rgba(0, 191, 179, 0) 100%);
  padding: 2.5rem 2rem 2rem 2rem;
}
.module_about_team--content h4 {
  margin: 0;
  color: #002D3C;
  color: var(--midnight);
  padding: 0 1rem;
  text-align: center;
  transform: translateY(-1rem);
  transition: all 0.3s;
}
.module_about_team--content p {
  font-size: 1.2rem;
  margin: 0;
  font-weight: 700;
  color: #002D3C;
  color: var(--midnight);
  transform: scale(1.2);
  transition: all 0.3s;
  padding: 0 1rem;
  text-align: center;
  line-height: 1.2em;
}
@media (min-width: 992px) {
  .module_about_team--content {
    top: 0;
    z-index: 21;
    background: none;
  }
  .module_about_team--content p {
    font-size: 1.6rem;
  }
}
.module_about_team--image {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 22;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  transition: opacity 0.3s;
}
.module_about_team--image img {
  max-width: none !important;
}
.module_about_team--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module_about_team--bgimage {
  position: relative;
  height: 100%;
  width: auto;
  opacity: 0.23;
  z-index: 20;
}
.module_about_team--content img {
  height: 100%;
  width: auto;
}

.module_about_team--dropdown {
  position: sticky;
  top: 0;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 316px;
  margin: 0 auto;
  background-color: #00BFB3;
  background-color: var(--green);
  color: #FFFFFF;
  color: var(--white);
  position: relative;
  border-radius: 0.5rem;
}
.module_about_team--dropdown:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='fill: white' %3E %3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'%2F%3E%3C%2Fsvg%3E");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  z-index: 10;
}
.module_about_team--dropdown:after {
  position: absolute;
  top: 0.5rem;
  right: 54px;
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 1rem);
  background-color: #FFFFFF;
  background-color: var(--white);
  opacity: 0.1;
  z-index: 10;
}
.module_about_team--dropdown select {
  position: relative;
  z-index: 20;
  width: 100%;
  padding: 1.5rem calc(54px + 1.5rem) 1.5rem 1.5rem;
  border: none;
  background-color: transparent;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

.module_tiles {
  padding: 4rem 0;
}
.module_tiles.extra-padding {
  padding: 38rem 0 4rem;
}
.module_tiles--title {
  margin: 0 0 4rem;
}
.module_tiles--grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.module_tiles--tile {
  border-radius: 2.4rem;
  overflow: hidden;
  position: relative;
  flex: 1 1 100%;
  max-width: 100%;
  min-width: 200px;
  max-height: 400px;
}
.module_tiles--tile:hover .module_tiles--image img {
  transform: scale(1.2);
  transition: all 0.2s ease;
}
.module_tiles--service {
  position: absolute;
  z-index: 21;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.6rem;
  font-weight: 600;
  color: #FFFFFF;
  color: var(--white);
  text-align: center;
  background: rgba(0, 45, 60, 0.57);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(55, 55, 55, 0.57)), color-stop(70%, rgba(0, 45, 60, 0.57)), to(rgba(0, 68, 91, 0.57)));
  background: linear-gradient(0deg, rgba(55, 55, 55, 0.57) 0%, rgba(0, 45, 60, 0.57) 70%, rgba(0, 68, 91, 0.57) 100%);
  line-height: 1.2em;
}
.module_tiles--service:hover {
  color: #FFFFFF;
  color: var(--white);
}
.module_tiles--image {
  position: relative;
  z-index: 20;
  width: 100%;
  height: 100%;
}
.module_tiles--image img {
  max-width: none !important;
}
.module_tiles--image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 450/585;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
@media (min-width: 667px) {
  .module_tiles {
    padding: 6rem 0;
  }
  .module_tiles.extra-padding {
    padding: 38rem 0 6rem;
  }
  .module_tiles--title {
    margin: 0 0 6rem;
  }
  .module_tiles--tile {
    flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
}
@media (min-width: 992px) {
  .module_tiles {
    padding: 8rem 0;
  }
  .module_tiles.extra-padding {
    padding: 19rem 0 8rem;
  }
  .module_tiles--grid {
    justify-content: flex-start;
  }
  .module_tiles--tile {
    flex: 1 1 calc(25% - 1.5rem);
    max-width: calc(25% - 1.5rem);
  }
}
@media (min-width: 1280px) {
  .module_tiles {
    padding: 12rem 0;
  }
  .module_tiles.extra-padding {
    padding: 18rem 0 12rem;
  }
  .module_tiles--tile {
    flex: 1 1 calc(20% - 1.6rem);
    max-width: calc(20% - 1.6rem);
  }
}

.module_timeline--tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 4rem;
}
@media (min-width: 992px) {
  .module_timeline--tabs {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 0;
  }
}
.module_timeline--labels {
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 0;
  gap: 2rem;
}
@media (min-width: 992px) {
  .module_timeline--labels {
    margin-top: 3rem;
    flex-direction: row;
    justify-content: space-between;
  }
}
.module_timeline--tabs-wrapper {
  flex: 1;
}
.module_timeline--line {
  position: absolute;
  left: 22px;
  right: auto;
  top: 13px;
  bottom: 49px;
  width: 4px;
  background: url("https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/lin-v.svg") repeat-y center center;
  z-index: 20;
}
@media (min-width: 992px) {
  .module_timeline--line {
    left: 13px;
    right: 13px;
    top: 13px;
    bottom: auto;
    width: auto;
    height: 4px;
    background: url("https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/lin-svg.svg") repeat-x center center;
    z-index: 20;
  }
}
.module_timeline--label {
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 30;
  display: block;
  width: 48px;
  padding-top: 36px;
}
.module_timeline--label--dotbg1 {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -15px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 9999px;
  background: #CCF2F0;
  background: var(--green-light);
  z-index: 30;
}
.module_timeline--label--dotbg2 {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -15px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 9999px;
  background: rgba(0, 191, 179, 0.7);
  z-index: 40;
}
.module_timeline--label--dot {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  margin-left: -15px;
  width: 30px;
  height: 30px;
  border-radius: 9999px;
  background: #BCBCBC;
  z-index: 50;
}
.module_timeline--label--title {
  font-weight: 600;
  color: #BCBCBC;
  font-size: 2rem;
  transition: color 0.2s;
}
.module_timeline--label:hover .module_timeline--label--dotbg1, .module_timeline--label[\:has\(.is-active\)] .module_timeline--label--dotbg1 {
  transform: scale(1.6);
  transition: all 0.3s;
  transition-delay: 0.2s;
}
.module_timeline--label:hover .module_timeline--label--dotbg1, .module_timeline--label[\:has\(.is-active\)] .module_timeline--label--dotbg1 {
  transform: scale(1.6);
  transition: all 0.3s;
  transition-delay: 0.2s;
}
.module_timeline--label:hover .module_timeline--label--dotbg1, .module_timeline--label:has(.is-active) .module_timeline--label--dotbg1 {
  transform: scale(1.6);
  transition: all 0.3s;
  transition-delay: 0.2s;
}
.module_timeline--label:hover .module_timeline--label--dotbg2, .module_timeline--label[\:has\(.is-active\)] .module_timeline--label--dotbg2 {
  transform: scale(1.3);
  transition: all 0.3s;
  transition-delay: 0.1s;
}
.module_timeline--label:hover .module_timeline--label--dotbg2, .module_timeline--label[\:has\(.is-active\)] .module_timeline--label--dotbg2 {
  transform: scale(1.3);
  transition: all 0.3s;
  transition-delay: 0.1s;
}
.module_timeline--label:hover .module_timeline--label--dotbg2, .module_timeline--label:has(.is-active) .module_timeline--label--dotbg2 {
  transform: scale(1.3);
  transition: all 0.3s;
  transition-delay: 0.1s;
}
.module_timeline--label:hover .module_timeline--label--dot, .module_timeline--label[\:has\(.is-active\)] .module_timeline--label--dot {
  background: #00BFB3;
  background: var(--green);
  transition: all 0.3s;
  transition-delay: 0s;
}
.module_timeline--label:hover .module_timeline--label--dot, .module_timeline--label[\:has\(.is-active\)] .module_timeline--label--dot {
  background: #00BFB3;
  background: var(--green);
  transition: all 0.3s;
  transition-delay: 0s;
}
.module_timeline--label:hover .module_timeline--label--dot, .module_timeline--label[\:has\(.is-active\)] .module_timeline--label--dot {
  background: #00BFB3;
  background: var(--green);
  transition: all 0.3s;
  transition-delay: 0s;
}
.module_timeline--label:hover .module_timeline--label--dot, .module_timeline--label[\:has\(.is-active\)] .module_timeline--label--dot {
  background: #00BFB3;
  background: var(--green);
  transition: all 0.3s;
  transition-delay: 0s;
}
.module_timeline--label:hover .module_timeline--label--dot, .module_timeline--label:has(.is-active) .module_timeline--label--dot {
  background: #00BFB3;
  background: var(--green);
  transition: all 0.3s;
  transition-delay: 0s;
}
.module_timeline--label:hover .module_timeline--label--title, .module_timeline--label[\:has\(.is-active\)] .module_timeline--label--title {
  color: #00BFB3;
  color: var(--green);
}
.module_timeline--label:hover .module_timeline--label--title, .module_timeline--label[\:has\(.is-active\)] .module_timeline--label--title {
  color: #00BFB3;
  color: var(--green);
}
.module_timeline--label:hover .module_timeline--label--title, .module_timeline--label[\:has\(.is-active\)] .module_timeline--label--title {
  color: #00BFB3;
  color: var(--green);
}
.module_timeline--label:hover .module_timeline--label--title, .module_timeline--label[\:has\(.is-active\)] .module_timeline--label--title {
  color: #00BFB3;
  color: var(--green);
}
.module_timeline--label:hover .module_timeline--label--title, .module_timeline--label:has(.is-active) .module_timeline--label--title {
  color: #00BFB3;
  color: var(--green);
}
.module_timeline--tab {
  display: none;
  flex: 1;
}
.module_timeline--tab.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (min-width: 992px) {
  .module_timeline--tab.is-active {
    flex-direction: row;
    gap: 4rem;
  }
}
.module_timeline--tab--highlight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex: 1;
  justify-content: center;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .module_timeline--tab--highlight {
    max-width: 50%;
  }
}
.module_timeline--tab--highlight--image {
  width: 100%;
  aspect-ratio: 16/10;
  background: #E5EAEB;
  background: var(--midnight-light);
  border-radius: 1rem;
  overflow: hidden;
}
.module_timeline--tab--highlight--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module_timeline--tab--highlight--content--title {
  color: #00BFB3;
  color: var(--green);
  font-weight: 600;
  font-size: 2.4rem;
  margin: 0 0 0.5rem 0;
}
.module_timeline--tab--highlight--content--summary {
  font-size: 1.4rem;
}
.module_timeline--tab--highlight--content--summary p:last-of-type {
  margin-bottom: 0;
}
.module_timeline--tab--highlight.highlight-1 .module_timeline--tab--highlight--image {
  transform: rotate(5deg);
}
.module_timeline--tab--highlight.highlight-2 .module_timeline--tab--highlight--image {
  transform: rotate(-5deg);
}
.module_timeline--tab--highlight.highlight-3 .module_timeline--tab--highlight--image {
  transform: rotate(2deg);
}
.module_timeline--tab--highlight.highlight-4 .module_timeline--tab--highlight--image {
  transform: rotate(-3deg);
}
.module_timeline--tab--highlight.highlight-2, .module_timeline--tab--highlight.highlight-4 {
  flex-direction: column;
}
@media (min-width: 992px) {
  .module_timeline--tab--highlight.highlight-2, .module_timeline--tab--highlight.highlight-4 {
    flex-direction: column-reverse;
  }
}
.module_timeline--tab--highlight.highlight-2 .module_timeline--tab--highlight--image, .module_timeline--tab--highlight.highlight-4 .module_timeline--tab--highlight--image {
  transform: rotate(-5deg);
}

.module_timeline--wrapper {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgb(255, 255, 255)));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.module_timeline--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 667px) {
  .module_timeline--content {
    flex-direction: column-reverse;
    gap: 4rem;
  }
}
.module_timeline--content .timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 200%;
  transition: transform 0.5s ease;
}
@media (min-width: 667px) {
  .module_timeline--content .timeline {
    width: 100%;
  }
}
.module_timeline--content .timeline--line {
  position: absolute;
  left: 26px;
  right: 26px;
  top: 26px;
  bottom: auto;
  width: auto;
  height: 4px;
  background: url("https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/lin-svg.svg") repeat-x center center;
  z-index: 20;
}
.module_timeline--content .timeline--date {
  cursor: pointer;
  padding: 1.5rem 1rem;
}
.module_timeline--content .timeline--date--dot {
  position: relative;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 9999px;
  background: #002D3C;
  background: var(--midnight);
  z-index: 30;
  margin: 0 auto;
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.module_timeline--content .timeline--date--dot:before, .module_timeline--content .timeline--date--dot:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 9999px;
  background: #BCBCBC;
  z-index: 40;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.module_timeline--content .timeline--date--title {
  margin-top: 1rem;
  font-weight: 600;
  color: #002D3C;
  color: var(--midnight);
  text-align: center;
  transition: color 0.3s;
}
.module_timeline--content .timeline--date:hover .timeline--date--dot {
  background: #00BFB3;
  background: var(--green);
}
.module_timeline--content .timeline--date:hover .timeline--date--title {
  color: #00BFB3;
  color: var(--green);
}
.module_timeline--content .timeline--date.active .timeline--date--dot {
  background: #00BFB3;
  background: var(--green);
  animation: breathing 5s infinite normal;
}
.module_timeline--content .timeline--date.active .timeline--date--dot:before, .module_timeline--content .timeline--date.active .timeline--date--dot:after {
  background: #00BFB3;
  background: var(--green);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.module_timeline--content .timeline--date.active .timeline--date--dot:before {
  transition-delay: 0.1s;
  transform: translate(-50%, -50%) scale(1.5);
  opacity: 0.6;
  animation: breathing2 5s infinite normal;
  animation-delay: 0.2s;
}
.module_timeline--content .timeline--date.active .timeline--date--dot:after {
  transition-delay: 0.2s;
  transform: translate(-50%, -50%) scale(2);
  opacity: 0.3;
  animation: breathing3 5s infinite normal;
  animation-delay: 0.4s;
}
.module_timeline--content .timeline--date.active .timeline--date--title {
  color: #00BFB3;
  color: var(--green);
}
.module_timeline--content .timeline--content {
  width: 100%;
  padding: 2rem 0;
  position: relative;
  height: auto;
}
@media (min-width: 667px) {
  .module_timeline--content .timeline--content {
    height: 395px;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .module_timeline--content .timeline--content {
    height: 535px;
  }
}
.module_timeline--content .timeline--content--tab {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 6rem;
}
@media (min-width: 667px) {
  .module_timeline--content .timeline--content--tab {
    flex-direction: row;
    gap: 3rem;
  }
}
@media (min-width: 992px) {
  .module_timeline--content .timeline--content--tab {
    flex-direction: row;
    gap: 6rem;
  }
}
.module_timeline--content .timeline--content--tab.active {
  position: static;
  opacity: 1;
  z-index: 21;
}
@media (min-width: 667px) {
  .module_timeline--content .timeline--content--tab.active {
    position: absolute;
  }
}
.module_timeline--content .timeline--content--tab.active .timeline--content--tab--highlight {
  transform: translate(0, 0) scale(1);
  opacity: 1;
  transition: all 0.5s;
}
.module_timeline--content .timeline--content--tab.active .timeline--content--tab--highlight.highlight-2 {
  transition-delay: 0.2s;
}
.module_timeline--content .timeline--content--tab.active .timeline--content--tab--highlight.highlight-3 {
  transition-delay: 0.4s;
}
.module_timeline--content .timeline--content--tab.active .timeline--content--tab--highlight.highlight-4 {
  transition-delay: 0.6s;
}
.module_timeline--content .timeline--content--tab--highlight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex: 1;
  justify-content: center;
  max-width: 500px;
  width: 90%;
  margin: 0 auto;
  transform: translate(-10%, 0) scale(0.8);
  opacity: 0;
  transition: all 0.5s;
}
@media (min-width: 667px) {
  .module_timeline--content .timeline--content--tab--highlight {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .module_timeline--content .timeline--content--tab--highlight {
    max-width: 50%;
  }
}
.module_timeline--content .timeline--content--tab--highlight--image {
  width: 100%;
  aspect-ratio: 16/10;
  background: #E5EAEB;
  background: var(--midnight-light);
  border-radius: 1rem;
  overflow: hidden;
}
.module_timeline--content .timeline--content--tab--highlight--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module_timeline--content .timeline--content--tab--highlight--content--title {
  color: #00BFB3;
  color: var(--green);
  font-weight: 600;
  font-size: 1.8rem;
  margin: 0 0 0.5rem 0;
}
@media (min-width: 667px) {
  .module_timeline--content .timeline--content--tab--highlight--content--title {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .module_timeline--content .timeline--content--tab--highlight--content--title {
    font-size: 2.4rem;
  }
}
.module_timeline--content .timeline--content--tab--highlight--content--summary {
  font-size: 1.4rem;
}
.module_timeline--content .timeline--content--tab--highlight--content--summary p:last-of-type {
  margin-bottom: 0;
}
.module_timeline--content .timeline--content--tab--highlight.highlight-1 .timeline--content--tab--highlight--image {
  transform: rotate(2.5deg);
}
@media (min-width: 667px) {
  .module_timeline--content .timeline--content--tab--highlight.highlight-1 .timeline--content--tab--highlight--image {
    transform: rotate(5deg);
  }
}
.module_timeline--content .timeline--content--tab--highlight.highlight-2 .timeline--content--tab--highlight--image {
  transform: rotate(-2.5deg);
}
@media (min-width: 667px) {
  .module_timeline--content .timeline--content--tab--highlight.highlight-2 .timeline--content--tab--highlight--image {
    transform: rotate(-5deg);
  }
}
.module_timeline--content .timeline--content--tab--highlight.highlight-3 .timeline--content--tab--highlight--image {
  transform: rotate(2.5deg);
}
@media (min-width: 667px) {
  .module_timeline--content .timeline--content--tab--highlight.highlight-3 .timeline--content--tab--highlight--image {
    transform: rotate(5deg);
  }
}
.module_timeline--content .timeline--content--tab--highlight.highlight-4 .timeline--content--tab--highlight--image {
  transform: rotate(-2.5deg);
}
@media (min-width: 667px) {
  .module_timeline--content .timeline--content--tab--highlight.highlight-4 .timeline--content--tab--highlight--image {
    transform: rotate(-5deg);
  }
}
.module_timeline--content .timeline--content--tab--highlight.highlight-2, .module_timeline--content .timeline--content--tab--highlight.highlight-4 {
  flex-direction: column;
}
@media (min-width: 667px) {
  .module_timeline--content .timeline--content--tab--highlight.highlight-2, .module_timeline--content .timeline--content--tab--highlight.highlight-4 {
    flex-direction: column-reverse;
  }
}

@keyframes breathing {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  60% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes breathing2 {
  0% {
    transform: translate(-50%, -50%) scale(1.5);
  }
  35% {
    transform: translate(-50%, -50%) scale(1.6);
  }
  70% {
    transform: translate(-50%, -50%) scale(1.5);
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
  }
}
@keyframes breathing3 {
  0% {
    transform: translate(-50%, -50%) scale(2);
  }
  45% {
    transform: translate(-50%, -50%) scale(2.1);
  }
  80% {
    transform: translate(-50%, -50%) scale(2);
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
  }
}
.module_tools {
  padding: 6rem 0;
}
.module_tools--header {
  margin-bottom: 2rem;
}
.module_tools--title {
  color: #002D3C;
  color: var(--midnight);
}
.module_tools--content {
  flex-direction: column;
}
.module_tools--content .module-homepage-tools_list-item-link {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.module_tools--slider {
  display: none;
  flex: 1;
  min-width: 0;
}
.module_tools--slider .swiper {
  height: 200px;
  padding-bottom: 20px;
}
.module_tools--slider .swiper .swiper-slide {
  border-radius: 1.6rem;
  overflow: hidden;
  position: relative;
}
.module_tools--slider .swiper .swiper-slide figure {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.module_tools--slider .swiper .swiper-slide figure img {
  height: 100% !important;
}
.module_tools--slider .swiper .swiper-slide figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module_tools--slider .swiper .swiper-slide span {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  font-size: 2.6rem;
  color: #FFFFFF;
  color: var(--white);
  font-weight: bold;
  z-index: 25;
}
.module_tools--slider .swiper .swiper-slide .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0, 191, 179);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 191, 179, 0.65)), to(rgba(0, 191, 179, 0)));
  background: linear-gradient(0deg, rgba(0, 191, 179, 0.65) 0%, rgba(0, 191, 179, 0) 100%);
}
.module_tools--slider .swiper .swiper-pagination {
  bottom: -8px;
}
.module_tools--slider .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #00BFB3;
  background: var(--green);
}
@media (min-width: 667px) {
  .module_tools {
    padding: 8rem 0;
  }
  .module_tools--header {
    margin-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .module_tools {
    padding: 10rem 0;
  }
  .module_tools--header {
    margin-bottom: 4rem;
  }
  .module_tools--content {
    flex-direction: row;
  }
  .module_tools--list {
    flex: 1;
  }
  .module_tools--slider {
    display: block;
  }
  .module_tools--slider .swiper {
    height: 100%;
  }
  .module_tools--slider .swiper .swiper-slide span {
    bottom: 4rem;
    left: 4rem;
    font-size: 3.2rem;
  }
}
@media (min-width: 1280px) {
  .module_tools {
    padding: 12rem 0;
  }
  .module_tools--header {
    margin-bottom: 6rem;
  }
}

.tool-swiper {
  overflow: hidden;
}
.tool-swiper .swiper-slide {
  aspect-ratio: 6/4;
  border-radius: 1.6rem;
  overflow: hidden;
}
.tool-swiper .swiper-slide figure {
  width: 100%;
  height: 100%;
}
.tool-swiper .swiper-slide figure img {
  height: 100% !important;
}
.tool-swiper .swiper-slide figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tool-swiper .swiper-pagination {
  position: static;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
  padding-top: 2rem;
}
.tool-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 !important;
}
.tool-swiper .swiper-pagination .swiper-pagination-bullet {
  display: block;
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 1.6rem;
  border: 1px solid #ededed;
  padding: 2rem;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.7rem;
  opacity: 1;
}
.tool-swiper .swiper-pagination .swiper-pagination-bullet h3 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #00BFB3;
  color: var(--green);
  margin: 0;
}
.tool-swiper .swiper-pagination .swiper-pagination-bullet p {
  font-size: 1.4rem;
  line-height: 1.2em;
  color: #002D3C;
  color: var(--midnight);
  margin: 0;
}
.tool-swiper .swiper-pagination .swiper-pagination-bullet:hover, .tool-swiper .swiper-pagination .swiper-pagination-bullet-active {
  border: 1px solid #00BFB3;
  border: 1px solid var(--green);
}
.tool-swiper .swiper-pagination .swiper-pagination-bullet a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: #002D3C;
  color: var(--midnight);
  font-weight: bold;
  line-height: 1em;
  margin-top: auto;
}
.tool-swiper .swiper-pagination .swiper-pagination-bullet a:hover {
  color: #00BFB3;
  color: var(--green);
  fill: #00BFB3;
  fill: var(--green);
}
@media (min-width: 992px) {
  .tool-swiper {
    padding-left: calc(50% + 2rem);
    position: relative;
  }
  .tool-swiper .swiper-slide {
    aspect-ratio: unset;
    height: 800px;
  }
  .tool-swiper .swiper-pagination {
    bottom: 0 !important;
    width: calc(50% + 2rem) !important;
  }
  .tool-swiper .swiper-pagination {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    padding: 0 2rem 0 0;
  }
}
@media (min-width: 1280px) {
  .tool-swiper {
    padding-left: calc(50% + 4rem);
  }
  .tool-swiper .swiper-slide {
    aspect-ratio: unset;
    height: 910px;
  }
  .tool-swiper .swiper-pagination {
    width: calc(50% + 4rem) !important;
  }
  .tool-swiper .swiper-pagination {
    padding: 0 4rem 0 0;
  }
  .tool-swiper .swiper-pagination .swiper-pagination-bullet {
    padding: 2rem;
    gap: 1rem;
  }
  .tool-swiper .swiper-pagination .swiper-pagination-bullet h3 {
    font-size: 2.4rem;
  }
  .tool-swiper .swiper-pagination .swiper-pagination-bullet p {
    font-size: 1.6rem;
    line-height: 1.4em;
  }
  .tool-swiper .swiper-pagination .swiper-pagination-bullet a {
    font-size: 1.8rem;
  }
  .tool-swiper .swiper-pagination .swiper-pagination-bullet:hover, .tool-swiper .swiper-pagination .swiper-pagination-bullet-active {
    border: 1px solid #00BFB3;
    border: 1px solid var(--green);
  }
}

.module_video {
  position: relative;
}
.module_video .container {
  position: relative;
  z-index: 20;
}
.module_video .container .button--primary {
  background: #00BFB3;
  background: var(--green);
  color: #002D3C;
  color: var(--midnight);
  border-color: #00BFB3;
  border-color: var(--green);
}
.module_video .container .button--primary:hover, .module_video .container .button--primary.active {
  background: #FFFFFF;
  background: var(--white);
  border-color: #FFFFFF;
  border-color: var(--white);
  color: #002D3C;
  color: var(--midnight);
}
.module_video .container .button--tertiary {
  background: transparent;
  color: #00BFB3;
  color: var(--green);
  border-color: #00BFB3;
  border-color: var(--green);
}
.module_video .container .button--tertiary:hover, .module_video .container .button--tertiary.active {
  background: transparent;
  color: #FFFFFF;
  color: var(--white);
  border-color: #FFFFFF;
  border-color: var(--white);
}
.module_video--bgshape {
  position: absolute;
  bottom: -4rem;
  left: 0;
  z-index: 10;
  background: grey;
  aspect-ratio: 12/12;
  height: calc(100% - 22rem);
  background: url(https://6784373.fs1.hubspotusercontent-na1.net/hubfs/6784373/overlay-shape-left.png) no-repeat 0 0;
  background-size: cover;
}

.hubspot-grader-form-container {
  position: relative;
  border-radius: 16px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding-top: 180px;
  background-color: #fff;
  z-index: 1;
}

.hubspot-grader-form__header h1 {
  display: none;
}

#hs-roi-calculator-embed {
  overflow: hidden !important;
  height: auto !important;
}

#hs-roi-calculator-embed {
  width: 100%;
}

#hs-roi-calculator-embed iframe {
  height: 100vh !important;
}

#hs-roi-calculator-embed iframe {
  width: 100%; /* Adjust this as needed to fit the screen */
  border: 0;
}