<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Version: 2.5.0 - Generated 2023-06-16 19:04:31 */
body {
  font-size: 2rem;
  font-size: calc(1.2rem + (0.4 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.2rem, calc(0.4166666667vw + 1.0666666667rem), 1.6rem);
  line-height: 1.4;
}
.ct-section-inner-wrap {
  padding: 6rem 2.4rem;
  padding: calc(5.4rem + (5.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
  padding: clamp(5.4rem, calc(6.0416666667vw + 3.4666666667rem), 11.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.oxy-header-container {
  padding-inline: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
*:focus, button:focus {
  outline-style: solid;
  outline-color: var(--primary);
  outline-inline-size: 0.2rem;
  outline-offset: 0.25em;
}
*:focus:not(:focus-visible), button:focus:not(:focus-visible) {
  outline: none;
}
/*Disables focus on finger touch for mobile devices*/
:focus:not(:focus-visible) {
  outline: none;
}
*:focus.focus--action {
  outline-color: var(--action);
}
.focus--action *:focus {
  outline-color: var(--action);
}
*:focus.focus--action-hover {
  outline-color: var(--action-hover);
}
.focus--action-hover *:focus {
  outline-color: var(--action-hover);
}
*:focus.focus--action-ultra-light {
  outline-color: var(--action-ultra-light);
}
.focus--action-ultra-light *:focus {
  outline-color: var(--action-ultra-light);
}
*:focus.focus--action-light {
  outline-color: var(--action-light);
}
.focus--action-light *:focus {
  outline-color: var(--action-light);
}
*:focus.focus--action-medium {
  outline-color: var(--action-medium);
}
.focus--action-medium *:focus {
  outline-color: var(--action-medium);
}
*:focus.focus--action-dark {
  outline-color: var(--action-dark);
}
.focus--action-dark *:focus {
  outline-color: var(--action-dark);
}
*:focus.focus--action-ultra-dark {
  outline-color: var(--action-ultra-dark);
}
.focus--action-ultra-dark *:focus {
  outline-color: var(--action-ultra-dark);
}
*:focus.focus--action-comp {
  outline-color: var(--action-comp);
}
.focus--action-comp *:focus {
  outline-color: var(--action-comp);
}
*:focus.focus--primary {
  outline-color: var(--primary);
}
.focus--primary *:focus {
  outline-color: var(--primary);
}
*:focus.focus--primary-hover {
  outline-color: var(--primary-hover);
}
.focus--primary-hover *:focus {
  outline-color: var(--primary-hover);
}
*:focus.focus--primary-ultra-light {
  outline-color: var(--primary-ultra-light);
}
.focus--primary-ultra-light *:focus {
  outline-color: var(--primary-ultra-light);
}
*:focus.focus--primary-light {
  outline-color: var(--primary-light);
}
.focus--primary-light *:focus {
  outline-color: var(--primary-light);
}
*:focus.focus--primary-medium {
  outline-color: var(--primary-medium);
}
.focus--primary-medium *:focus {
  outline-color: var(--primary-medium);
}
*:focus.focus--primary-dark {
  outline-color: var(--primary-dark);
}
.focus--primary-dark *:focus {
  outline-color: var(--primary-dark);
}
*:focus.focus--primary-ultra-dark {
  outline-color: var(--primary-ultra-dark);
}
.focus--primary-ultra-dark *:focus {
  outline-color: var(--primary-ultra-dark);
}
*:focus.focus--primary-comp {
  outline-color: var(--primary-comp);
}
.focus--primary-comp *:focus {
  outline-color: var(--primary-comp);
}
*:focus.focus--secondary {
  outline-color: var(--secondary);
}
.focus--secondary *:focus {
  outline-color: var(--secondary);
}
*:focus.focus--secondary-hover {
  outline-color: var(--secondary-hover);
}
.focus--secondary-hover *:focus {
  outline-color: var(--secondary-hover);
}
*:focus.focus--secondary-ultra-light {
  outline-color: var(--secondary-ultra-light);
}
.focus--secondary-ultra-light *:focus {
  outline-color: var(--secondary-ultra-light);
}
*:focus.focus--secondary-light {
  outline-color: var(--secondary-light);
}
.focus--secondary-light *:focus {
  outline-color: var(--secondary-light);
}
*:focus.focus--secondary-medium {
  outline-color: var(--secondary-medium);
}
.focus--secondary-medium *:focus {
  outline-color: var(--secondary-medium);
}
*:focus.focus--secondary-dark {
  outline-color: var(--secondary-dark);
}
.focus--secondary-dark *:focus {
  outline-color: var(--secondary-dark);
}
*:focus.focus--secondary-ultra-dark {
  outline-color: var(--secondary-ultra-dark);
}
.focus--secondary-ultra-dark *:focus {
  outline-color: var(--secondary-ultra-dark);
}
*:focus.focus--secondary-comp {
  outline-color: var(--secondary-comp);
}
.focus--secondary-comp *:focus {
  outline-color: var(--secondary-comp);
}
*:focus.focus--accent {
  outline-color: var(--accent);
}
.focus--accent *:focus {
  outline-color: var(--accent);
}
*:focus.focus--accent-hover {
  outline-color: var(--accent-hover);
}
.focus--accent-hover *:focus {
  outline-color: var(--accent-hover);
}
*:focus.focus--accent-ultra-light {
  outline-color: var(--accent-ultra-light);
}
.focus--accent-ultra-light *:focus {
  outline-color: var(--accent-ultra-light);
}
*:focus.focus--accent-light {
  outline-color: var(--accent-light);
}
.focus--accent-light *:focus {
  outline-color: var(--accent-light);
}
*:focus.focus--accent-medium {
  outline-color: var(--accent-medium);
}
.focus--accent-medium *:focus {
  outline-color: var(--accent-medium);
}
*:focus.focus--accent-dark {
  outline-color: var(--accent-dark);
}
.focus--accent-dark *:focus {
  outline-color: var(--accent-dark);
}
*:focus.focus--accent-ultra-dark {
  outline-color: var(--accent-ultra-dark);
}
.focus--accent-ultra-dark *:focus {
  outline-color: var(--accent-ultra-dark);
}
*:focus.focus--accent-comp {
  outline-color: var(--accent-comp);
}
.focus--accent-comp *:focus {
  outline-color: var(--accent-comp);
}
*:focus.focus--base {
  outline-color: var(--base);
}
.focus--base *:focus {
  outline-color: var(--base);
}
*:focus.focus--base-hover {
  outline-color: var(--base-hover);
}
.focus--base-hover *:focus {
  outline-color: var(--base-hover);
}
*:focus.focus--base-ultra-light {
  outline-color: var(--base-ultra-light);
}
.focus--base-ultra-light *:focus {
  outline-color: var(--base-ultra-light);
}
*:focus.focus--base-light {
  outline-color: var(--base-light);
}
.focus--base-light *:focus {
  outline-color: var(--base-light);
}
*:focus.focus--base-medium {
  outline-color: var(--base-medium);
}
.focus--base-medium *:focus {
  outline-color: var(--base-medium);
}
*:focus.focus--base-dark {
  outline-color: var(--base-dark);
}
.focus--base-dark *:focus {
  outline-color: var(--base-dark);
}
*:focus.focus--base-ultra-dark {
  outline-color: var(--base-ultra-dark);
}
.focus--base-ultra-dark *:focus {
  outline-color: var(--base-ultra-dark);
}
*:focus.focus--base-comp {
  outline-color: var(--base-comp);
}
.focus--base-comp *:focus {
  outline-color: var(--base-comp);
}
*:focus.focus--shade {
  outline-color: var(--shade);
}
.focus--shade *:focus {
  outline-color: var(--shade);
}
*:focus.focus--shade-hover {
  outline-color: var(--shade-hover);
}
.focus--shade-hover *:focus {
  outline-color: var(--shade-hover);
}
*:focus.focus--shade-ultra-light {
  outline-color: var(--shade-ultra-light);
}
.focus--shade-ultra-light *:focus {
  outline-color: var(--shade-ultra-light);
}
*:focus.focus--shade-light {
  outline-color: var(--shade-light);
}
.focus--shade-light *:focus {
  outline-color: var(--shade-light);
}
*:focus.focus--shade-medium {
  outline-color: var(--shade-medium);
}
.focus--shade-medium *:focus {
  outline-color: var(--shade-medium);
}
*:focus.focus--shade-dark {
  outline-color: var(--shade-dark);
}
.focus--shade-dark *:focus {
  outline-color: var(--shade-dark);
}
*:focus.focus--shade-ultra-dark {
  outline-color: var(--shade-ultra-dark);
}
.focus--shade-ultra-dark *:focus {
  outline-color: var(--shade-ultra-dark);
}
*:focus.focus--shade-comp {
  outline-color: var(--shade-comp);
}
.focus--shade-comp *:focus {
  outline-color: var(--shade-comp);
}
*:focus.focus--white {
  outline-color: var(--white);
}
.focus--white *:focus {
  outline-color: var(--white);
}
*:focus.focus--black {
  outline-color: var(--black);
}
.focus--black *:focus {
  outline-color: var(--black);
}
body.ct_inner div#ct-builder div.ct-component.ct-inner-content-workarea .hidden-accessible {
  position: relative !important;
  inline-size: 20px !important;
  block-size: auto !important;
  margin: 0;
  line-height: 1;
  visibility: hidden;
}
body.ct_inner div#ct-builder div.ct-component.ct-inner-content-workarea .hidden-accessible::before {
  content: "A";
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  background: #111;
  color: #f5f5f5;
  font-size: max(60%, 13px);
  padding: 0.5em;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 20px;
  block-size: 20px;
  visibility: visible;
  border-radius: 50%;
}
.link--skip, .ct-link-text.link--skip {
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-start: 1rem;
  transform: translateY(-250%);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  background: var(--action);
  color: var(--action-ultra-light);
  text-align: center;
}
.link--skip:focus, .ct-link-text.link--skip:focus {
  transform: translateY(0);
}
.clickable-parent {
  position: static;
}
.clickable-parent a {
  position: static;
}
.clickable-parent::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
}
.text--action {
  color: var(--action);
}
.text--action-hover {
  color: var(--action-hover);
}
.text--action-ultra-light {
  color: var(--action-ultra-light);
}
.text--action-light {
  color: var(--action-light);
}
.text--action-medium {
  color: var(--action-medium);
}
.text--action-dark {
  color: var(--action-dark);
}
.text--action-ultra-dark {
  color: var(--action-ultra-dark);
}
.text--action-comp {
  color: var(--action-comp);
}
.text--primary {
  color: var(--primary);
}
.text--primary-hover {
  color: var(--primary-hover);
}
.text--primary-ultra-light {
  color: var(--primary-ultra-light);
}
.text--primary-light {
  color: var(--primary-light);
}
.text--primary-medium {
  color: var(--primary-medium);
}
.text--primary-dark {
  color: var(--primary-dark);
}
.text--primary-ultra-dark {
  color: var(--primary-ultra-dark);
}
.text--primary-comp {
  color: var(--primary-comp);
}
.text--secondary {
  color: var(--secondary);
}
.text--secondary-hover {
  color: var(--secondary-hover);
}
.text--secondary-ultra-light {
  color: var(--secondary-ultra-light);
}
.text--secondary-light {
  color: var(--secondary-light);
}
.text--secondary-medium {
  color: var(--secondary-medium);
}
.text--secondary-dark {
  color: var(--secondary-dark);
}
.text--secondary-ultra-dark {
  color: var(--secondary-ultra-dark);
}
.text--secondary-comp {
  color: var(--secondary-comp);
}
.text--accent {
  color: var(--accent);
}
.text--accent-hover {
  color: var(--accent-hover);
}
.text--accent-ultra-light {
  color: var(--accent-ultra-light);
}
.text--accent-light {
  color: var(--accent-light);
}
.text--accent-medium {
  color: var(--accent-medium);
}
.text--accent-dark {
  color: var(--accent-dark);
}
.text--accent-ultra-dark {
  color: var(--accent-ultra-dark);
}
.text--accent-comp {
  color: var(--accent-comp);
}
.text--base {
  color: var(--base);
}
.text--base-hover {
  color: var(--base-hover);
}
.text--base-ultra-light {
  color: var(--base-ultra-light);
}
.text--base-light {
  color: var(--base-light);
}
.text--base-medium {
  color: var(--base-medium);
}
.text--base-dark {
  color: var(--base-dark);
}
.text--base-ultra-dark {
  color: var(--base-ultra-dark);
}
.text--base-comp {
  color: var(--base-comp);
}
.text--shade {
  color: var(--shade);
}
.text--shade-hover {
  color: var(--shade-hover);
}
.text--shade-ultra-light {
  color: var(--shade-ultra-light);
}
.text--shade-light {
  color: var(--shade-light);
}
.text--shade-medium {
  color: var(--shade-medium);
}
.text--shade-dark {
  color: var(--shade-dark);
}
.text--shade-ultra-dark {
  color: var(--shade-ultra-dark);
}
.text--shade-comp {
  color: var(--shade-comp);
}
.text--white {
  color: var(--white);
}
.text--black {
  color: var(--black);
}
.text--xs {
  font-size: 1.26rem;
  font-size: calc(0.768rem + (0.1324501688 * ((100vw - 32rem) / 96)));
  font-size: clamp(0.768rem, calc(0.1379689258vw + 0.7238499437rem), 0.9004501688rem);
}
.text--s {
  font-size: 1.42rem;
  font-size: calc(0.96rem + (0.240300075 * ((100vw - 32rem) / 96)));
  font-size: clamp(0.96rem, calc(0.2503125781vw + 0.879899975rem), 1.200300075rem);
}
.text--m {
  font-size: 1.8rem;
  font-size: calc(1.2rem + (0.4 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.2rem, calc(0.4166666667vw + 1.0666666667rem), 1.6rem);
}
.text--l {
  font-size: 2.025rem;
  font-size: calc(1.5rem + (0.6328 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.5rem, calc(0.6591666667vw + 1.2890666667rem), 2.1328rem);
}
.text--xl {
  font-size: 2.28rem;
  font-size: calc(1.875rem + (0.9680224 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.875rem, calc(1.0083566667vw + 1.5523258667rem), 2.8430224rem);
}
.text--xxl {
  font-size: 2.565rem;
  font-size: calc(2.34375rem + (1.4459988592 * ((100vw - 32rem) / 96)));
  font-size: clamp(2.34375rem, calc(1.5062488117vw + 1.8617503803rem), 3.7897488592rem);
}
.text--xs.text--larger {
  font-size: 1.82rem;
  font-size: calc(1.0752rem + (0.7257003376 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.0752rem, calc(0.7559378517vw + 0.8332998875rem), 1.8009003376rem);
}
.text--s.text--larger {
  font-size: 1.96rem;
  font-size: calc(1.344rem + (1.05660015 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.344rem, calc(1.1006251563vw + 0.99179995rem), 2.40060015rem);
}
.text--m.text--larger {
  font-size: 2.8rem;
  font-size: calc(1.68rem + (1.52 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.68rem, calc(1.5833333333vw + 1.1733333333rem), 3.2rem);
}
.text--l.text--larger {
  font-size: 3.36rem;
  font-size: calc(2.1rem + (2.1656 * ((100vw - 32rem) / 96)));
  font-size: clamp(2.1rem, calc(2.2558333333vw + 1.3781333333rem), 4.2656rem);
}
.text--xl.text--larger {
  font-size: 3.92rem;
  font-size: calc(2.625rem + (3.0610448 * ((100vw - 32rem) / 96)));
  font-size: clamp(2.625rem, calc(3.1885883333vw + 1.6046517333rem), 5.6860448rem);
}
.text--xxl.text--larger {
  font-size: 4.76rem;
  font-size: calc(3.28125rem + (4.2982477184 * ((100vw - 32rem) / 96)));
  font-size: clamp(3.28125rem, calc(4.4773413733vw + 1.8485007605rem), 7.5794977184rem);
}
h1.text--larger {
  font-size: 4.76rem;
  font-size: calc(3.92rem + (7.68 * ((100vw - 32rem) / 96)));
  font-size: clamp(3.92rem, calc(8vw + 1.36rem), 11.6rem);
}
h2.text--larger {
  font-size: 3.92rem;
  font-size: calc(2.8rem + (2.8 * ((100vw - 32rem) / 96)));
  font-size: clamp(2.8rem, calc(2.9166666667vw + 1.8666666667rem), 5.6rem);
}
h3.text--larger {
  font-size: 3.36rem;
  font-size: calc(2.8rem + (1.9988 * ((100vw - 32rem) / 96)));
  font-size: clamp(2.8rem, calc(2.0820833333vw + 2.1337333333rem), 4.7988rem);
}
h4.text--larger {
  font-size: 2.8rem;
  font-size: calc(2.24rem + (1.36 * ((100vw - 32rem) / 96)));
  font-size: clamp(2.24rem, calc(1.4166666667vw + 1.7866666667rem), 3.6rem);
}
h5.text--larger {
  font-size: 1.96rem;
  font-size: calc(1.68rem + (0.72 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.68rem, calc(0.75vw + 1.44rem), 2.4rem);
}
h6.text--larger {
  font-size: 1.82rem;
  font-size: calc(1.54rem + (0.66 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.54rem, calc(0.6875vw + 1.32rem), 2.2rem);
}
.text--100 {
  font-weight: 100;
}
.text--200 {
  font-weight: 200;
}
.text--300 {
  font-weight: 300;
}
.text--400 {
  font-weight: 400;
}
.text--500 {
  font-weight: 500;
}
.text--600 {
  font-weight: 600;
}
.text--700 {
  font-weight: 700;
}
.text--800 {
  font-weight: 800;
}
.text--900 {
  font-weight: 900;
}
.text--bold {
  font-weight: bold;
}
.text--italic {
  font-style: italic;
}
.text--oblique {
  font-style: oblique;
}
.text--decoration-none {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.text--underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.text--underline-wavy {
  -webkit-text-decoration: underline wavy;
  text-decoration: underline wavy;
}
.text--underline-dotted {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.text--underline-double {
  -webkit-text-decoration: underline double;
  text-decoration: underline double;
}
.text--underline-dashed {
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
}
.text--overline {
  -webkit-text-decoration: overline;
  text-decoration: overline;
}
.text--line-through {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.text--transform-none {
  text-transform: none;
}
.text--uppercase {
  text-transform: uppercase;
}
.text--lowercase {
  text-transform: lowercase;
}
.text--capitalize {
  text-transform: capitalize;
}
.text--left {
  text-align: left;
}
.text--center {
  text-align: center;
}
.text--right {
  text-align: right;
}
.text--justify {
  text-align: justify;
}
.ct-span.text--100 {
  font-weight: 100;
}
.ct-span.text--200 {
  font-weight: 200;
}
.ct-span.text--300 {
  font-weight: 300;
}
.ct-span.text--400 {
  font-weight: 400;
}
.ct-span.text--500 {
  font-weight: 500;
}
.ct-span.text--600 {
  font-weight: 600;
}
.ct-span.text--700 {
  font-weight: 700;
}
.ct-span.text--800 {
  font-weight: 800;
}
.ct-span.text--900 {
  font-weight: 900;
}
.ct-span.text--bold {
  font-weight: bold;
}
.ct-span.text--italic {
  font-style: italic;
}
.ct-span.text--oblique {
  font-style: oblique;
}
.ct-span.text--decoration-none {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ct-span.text--underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.ct-span.text--underline-wavy {
  -webkit-text-decoration: underline wavy;
  text-decoration: underline wavy;
}
.ct-span.text--underline-dotted {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.ct-span.text--underline-double {
  -webkit-text-decoration: underline double;
  text-decoration: underline double;
}
.ct-span.text--underline-dashed {
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
}
.ct-span.text--overline {
  -webkit-text-decoration: overline;
  text-decoration: overline;
}
.ct-span.text--line-through {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.ct-span.text--transform-none {
  text-transform: none;
}
.ct-span.text--uppercase {
  text-transform: uppercase;
}
.ct-span.text--lowercase {
  text-transform: lowercase;
}
.ct-span.text--capitalize {
  text-transform: capitalize;
}
.ct-span.text--left {
  text-align: left;
}
.ct-span.text--center {
  text-align: center;
}
.ct-span.text--right {
  text-align: right;
}
.ct-span.text--justify {
  text-align: justify;
}
.center--self {
  margin-left: auto;
  margin-right: auto;
}
.center--all:not(.ct-section), .ct-section.center--all &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: center;
  text-align: center;
}
.center--y:not(.ct-section), .ct-section.center--y &gt; .ct-section-inner-wrap {
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: flex-start;
}
.center--x:not(.ct-section), .ct-section.center--x &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  justify-content: flex-start;
  align-items: center;
}
.center--left:not(.ct-section), .ct-section.center--left &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  text-align: left;
}
.center--right:not(.ct-section), .ct-section.center--right &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-end;
}
.center--top:not(.ct-section), .ct-section.center--top &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  justify-content: flex-start;
  align-items: center;
}
.center--bottom:not(.ct-section), .ct-section.center--bottom &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: flex-end;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 1439px) {
  .center--all-xxl:not(.ct-section), .ct-section.center--all-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-xxl:not(.ct-section), .ct-section.center--y-xxl &gt; .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-xxl:not(.ct-section), .ct-section.center--x-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--left-xxl:not(.ct-section), .ct-section.center--left-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-xxl:not(.ct-section), .ct-section.center--right-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top-xxl:not(.ct-section), .ct-section.center--top-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom-xxl:not(.ct-section), .ct-section.center--bottom-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 1279px) {
  .center--all-xl:not(.ct-section), .ct-section.center--all-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-xl:not(.ct-section), .ct-section.center--y-xl &gt; .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-xl:not(.ct-section), .ct-section.center--x-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--left-xl:not(.ct-section), .ct-section.center--left-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-xl:not(.ct-section), .ct-section.center--right-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top-xl:not(.ct-section), .ct-section.center--top-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom-xl:not(.ct-section), .ct-section.center--bottom-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .center--all-l:not(.ct-section), .ct-section.center--all-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-l:not(.ct-section), .ct-section.center--y-l &gt; .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-l:not(.ct-section), .ct-section.center--x-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--left-l:not(.ct-section), .ct-section.center--left-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-l:not(.ct-section), .ct-section.center--right-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top-l:not(.ct-section), .ct-section.center--top-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom-l:not(.ct-section), .ct-section.center--bottom-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .center--all-m:not(.ct-section), .ct-section.center--all-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-m:not(.ct-section), .ct-section.center--y-m &gt; .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-m:not(.ct-section), .ct-section.center--x-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--left-m:not(.ct-section), .ct-section.center--left-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-m:not(.ct-section), .ct-section.center--right-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top-m:not(.ct-section), .ct-section.center--top-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom-m:not(.ct-section), .ct-section.center--bottom-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 479px) {
  .center--all-s:not(.ct-section), .ct-section.center--all-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-s:not(.ct-section), .ct-section.center--y-s &gt; .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-s:not(.ct-section), .ct-section.center--x-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--left-s:not(.ct-section), .ct-section.center--left-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-s:not(.ct-section), .ct-section.center--right-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top-s:not(.ct-section), .ct-section.center--top-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom-s:not(.ct-section), .ct-section.center--bottom-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 359px) {
  .center--all-xs:not(.ct-section), .ct-section.center--all-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-xs:not(.ct-section), .ct-section.center--y-xs &gt; .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-xs:not(.ct-section), .ct-section.center--x-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--left-xs:not(.ct-section), .ct-section.center--left-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-xs:not(.ct-section), .ct-section.center--right-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top-xs:not(.ct-section), .ct-section.center--top-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom-xs:not(.ct-section), .ct-section.center--bottom-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
.btn--action, .ct-link-button.btn--action {
  background-color: var(--action);
  color: var(--action-ultra-light);
  cursor: pointer;
  border-style: solid;
  border-color: var(--action);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  font-size: 2rem;
  font-size: calc(1.2rem + (0.4 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.2rem, calc(0.4166666667vw + 1.0666666667rem), 1.6rem);
}
.btn--action:hover, .ct-link-button.btn--action:hover {
  background-color: var(--action-hover);
  color: var(--action-ultra-light);
  border-color: var(--action-hover);
  cursor: pointer;
}
.btn--action.btn--outline, .ct-link-button.btn--action.btn--outline {
  background-color: transparent;
  border-style: solid;
  cursor: pointer;
  color: var(--action);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--outline-btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  font-weight: var(--btn-weight);
}
.btn--action.btn--outline:hover, .ct-link-button.btn--action.btn--outline:hover {
  background-color: var(--action-hover);
  color: var(--action-ultra-light);
}
.btn--primary, .ct-link-button.btn--primary {
  background-color: var(--primary);
  color: var(--white);
  cursor: pointer;
  border-style: solid;
  border-color: var(--primary);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  font-size: 2rem;
  font-size: calc(1.2rem + (0.4 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.2rem, calc(0.4166666667vw + 1.0666666667rem), 1.6rem);
}
.btn--primary:hover, .ct-link-button.btn--primary:hover {
  background-color: var(--primary-hover);
  color: var(--white);
  border-color: var(--primary);
  cursor: pointer;
}
.btn--primary.btn--outline, .ct-link-button.btn--primary.btn--outline {
  background-color: transparent;
  border-style: solid;
  cursor: pointer;
  color: var(--white);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--outline-btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  font-weight: var(--btn-weight);
}
.btn--primary.btn--outline:hover, .ct-link-button.btn--primary.btn--outline:hover {
  background-color: var(--primary-hover);
  color: var(--white);
}
.btn--secondary, .ct-link-button.btn--secondary {
  background-color: var(--secondary);
  color: var(--secondary-ultra-light);
  cursor: pointer;
  border-style: solid;
  border-color: var(--secondary);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  font-size: 2rem;
  font-size: calc(1.2rem + (0.4 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.2rem, calc(0.4166666667vw + 1.0666666667rem), 1.6rem);
}
.btn--secondary:hover, .ct-link-button.btn--secondary:hover {
  background-color: var(--secondary-hover);
  color: var(--secondary-ultra-light);
  border-color: var(--secondary-hover);
  cursor: pointer;
}
.btn--secondary.btn--outline, .ct-link-button.btn--secondary.btn--outline {
  background-color: transparent;
  border-style: solid;
  cursor: pointer;
  color: var(--secondary);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--outline-btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  font-weight: var(--btn-weight);
}
.btn--secondary.btn--outline:hover, .ct-link-button.btn--secondary.btn--outline:hover {
  background-color: var(--secondary-hover);
  color: var(--secondary-ultra-light);
}
.btn--accent, .ct-link-button.btn--accent {
  background-color: var(--accent);
  color: var(--accent-ultra-light);
  cursor: pointer;
  border-style: solid;
  border-color: var(--accent);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  font-size: 2rem;
  font-size: calc(1.2rem + (0.4 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.2rem, calc(0.4166666667vw + 1.0666666667rem), 1.6rem);
}
.btn--accent:hover, .ct-link-button.btn--accent:hover {
  background-color: var(--accent-hover);
  color: var(--accent-ultra-light);
  border-color: var(--accent-hover);
  cursor: pointer;
}
.btn--accent.btn--outline, .ct-link-button.btn--accent.btn--outline {
  background-color: transparent;
  border-style: solid;
  cursor: pointer;
  color: var(--accent);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--outline-btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  font-weight: var(--btn-weight);
}
.btn--accent.btn--outline:hover, .ct-link-button.btn--accent.btn--outline:hover {
  background-color: var(--accent-hover);
  color: var(--accent-ultra-light);
}
.btn--base, .ct-link-button.btn--base {
  background-color: var(--base);
  color: var(--base-ultra-light);
  cursor: pointer;
  border-style: solid;
  border-color: var(--base);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  font-size: 2rem;
  font-size: calc(1.2rem + (0.4 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.2rem, calc(0.4166666667vw + 1.0666666667rem), 1.6rem);
}
.btn--base:hover, .ct-link-button.btn--base:hover {
  background-color: var(--base-hover);
  color: var(--base-ultra-light);
  border-color: var(--base-hover);
  cursor: pointer;
}
.btn--base.btn--outline, .ct-link-button.btn--base.btn--outline {
  background-color: transparent;
  border-style: solid;
  cursor: pointer;
  color: var(--base);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--outline-btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  font-weight: var(--btn-weight);
}
.btn--base.btn--outline:hover, .ct-link-button.btn--base.btn--outline:hover {
  background-color: var(--base-hover);
  color: var(--base-ultra-light);
}
.btn--black, .ct-link-button.btn--black {
  background-color: var(--shade-black);
  color: var(--shade-white);
  cursor: pointer;
  border-style: solid;
  border-color: var(--shade-black);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  font-size: 2rem;
  font-size: calc(1.2rem + (0.4 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.2rem, calc(0.4166666667vw + 1.0666666667rem), 1.6rem);
}
.btn--black:hover, .ct-link-button.btn--black:hover {
  background-color: var(--primary-hover);
  color: var(--shade-white);
  border-color: var(--shade-white);
  cursor: pointer;
}
.btn--black.btn--outline, .ct-link-button.btn--black.btn--outline {
  background-color: transparent;
  border-style: solid;
  cursor: pointer;
  color: var(--shade-black);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--outline-btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  font-weight: var(--btn-weight);
}
.btn--black.btn--outline:hover, .ct-link-button.btn--black.btn--outline:hover {
  background-color: var(--primary-hover);
  color: var(--primary-ultra-light);
}
.btn--white, .ct-link-button.btn--white {
  background-color: var(--shade-white);
  color: var(--shade-black);
  cursor: pointer;
  border-style: solid;
  border-color: var(--shade-white);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  font-size: 2rem;
  font-size: calc(1.2rem + (0.4 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.2rem, calc(0.4166666667vw + 1.0666666667rem), 1.6rem);
}
.btn--white:hover, .ct-link-button.btn--white:hover {
  background-color: var(--primary-hover);
  color: var(--shade-white);
  border-color: var(--shade-black);
  cursor: pointer;
}
.btn--white.btn--outline, .ct-link-button.btn--white.btn--outline {
  background-color: transparent;
  border-style: solid;
  cursor: pointer;
  color: var(--shade-white);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--outline-btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  font-weight: var(--btn-weight);
}
.btn--white.btn--outline:hover, .ct-link-button.btn--white.btn--outline:hover {
  background-color: var(--primary-hover);
  color: var(--primary-ultra-light);
}
.btn--xs, .ct-link-button.btn--xs {
  font-size: 1.26rem;
  font-size: calc(0.768rem + (0.1324501688 * ((100vw - 32rem) / 96)));
  font-size: clamp(0.768rem, calc(0.1379689258vw + 0.7238499437rem), 0.9004501688rem);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  cursor: pointer;
}
.btn--s, .ct-link-button.btn--s {
  font-size: 1.42rem;
  font-size: calc(0.96rem + (0.240300075 * ((100vw - 32rem) / 96)));
  font-size: clamp(0.96rem, calc(0.2503125781vw + 0.879899975rem), 1.200300075rem);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  cursor: pointer;
}
.btn--m, .ct-link-button.btn--m {
  font-size: 1.8rem;
  font-size: calc(1.2rem + (0.4 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.2rem, calc(0.4166666667vw + 1.0666666667rem), 1.6rem);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  cursor: pointer;
}
.btn--l, .ct-link-button.btn--l {
  font-size: 2.025rem;
  font-size: calc(1.5rem + (0.6328 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.5rem, calc(0.6591666667vw + 1.2890666667rem), 2.1328rem);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  cursor: pointer;
}
.btn--xl, .ct-link-button.btn--xl {
  font-size: 2.28rem;
  font-size: calc(1.875rem + (0.9680224 * ((100vw - 32rem) / 96)));
  font-size: clamp(1.875rem, calc(1.0083566667vw + 1.5523258667rem), 2.8430224rem);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  cursor: pointer;
}
.btn--xxl, .ct-link-button.btn--xxl {
  font-size: 2.565rem;
  font-size: calc(2.34375rem + (1.4459988592 * ((100vw - 32rem) / 96)));
  font-size: clamp(2.34375rem, calc(1.5062488117vw + 1.8617503803rem), 3.7897488592rem);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  border-width: var(--btn-border-size);
  border-radius: var(--btn-radius);
  text-transform: var(--btn-text-transform);
  -webkit-text-decoration: var(--btn-text-decoration);
  text-decoration: var(--btn-text-decoration);
  letter-spacing: var(--btn-letter-spacing);
  font-weight: var(--btn-weight);
  font-style: var(--btn-text-style);
  min-inline-size: var(--btn-width);
  line-height: var(--btn-line-height);
  justify-content: center;
  cursor: pointer;
}
.ct-video.aspect--1-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
  position: relative;
}
.ct-video.aspect--1-1 &gt; .oxygen-vsb-responsive-video-wrapper {
  padding-block-end: 0 !important;
}
.ct-video.aspect--1-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
  position: relative;
}
.ct-video.aspect--1-2 &gt; .oxygen-vsb-responsive-video-wrapper {
  padding-block-end: 0 !important;
}
.ct-video.aspect--2-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
  position: relative;
}
.ct-video.aspect--2-1 &gt; .oxygen-vsb-responsive-video-wrapper {
  padding-block-end: 0 !important;
}
.ct-video.aspect--2-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
  position: relative;
}
.ct-video.aspect--2-3 &gt; .oxygen-vsb-responsive-video-wrapper {
  padding-block-end: 0 !important;
}
.ct-video.aspect--3-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
  position: relative;
}
.ct-video.aspect--3-2 &gt; .oxygen-vsb-responsive-video-wrapper {
  padding-block-end: 0 !important;
}
.ct-video.aspect--3-4 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
  position: relative;
}
.ct-video.aspect--3-4 &gt; .oxygen-vsb-responsive-video-wrapper {
  padding-block-end: 0 !important;
}
.ct-video.aspect--4-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
  position: relative;
}
.ct-video.aspect--4-3 &gt; .oxygen-vsb-responsive-video-wrapper {
  padding-block-end: 0 !important;
}
.ct-video.aspect--16-9 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
  position: relative;
}
.ct-video.aspect--16-9 &gt; .oxygen-vsb-responsive-video-wrapper {
  padding-block-end: 0 !important;
}
.ct-video.aspect--9-16 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
  position: relative;
}
.ct-video.aspect--9-16 &gt; .oxygen-vsb-responsive-video-wrapper {
  padding-block-end: 0 !important;
}
@media (max-width: 1439px) {
  .aspect--xxl-1-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xxl-1-1 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xxl-1-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xxl-1-2 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xxl-2-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xxl-2-1 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xxl-2-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xxl-2-3 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xxl-3-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xxl-3-2 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xxl-3-4 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xxl-3-4 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xxl-4-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xxl-4-3 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xxl-16-9 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xxl-16-9 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xxl-9-16 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xxl-9-16 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
}
@media (max-width: 1279px) {
  .aspect--xl-1-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xl-1-1 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xl-1-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xl-1-2 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xl-2-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xl-2-1 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xl-2-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xl-2-3 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xl-3-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xl-3-2 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xl-3-4 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xl-3-4 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xl-4-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xl-4-3 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xl-16-9 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xl-16-9 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xl-9-16 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xl-9-16 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
}
@media (max-width: 991px) {
  .aspect--l-1-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--l-1-1 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--l-1-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--l-1-2 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--l-2-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--l-2-1 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--l-2-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--l-2-3 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--l-3-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--l-3-2 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--l-3-4 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--l-3-4 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--l-4-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--l-4-3 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--l-16-9 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--l-16-9 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--l-9-16 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--l-9-16 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
}
@media (max-width: 767px) {
  .aspect--m-1-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--m-1-1 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--m-1-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--m-1-2 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--m-2-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--m-2-1 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--m-2-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--m-2-3 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--m-3-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--m-3-2 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--m-3-4 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--m-3-4 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--m-4-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--m-4-3 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--m-16-9 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--m-16-9 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--m-9-16 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--m-9-16 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
}
@media (max-width: 479px) {
  .aspect--s-1-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--s-1-1 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--s-1-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--s-1-2 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--s-2-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--s-2-1 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--s-2-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--s-2-3 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--s-3-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--s-3-2 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--s-3-4 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--s-3-4 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--s-4-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--s-4-3 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--s-16-9 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--s-16-9 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--s-9-16 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--s-9-16 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
}
@media (max-width: 359px) {
  .aspect--xs-1-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xs-1-1 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xs-1-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xs-1-2 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xs-2-1 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xs-2-1 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xs-2-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xs-2-3 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xs-3-2 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xs-3-2 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xs-3-4 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xs-3-4 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xs-4-3 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xs-4-3 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xs-16-9 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xs-16-9 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
  .aspect--xs-9-16 &gt; .oxygen-vsb-responsive-video-wrapper &gt; iframe {
    position: relative;
  }
  .aspect--xs-9-16 &gt; .oxygen-vsb-responsive-video-wrapper {
    padding-block-end: 0 !important;
  }
}
@media (min-width: 1279px) {
  .breakout--s {
    block-size: 60vw;
    max-block-size: 60vw !important;
    margin-inline: calc(-30vw + 50%);
  }
  .ct-image.breakout--s {
    block-size: 60vw;
    max-block-size: 60vw !important;
    margin-inline: calc(-30vw + 50%);
  }
  .breakout--m {
    block-size: 70vw;
    max-block-size: 70vw !important;
    margin-inline: calc(-35vw + 50%);
  }
  .ct-image.breakout--m {
    block-size: 70vw;
    max-block-size: 70vw !important;
    margin-inline: calc(-35vw + 50%);
  }
  .breakout--l {
    block-size: 80vw;
    max-block-size: 80vw !important;
    margin-inline: calc(-40vw + 50%);
  }
  .ct-image.breakout--l {
    block-size: 80vw;
    max-block-size: 80vw !important;
    margin-inline: calc(-40vw + 50%);
  }
  .breakout--xl {
    block-size: 90vw;
    max-block-size: 90vw !important;
    margin-inline: calc(-45vw + 50%);
  }
  .ct-image.breakout--xl {
    block-size: 90vw;
    max-block-size: 90vw !important;
    margin-inline: calc(-45vw + 50%);
  }
}
.breakout--full {
  block-size: 100vw !important;
  max-block-size: 100vw !important;
  margin-inline: calc(-50vw + 50%) !important;
  align-self: flex-start;
}
.ct-image.breakout--full {
  block-size: 100vw !important;
  max-block-size: 100vw !important;
  margin-inline: calc(-50vw + 50%) !important;
  align-self: flex-start;
}
@media (max-width: 1279px) {
  [class*="breakout--"]:not(.breakout--full) {
    block-size: 100% !important;
    max-block-size: 100% !important;
    margin-inline: 0;
  }
}
.flex-grid--1:not(.ct-section), .ct-section.flex-grid--1 &gt; .ct-section-inner-wrap {
  --gap: var(--grid-gap);
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.flex-grid--1:not(.ct-section) &gt; *, .ct-section.flex-grid--1 &gt; .ct-section-inner-wrap &gt; * {
  width: 100%;
  max-width: 100%;
  flex-basis: auto;
}
.flex-grid--2:not(.ct-section), .ct-section.flex-grid--2 &gt; .ct-section-inner-wrap {
  --gap: var(--grid-gap);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: center;
}
.flex-grid--2:not(.ct-section).gap--xs, .ct-section.flex-grid--2 &gt; .ct-section-inner-wrap.gap--xs {
  --gap: var(--space-xs);
}
.flex-grid--2:not(.ct-section).gap--s, .ct-section.flex-grid--2 &gt; .ct-section-inner-wrap.gap--s {
  --gap: var(--space-s);
}
.flex-grid--2:not(.ct-section).gap--m, .ct-section.flex-grid--2 &gt; .ct-section-inner-wrap.gap--m {
  --gap: var(--space-m);
}
.flex-grid--2:not(.ct-section).gap--l, .ct-section.flex-grid--2 &gt; .ct-section-inner-wrap.gap--l {
  --gap: var(--space-l);
}
.flex-grid--2:not(.ct-section).gap--xl, .ct-section.flex-grid--2 &gt; .ct-section-inner-wrap.gap--xl {
  --gap: var(--space-xl);
}
.flex-grid--2:not(.ct-section).gap--xxl, .ct-section.flex-grid--2 &gt; .ct-section-inner-wrap.gap--xxl {
  --gap: var(--space-xxl);
}
.flex-grid--2:not(.ct-section) &gt; *, .ct-section.flex-grid--2 &gt; .ct-section-inner-wrap &gt; * {
  width: 100%;
  max-width: calc((100% - (var(--gap) * 1)) / 2);
}
@media (max-width: 1439px) {
  .flex-grid--xxl-1:not(.ct-section), .ct-section.flex-grid--xxl-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xxl-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xxl-2:not(.ct-section), .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xxl-3:not(.ct-section), .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xxl-4:not(.ct-section), .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xxl-5:not(.ct-section), .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xxl-6:not(.ct-section), .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 1279px) {
  .flex-grid--xl-1:not(.ct-section), .ct-section.flex-grid--xl-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xl-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xl-2:not(.ct-section), .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xl-3:not(.ct-section), .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xl-4:not(.ct-section), .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xl-5:not(.ct-section), .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xl-6:not(.ct-section), .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 991px) {
  .flex-grid--l-1:not(.ct-section), .ct-section.flex-grid--l-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--l-1:not(.ct-section) &gt; *, .ct-section.flex-grid--l-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--l-2:not(.ct-section), .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-2:not(.ct-section) &gt; *, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--l-3:not(.ct-section), .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-3:not(.ct-section) &gt; *, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--l-4:not(.ct-section), .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-4:not(.ct-section) &gt; *, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--l-5:not(.ct-section), .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-5:not(.ct-section) &gt; *, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--l-6:not(.ct-section), .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-6:not(.ct-section) &gt; *, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 767px) {
  .flex-grid--m-1:not(.ct-section), .ct-section.flex-grid--m-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--m-1:not(.ct-section) &gt; *, .ct-section.flex-grid--m-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--m-2:not(.ct-section), .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-2:not(.ct-section) &gt; *, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--m-3:not(.ct-section), .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-3:not(.ct-section) &gt; *, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--m-4:not(.ct-section), .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-4:not(.ct-section) &gt; *, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--m-5:not(.ct-section), .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-5:not(.ct-section) &gt; *, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--m-6:not(.ct-section), .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-6:not(.ct-section) &gt; *, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 479px) {
  .flex-grid--s-1:not(.ct-section), .ct-section.flex-grid--s-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--s-1:not(.ct-section) &gt; *, .ct-section.flex-grid--s-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--s-2:not(.ct-section), .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-2:not(.ct-section) &gt; *, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--s-3:not(.ct-section), .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-3:not(.ct-section) &gt; *, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--s-4:not(.ct-section), .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-4:not(.ct-section) &gt; *, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--s-5:not(.ct-section), .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-5:not(.ct-section) &gt; *, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--s-6:not(.ct-section), .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-6:not(.ct-section) &gt; *, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 359px) {
  .flex-grid--xs-1:not(.ct-section), .ct-section.flex-grid--xs-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xs-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xs-2:not(.ct-section), .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xs-3:not(.ct-section), .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xs-4:not(.ct-section), .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xs-5:not(.ct-section), .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xs-6:not(.ct-section), .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
.flex-grid--3:not(.ct-section), .ct-section.flex-grid--3 &gt; .ct-section-inner-wrap {
  --gap: var(--grid-gap);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: center;
}
.flex-grid--3:not(.ct-section).gap--xs, .ct-section.flex-grid--3 &gt; .ct-section-inner-wrap.gap--xs {
  --gap: var(--space-xs);
}
.flex-grid--3:not(.ct-section).gap--s, .ct-section.flex-grid--3 &gt; .ct-section-inner-wrap.gap--s {
  --gap: var(--space-s);
}
.flex-grid--3:not(.ct-section).gap--m, .ct-section.flex-grid--3 &gt; .ct-section-inner-wrap.gap--m {
  --gap: var(--space-m);
}
.flex-grid--3:not(.ct-section).gap--l, .ct-section.flex-grid--3 &gt; .ct-section-inner-wrap.gap--l {
  --gap: var(--space-l);
}
.flex-grid--3:not(.ct-section).gap--xl, .ct-section.flex-grid--3 &gt; .ct-section-inner-wrap.gap--xl {
  --gap: var(--space-xl);
}
.flex-grid--3:not(.ct-section).gap--xxl, .ct-section.flex-grid--3 &gt; .ct-section-inner-wrap.gap--xxl {
  --gap: var(--space-xxl);
}
.flex-grid--3:not(.ct-section) &gt; *, .ct-section.flex-grid--3 &gt; .ct-section-inner-wrap &gt; * {
  width: 100%;
  max-width: calc((100% - (var(--gap) * 2)) / 3);
}
@media (max-width: 1439px) {
  .flex-grid--xxl-1:not(.ct-section), .ct-section.flex-grid--xxl-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xxl-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xxl-2:not(.ct-section), .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xxl-3:not(.ct-section), .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xxl-4:not(.ct-section), .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xxl-5:not(.ct-section), .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xxl-6:not(.ct-section), .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 1279px) {
  .flex-grid--xl-1:not(.ct-section), .ct-section.flex-grid--xl-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xl-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xl-2:not(.ct-section), .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xl-3:not(.ct-section), .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xl-4:not(.ct-section), .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xl-5:not(.ct-section), .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xl-6:not(.ct-section), .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 991px) {
  .flex-grid--l-1:not(.ct-section), .ct-section.flex-grid--l-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--l-1:not(.ct-section) &gt; *, .ct-section.flex-grid--l-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--l-2:not(.ct-section), .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-2:not(.ct-section) &gt; *, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--l-3:not(.ct-section), .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-3:not(.ct-section) &gt; *, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--l-4:not(.ct-section), .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-4:not(.ct-section) &gt; *, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--l-5:not(.ct-section), .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-5:not(.ct-section) &gt; *, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--l-6:not(.ct-section), .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-6:not(.ct-section) &gt; *, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 767px) {
  .flex-grid--m-1:not(.ct-section), .ct-section.flex-grid--m-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--m-1:not(.ct-section) &gt; *, .ct-section.flex-grid--m-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--m-2:not(.ct-section), .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-2:not(.ct-section) &gt; *, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--m-3:not(.ct-section), .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-3:not(.ct-section) &gt; *, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--m-4:not(.ct-section), .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-4:not(.ct-section) &gt; *, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--m-5:not(.ct-section), .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-5:not(.ct-section) &gt; *, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--m-6:not(.ct-section), .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-6:not(.ct-section) &gt; *, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 479px) {
  .flex-grid--s-1:not(.ct-section), .ct-section.flex-grid--s-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--s-1:not(.ct-section) &gt; *, .ct-section.flex-grid--s-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--s-2:not(.ct-section), .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-2:not(.ct-section) &gt; *, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--s-3:not(.ct-section), .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-3:not(.ct-section) &gt; *, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--s-4:not(.ct-section), .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-4:not(.ct-section) &gt; *, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--s-5:not(.ct-section), .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-5:not(.ct-section) &gt; *, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--s-6:not(.ct-section), .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-6:not(.ct-section) &gt; *, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 359px) {
  .flex-grid--xs-1:not(.ct-section), .ct-section.flex-grid--xs-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xs-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xs-2:not(.ct-section), .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xs-3:not(.ct-section), .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xs-4:not(.ct-section), .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xs-5:not(.ct-section), .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xs-6:not(.ct-section), .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
.flex-grid--4:not(.ct-section), .ct-section.flex-grid--4 &gt; .ct-section-inner-wrap {
  --gap: var(--grid-gap);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: center;
}
.flex-grid--4:not(.ct-section).gap--xs, .ct-section.flex-grid--4 &gt; .ct-section-inner-wrap.gap--xs {
  --gap: var(--space-xs);
}
.flex-grid--4:not(.ct-section).gap--s, .ct-section.flex-grid--4 &gt; .ct-section-inner-wrap.gap--s {
  --gap: var(--space-s);
}
.flex-grid--4:not(.ct-section).gap--m, .ct-section.flex-grid--4 &gt; .ct-section-inner-wrap.gap--m {
  --gap: var(--space-m);
}
.flex-grid--4:not(.ct-section).gap--l, .ct-section.flex-grid--4 &gt; .ct-section-inner-wrap.gap--l {
  --gap: var(--space-l);
}
.flex-grid--4:not(.ct-section).gap--xl, .ct-section.flex-grid--4 &gt; .ct-section-inner-wrap.gap--xl {
  --gap: var(--space-xl);
}
.flex-grid--4:not(.ct-section).gap--xxl, .ct-section.flex-grid--4 &gt; .ct-section-inner-wrap.gap--xxl {
  --gap: var(--space-xxl);
}
.flex-grid--4:not(.ct-section) &gt; *, .ct-section.flex-grid--4 &gt; .ct-section-inner-wrap &gt; * {
  width: 100%;
  max-width: calc((100% - (var(--gap) * 3)) / 4);
}
@media (max-width: 1439px) {
  .flex-grid--xxl-1:not(.ct-section), .ct-section.flex-grid--xxl-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xxl-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xxl-2:not(.ct-section), .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xxl-3:not(.ct-section), .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xxl-4:not(.ct-section), .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xxl-5:not(.ct-section), .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xxl-6:not(.ct-section), .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 1279px) {
  .flex-grid--xl-1:not(.ct-section), .ct-section.flex-grid--xl-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xl-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xl-2:not(.ct-section), .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xl-3:not(.ct-section), .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xl-4:not(.ct-section), .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xl-5:not(.ct-section), .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xl-6:not(.ct-section), .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 991px) {
  .flex-grid--l-1:not(.ct-section), .ct-section.flex-grid--l-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--l-1:not(.ct-section) &gt; *, .ct-section.flex-grid--l-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--l-2:not(.ct-section), .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-2:not(.ct-section) &gt; *, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--l-3:not(.ct-section), .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-3:not(.ct-section) &gt; *, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--l-4:not(.ct-section), .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-4:not(.ct-section) &gt; *, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--l-5:not(.ct-section), .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-5:not(.ct-section) &gt; *, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--l-6:not(.ct-section), .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-6:not(.ct-section) &gt; *, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 767px) {
  .flex-grid--m-1:not(.ct-section), .ct-section.flex-grid--m-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--m-1:not(.ct-section) &gt; *, .ct-section.flex-grid--m-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--m-2:not(.ct-section), .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-2:not(.ct-section) &gt; *, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--m-3:not(.ct-section), .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-3:not(.ct-section) &gt; *, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--m-4:not(.ct-section), .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-4:not(.ct-section) &gt; *, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--m-5:not(.ct-section), .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-5:not(.ct-section) &gt; *, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--m-6:not(.ct-section), .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-6:not(.ct-section) &gt; *, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 479px) {
  .flex-grid--s-1:not(.ct-section), .ct-section.flex-grid--s-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--s-1:not(.ct-section) &gt; *, .ct-section.flex-grid--s-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--s-2:not(.ct-section), .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-2:not(.ct-section) &gt; *, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--s-3:not(.ct-section), .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-3:not(.ct-section) &gt; *, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--s-4:not(.ct-section), .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-4:not(.ct-section) &gt; *, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--s-5:not(.ct-section), .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-5:not(.ct-section) &gt; *, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--s-6:not(.ct-section), .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-6:not(.ct-section) &gt; *, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 359px) {
  .flex-grid--xs-1:not(.ct-section), .ct-section.flex-grid--xs-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xs-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xs-2:not(.ct-section), .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xs-3:not(.ct-section), .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xs-4:not(.ct-section), .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xs-5:not(.ct-section), .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xs-6:not(.ct-section), .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
.flex-grid--5:not(.ct-section), .ct-section.flex-grid--5 &gt; .ct-section-inner-wrap {
  --gap: var(--grid-gap);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: center;
}
.flex-grid--5:not(.ct-section).gap--xs, .ct-section.flex-grid--5 &gt; .ct-section-inner-wrap.gap--xs {
  --gap: var(--space-xs);
}
.flex-grid--5:not(.ct-section).gap--s, .ct-section.flex-grid--5 &gt; .ct-section-inner-wrap.gap--s {
  --gap: var(--space-s);
}
.flex-grid--5:not(.ct-section).gap--m, .ct-section.flex-grid--5 &gt; .ct-section-inner-wrap.gap--m {
  --gap: var(--space-m);
}
.flex-grid--5:not(.ct-section).gap--l, .ct-section.flex-grid--5 &gt; .ct-section-inner-wrap.gap--l {
  --gap: var(--space-l);
}
.flex-grid--5:not(.ct-section).gap--xl, .ct-section.flex-grid--5 &gt; .ct-section-inner-wrap.gap--xl {
  --gap: var(--space-xl);
}
.flex-grid--5:not(.ct-section).gap--xxl, .ct-section.flex-grid--5 &gt; .ct-section-inner-wrap.gap--xxl {
  --gap: var(--space-xxl);
}
.flex-grid--5:not(.ct-section) &gt; *, .ct-section.flex-grid--5 &gt; .ct-section-inner-wrap &gt; * {
  width: 100%;
  max-width: calc((100% - (var(--gap) * 4)) / 5);
}
@media (max-width: 1439px) {
  .flex-grid--xxl-1:not(.ct-section), .ct-section.flex-grid--xxl-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xxl-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xxl-2:not(.ct-section), .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xxl-3:not(.ct-section), .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xxl-4:not(.ct-section), .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xxl-5:not(.ct-section), .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xxl-6:not(.ct-section), .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 1279px) {
  .flex-grid--xl-1:not(.ct-section), .ct-section.flex-grid--xl-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xl-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xl-2:not(.ct-section), .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xl-3:not(.ct-section), .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xl-4:not(.ct-section), .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xl-5:not(.ct-section), .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xl-6:not(.ct-section), .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 991px) {
  .flex-grid--l-1:not(.ct-section), .ct-section.flex-grid--l-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--l-1:not(.ct-section) &gt; *, .ct-section.flex-grid--l-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--l-2:not(.ct-section), .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-2:not(.ct-section) &gt; *, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--l-3:not(.ct-section), .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-3:not(.ct-section) &gt; *, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--l-4:not(.ct-section), .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-4:not(.ct-section) &gt; *, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--l-5:not(.ct-section), .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-5:not(.ct-section) &gt; *, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--l-6:not(.ct-section), .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-6:not(.ct-section) &gt; *, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 767px) {
  .flex-grid--m-1:not(.ct-section), .ct-section.flex-grid--m-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--m-1:not(.ct-section) &gt; *, .ct-section.flex-grid--m-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--m-2:not(.ct-section), .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-2:not(.ct-section) &gt; *, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--m-3:not(.ct-section), .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-3:not(.ct-section) &gt; *, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--m-4:not(.ct-section), .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-4:not(.ct-section) &gt; *, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--m-5:not(.ct-section), .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-5:not(.ct-section) &gt; *, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--m-6:not(.ct-section), .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-6:not(.ct-section) &gt; *, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 479px) {
  .flex-grid--s-1:not(.ct-section), .ct-section.flex-grid--s-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--s-1:not(.ct-section) &gt; *, .ct-section.flex-grid--s-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--s-2:not(.ct-section), .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-2:not(.ct-section) &gt; *, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--s-3:not(.ct-section), .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-3:not(.ct-section) &gt; *, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--s-4:not(.ct-section), .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-4:not(.ct-section) &gt; *, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--s-5:not(.ct-section), .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-5:not(.ct-section) &gt; *, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--s-6:not(.ct-section), .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-6:not(.ct-section) &gt; *, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 359px) {
  .flex-grid--xs-1:not(.ct-section), .ct-section.flex-grid--xs-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xs-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xs-2:not(.ct-section), .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xs-3:not(.ct-section), .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xs-4:not(.ct-section), .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xs-5:not(.ct-section), .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xs-6:not(.ct-section), .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
.flex-grid--6:not(.ct-section), .ct-section.flex-grid--6 &gt; .ct-section-inner-wrap {
  --gap: var(--grid-gap);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: center;
}
.flex-grid--6:not(.ct-section).gap--xs, .ct-section.flex-grid--6 &gt; .ct-section-inner-wrap.gap--xs {
  --gap: var(--space-xs);
}
.flex-grid--6:not(.ct-section).gap--s, .ct-section.flex-grid--6 &gt; .ct-section-inner-wrap.gap--s {
  --gap: var(--space-s);
}
.flex-grid--6:not(.ct-section).gap--m, .ct-section.flex-grid--6 &gt; .ct-section-inner-wrap.gap--m {
  --gap: var(--space-m);
}
.flex-grid--6:not(.ct-section).gap--l, .ct-section.flex-grid--6 &gt; .ct-section-inner-wrap.gap--l {
  --gap: var(--space-l);
}
.flex-grid--6:not(.ct-section).gap--xl, .ct-section.flex-grid--6 &gt; .ct-section-inner-wrap.gap--xl {
  --gap: var(--space-xl);
}
.flex-grid--6:not(.ct-section).gap--xxl, .ct-section.flex-grid--6 &gt; .ct-section-inner-wrap.gap--xxl {
  --gap: var(--space-xxl);
}
.flex-grid--6:not(.ct-section) &gt; *, .ct-section.flex-grid--6 &gt; .ct-section-inner-wrap &gt; * {
  width: 100%;
  max-width: calc((100% - (var(--gap) * 5)) / 6);
}
@media (max-width: 1439px) {
  .flex-grid--xxl-1:not(.ct-section), .ct-section.flex-grid--xxl-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xxl-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xxl-2:not(.ct-section), .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-2:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xxl-3:not(.ct-section), .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-3:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xxl-4:not(.ct-section), .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-4:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xxl-5:not(.ct-section), .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-5:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xxl-6:not(.ct-section), .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xs, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-s, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-m, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-l, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xl, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xxl-6:not(.ct-section).gap--xxl-xxl, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap.gap--xxl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xxl-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xxl-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 1279px) {
  .flex-grid--xl-1:not(.ct-section), .ct-section.flex-grid--xl-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xl-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xl-2:not(.ct-section), .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-2:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xl-3:not(.ct-section), .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-3:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xl-4:not(.ct-section), .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-4:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xl-5:not(.ct-section), .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-5:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xl-6:not(.ct-section), .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xs, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-s, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-s {
    --gap: var(--space-s);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-m, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-m {
    --gap: var(--space-m);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-l, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-l {
    --gap: var(--space-l);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xl, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xl-6:not(.ct-section).gap--xl-xxl, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap.gap--xl-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xl-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xl-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 991px) {
  .flex-grid--l-1:not(.ct-section), .ct-section.flex-grid--l-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--l-1:not(.ct-section) &gt; *, .ct-section.flex-grid--l-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--l-2:not(.ct-section), .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-2:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-2:not(.ct-section) &gt; *, .ct-section.flex-grid--l-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--l-3:not(.ct-section), .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-3:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-3:not(.ct-section) &gt; *, .ct-section.flex-grid--l-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--l-4:not(.ct-section), .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-4:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-4:not(.ct-section) &gt; *, .ct-section.flex-grid--l-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--l-5:not(.ct-section), .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-5:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-5:not(.ct-section) &gt; *, .ct-section.flex-grid--l-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--l-6:not(.ct-section), .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xs, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-s, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-s {
    --gap: var(--space-s);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-m, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-m {
    --gap: var(--space-m);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-l, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-l {
    --gap: var(--space-l);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xl, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--l-6:not(.ct-section).gap--l-xxl, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap.gap--l-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--l-6:not(.ct-section) &gt; *, .ct-section.flex-grid--l-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 767px) {
  .flex-grid--m-1:not(.ct-section), .ct-section.flex-grid--m-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--m-1:not(.ct-section) &gt; *, .ct-section.flex-grid--m-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--m-2:not(.ct-section), .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-2:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-2:not(.ct-section) &gt; *, .ct-section.flex-grid--m-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--m-3:not(.ct-section), .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-3:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-3:not(.ct-section) &gt; *, .ct-section.flex-grid--m-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--m-4:not(.ct-section), .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-4:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-4:not(.ct-section) &gt; *, .ct-section.flex-grid--m-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--m-5:not(.ct-section), .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-5:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-5:not(.ct-section) &gt; *, .ct-section.flex-grid--m-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--m-6:not(.ct-section), .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xs, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-s, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-s {
    --gap: var(--space-s);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-m, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-m {
    --gap: var(--space-m);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-l, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-l {
    --gap: var(--space-l);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xl, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--m-6:not(.ct-section).gap--m-xxl, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap.gap--m-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--m-6:not(.ct-section) &gt; *, .ct-section.flex-grid--m-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 479px) {
  .flex-grid--s-1:not(.ct-section), .ct-section.flex-grid--s-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--s-1:not(.ct-section) &gt; *, .ct-section.flex-grid--s-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--s-2:not(.ct-section), .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-2:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-2:not(.ct-section) &gt; *, .ct-section.flex-grid--s-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--s-3:not(.ct-section), .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-3:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-3:not(.ct-section) &gt; *, .ct-section.flex-grid--s-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--s-4:not(.ct-section), .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-4:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-4:not(.ct-section) &gt; *, .ct-section.flex-grid--s-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--s-5:not(.ct-section), .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-5:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-5:not(.ct-section) &gt; *, .ct-section.flex-grid--s-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--s-6:not(.ct-section), .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xs, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-s, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-s {
    --gap: var(--space-s);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-m, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-m {
    --gap: var(--space-m);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-l, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-l {
    --gap: var(--space-l);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xl, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--s-6:not(.ct-section).gap--s-xxl, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap.gap--s-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--s-6:not(.ct-section) &gt; *, .ct-section.flex-grid--s-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
@media (max-width: 359px) {
  .flex-grid--xs-1:not(.ct-section), .ct-section.flex-grid--xs-1 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }
  .flex-grid--xs-1:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-1 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: 100%;
    flex-basis: auto;
  }
  .flex-grid--xs-2:not(.ct-section), .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-2:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-2:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-2 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 1)) / 2);
  }
  .flex-grid--xs-3:not(.ct-section), .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-3:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-3:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-3 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 2)) / 3);
  }
  .flex-grid--xs-4:not(.ct-section), .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-4:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-4:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-4 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 3)) / 4);
  }
  .flex-grid--xs-5:not(.ct-section), .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-5:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-5:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-5 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 4)) / 5);
  }
  .flex-grid--xs-6:not(.ct-section), .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap {
    --gap: var(--grid-gap);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: center;
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xs, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xs {
    --gap: var(--space-xs);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-s, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-s {
    --gap: var(--space-s);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-m, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-m {
    --gap: var(--space-m);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-l, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-l {
    --gap: var(--space-l);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xl, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xl {
    --gap: var(--space-xl);
  }
  .flex-grid--xs-6:not(.ct-section).gap--xs-xxl, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap.gap--xs-xxl {
    --gap: var(--space-xxl);
  }
  .flex-grid--xs-6:not(.ct-section) &gt; *, .ct-section.flex-grid--xs-6 &gt; .ct-section-inner-wrap &gt; * {
    width: 100%;
    max-width: calc((100% - (var(--gap) * 5)) / 6);
  }
}
.flex--col:not(.ct-section), .ct-section.flex--col &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
}
.flex--row:not(.ct-section), .ct-section.flex--row &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: row;
}
.flex--col-reverse:not(.ct-section), .ct-section.flex--col-reverse &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column-reverse;
}
.flex--row-reverse:not(.ct-section), .ct-section.flex--row-reverse &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 1439px) {
  .flex--col-xxl:not(.ct-section), .ct-section.flex--col-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
  }
  .flex--row-xxl:not(.ct-section), .ct-section.flex--row-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-xxl:not(.ct-section), .ct-section.flex--col-reverse-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-xxl:not(.ct-section), .ct-section.flex--row-reverse-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 1279px) {
  .flex--col-xl:not(.ct-section), .ct-section.flex--col-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
  }
  .flex--row-xl:not(.ct-section), .ct-section.flex--row-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-xl:not(.ct-section), .ct-section.flex--col-reverse-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-xl:not(.ct-section), .ct-section.flex--row-reverse-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 991px) {
  .flex--col-l:not(.ct-section), .ct-section.flex--col-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
  }
  .flex--row-l:not(.ct-section), .ct-section.flex--row-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-l:not(.ct-section), .ct-section.flex--col-reverse-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-l:not(.ct-section), .ct-section.flex--row-reverse-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .flex--col-m:not(.ct-section), .ct-section.flex--col-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
  }
  .flex--row-m:not(.ct-section), .ct-section.flex--row-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-m:not(.ct-section), .ct-section.flex--col-reverse-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-m:not(.ct-section), .ct-section.flex--row-reverse-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 479px) {
  .flex--col-s:not(.ct-section), .ct-section.flex--col-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
  }
  .flex--row-s:not(.ct-section), .ct-section.flex--row-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-s:not(.ct-section), .ct-section.flex--col-reverse-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-s:not(.ct-section), .ct-section.flex--row-reverse-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 359px) {
  .flex--col-xs:not(.ct-section), .ct-section.flex--col-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
  }
  .flex--row-xs:not(.ct-section), .ct-section.flex--row-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
  }
  .flex--col-reverse-xs:not(.ct-section), .ct-section.flex--col-reverse-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .flex--row-reverse-xs:not(.ct-section), .ct-section.flex--row-reverse-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: row-reverse;
  }
}
.justify-content--start:not(.ct-section), .ct-section.justify-content--start &gt; .ct-section-inner-wrap {
  display: flex;
  justify-content: flex-start;
}
.justify-content--end:not(.ct-section), .ct-section.justify-content--end &gt; .ct-section-inner-wrap {
  display: flex;
  justify-content: flex-end;
}
.justify-content--center:not(.ct-section), .ct-section.justify-content--center &gt; .ct-section-inner-wrap {
  display: flex;
  justify-content: center;
}
.justify-content--between:not(.ct-section), .ct-section.justify-content--between &gt; .ct-section-inner-wrap {
  display: flex;
  justify-content: space-between;
}
.justify-content--around:not(.ct-section), .ct-section.justify-content--around &gt; .ct-section-inner-wrap {
  display: flex;
  justify-content: space-around;
}
.justify-content--stretch:not(.ct-section), .ct-section.justify-content--stretch &gt; .ct-section-inner-wrap {
  display: flex;
  justify-content: stretch;
}
.align-content--start:not(.ct-section), .ct-section.align-content--start &gt; .ct-section-inner-wrap {
  display: flex;
  align-content: flex-start;
}
.align-content--end:not(.ct-section), .ct-section.align-content--end &gt; .ct-section-inner-wrap {
  display: flex;
  align-content: flex-end;
}
.align-content--center:not(.ct-section), .ct-section.align-content--center &gt; .ct-section-inner-wrap {
  display: flex;
  align-content: center;
}
.align-content--baseline:not(.ct-section), .ct-section.align-content--baseline &gt; .ct-section-inner-wrap {
  display: flex;
  align-content: baseline;
}
.align-content--stretch:not(.ct-section), .ct-section.align-content--stretch &gt; .ct-section-inner-wrap {
  display: flex;
  align-content: stretch;
}
.justify-items--start:not(.ct-section), .ct-section.justify-items--start &gt; .ct-section-inner-wrap {
  display: flex;
  justify-items: flex-start;
}
.justify-items--center:not(.ct-section), .ct-section.justify-items--center &gt; .ct-section-inner-wrap {
  display: flex;
  justify-items: center;
}
.justify-items--end:not(.ct-section), .ct-section.justify-items--end &gt; .ct-section-inner-wrap {
  display: flex;
  justify-items: flex-end;
}
.justify-items--stretch:not(.ct-section), .ct-section.justify-items--stretch &gt; .ct-section-inner-wrap {
  display: flex;
  justify-items: stretch;
}
.align-items--start:not(.ct-section), .ct-section.align-items--start &gt; .ct-section-inner-wrap {
  display: flex;
  align-items: flex-start;
}
.align-items--end:not(.ct-section), .ct-section.align-items--end &gt; .ct-section-inner-wrap {
  display: flex;
  align-items: flex-end;
}
.align-items--center:not(.ct-section), .ct-section.align-items--center &gt; .ct-section-inner-wrap {
  display: flex;
  align-items: center;
}
.align-items--baseline:not(.ct-section), .ct-section.align-items--baseline &gt; .ct-section-inner-wrap {
  display: flex;
  align-items: baseline;
}
.align-items--stretch:not(.ct-section), .ct-section.align-items--stretch &gt; .ct-section-inner-wrap {
  display: flex;
  align-items: stretch;
}
.self--start:not(.ct-section), .ct-section.self--start &gt; .ct-section-inner-wrap {
  display: flex;
  align-self: flex-start;
}
.self--end:not(.ct-section), .ct-section.self--end &gt; .ct-section-inner-wrap {
  display: flex;
  align-self: flex-end;
}
.self--stretch:not(.ct-section), .ct-section.self--stretch &gt; .ct-section-inner-wrap {
  display: flex;
  align-self: stretch;
}
.self--center:not(.ct-section), .ct-section.self--center &gt; .ct-section-inner-wrap {
  display: flex;
  align-self: center;
}
.flex--wrap:not(.ct-section), .ct-section.flex--wrap &gt; .ct-section-inner-wrap {
  flex-wrap: wrap;
}
.stretch:not(.ct-section), .ct-section.stretch &gt; .ct-section-inner-wrap {
  display: flex;
  align-content: stretch;
  align-items: stretch;
  justify-content: stretch;
  justify-items: stretch;
}
.flex--grow:not(.ct-section) &gt; *, .ct-section.flex--grow &gt; .ct-section-inner-wrap &gt; * {
  flex-grow: 1;
}
.grid--1:not(.ct-section), .ct-section.grid--1 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--1:not(.ct-section) &gt; *, .ct-section.grid--1 .ct-section-inner-wrap &gt; * {
  grid-column: 1 !important;
}
.grid--2:not(.ct-section), .ct-section.grid--2 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--3:not(.ct-section), .ct-section.grid--3 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--4:not(.ct-section), .ct-section.grid--4 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--5:not(.ct-section), .ct-section.grid--5 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--6:not(.ct-section), .ct-section.grid--6 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--7:not(.ct-section), .ct-section.grid--7 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--8:not(.ct-section), .ct-section.grid--8 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--9:not(.ct-section), .ct-section.grid--9 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--10:not(.ct-section), .ct-section.grid--10 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--11:not(.ct-section), .ct-section.grid--11 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(11, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--12:not(.ct-section), .ct-section.grid--12 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  inline-size: 100%;
}
.grid--1-2:not(.ct-section), .ct-section.grid--1-2 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  inline-size: 100%;
}
.grid--1-3:not(.ct-section), .ct-section.grid--1-3 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  inline-size: 100%;
}
.grid--2-1:not(.ct-section), .ct-section.grid--2-1 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  inline-size: 100%;
}
.grid--2-3:not(.ct-section), .ct-section.grid--2-3 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  inline-size: 100%;
}
.grid--3-1:not(.ct-section), .ct-section.grid--3-1 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  inline-size: 100%;
}
.grid--3-2:not(.ct-section), .ct-section.grid--3-2 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  inline-size: 100%;
}
.grid--auto-2:not(.ct-section), .ct-section.grid--auto-2 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(40.9364548495rem, 100vw - 5.6rem), 1fr));
  inline-size: 100%;
}
.grid--auto-3:not(.ct-section), .ct-section.grid--auto-3 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(30.6766917293rem, 100vw - 5.6rem), 1fr));
  inline-size: 100%;
}
.grid--auto-4:not(.ct-section), .ct-section.grid--auto-4 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(24.5290581162rem, 100vw - 5.6rem), 1fr));
  inline-size: 100%;
}
.grid--auto-5:not(.ct-section), .ct-section.grid--auto-5 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(20.4340567613rem, 100vw - 5.6rem), 1fr));
  inline-size: 100%;
}
.grid--auto-6:not(.ct-section), .ct-section.grid--auto-6 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(17.5107296137rem, 100vw - 5.6rem), 1fr));
  inline-size: 100%;
}
.grid--auto-1-2:not(.ct-section), .ct-section.grid--auto-1-2 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  inline-size: 100%;
}
.grid--auto-1-3:not(.ct-section), .ct-section.grid--auto-1-3 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  inline-size: 100%;
}
.grid--auto-2-1:not(.ct-section), .ct-section.grid--auto-2-1 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  inline-size: 100%;
}
.grid--auto-2-3:not(.ct-section), .ct-section.grid--auto-2-3 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  inline-size: 100%;
}
.grid--auto-3-1:not(.ct-section), .ct-section.grid--auto-3-1 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  inline-size: 100%;
}
.grid--auto-3-2:not(.ct-section), .ct-section.grid--auto-3-2 .ct-section-inner-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  inline-size: 100%;
}
@media (max-width: 1439px) {
  .grid--xxl-1:not(.ct-section), .ct-section.grid--xxl-1 .ct-section-inner-wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--xxl-1:not(.ct-section) &gt; *, .ct-section.grid--xxl-1 .ct-section-inner-wrap &gt; * {
    grid-column: 1 !important;
  }
  .grid--xxl-2:not(.ct-section), .ct-section.grid--xxl-2 .ct-section-inner-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--xxl-3:not(.ct-section), .ct-section.grid--xxl-3 .ct-section-inner-wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--xxl-4:not(.ct-section), .ct-section.grid--xxl-4 .ct-section-inner-wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--xxl-5:not(.ct-section), .ct-section.grid--xxl-5 .ct-section-inner-wrap {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--xxl-6:not(.ct-section), .ct-section.grid--xxl-6 .ct-section-inner-wrap {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--xxl-7:not(.ct-section), .ct-section.grid--xxl-7 .ct-section-inner-wrap {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--xxl-8:not(.ct-section), .ct-section.grid--xxl-8 .ct-section-inner-wrap {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--xxl-9:not(.ct-section), .ct-section.grid--xxl-9 .ct-section-inner-wrap {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--xxl-10:not(.ct-section), .ct-section.grid--xxl-10 .ct-section-inner-wrap {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--xxl-11:not(.ct-section), .ct-section.grid--xxl-11 .ct-section-inner-wrap {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--xxl-12:not(.ct-section), .ct-section.grid--xxl-12 .ct-section-inner-wrap {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 1279px) {
  .grid--xl-1:not(.ct-section), .ct-section.grid--xl-1 .ct-section-inner-wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--xl-1:not(.ct-section) &gt; *, .ct-section.grid--xl-1 .ct-section-inner-wrap &gt; * {
    grid-column: 1 !important;
  }
  .grid--xl-2:not(.ct-section), .ct-section.grid--xl-2 .ct-section-inner-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--xl-3:not(.ct-section), .ct-section.grid--xl-3 .ct-section-inner-wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--xl-4:not(.ct-section), .ct-section.grid--xl-4 .ct-section-inner-wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--xl-5:not(.ct-section), .ct-section.grid--xl-5 .ct-section-inner-wrap {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--xl-6:not(.ct-section), .ct-section.grid--xl-6 .ct-section-inner-wrap {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--xl-7:not(.ct-section), .ct-section.grid--xl-7 .ct-section-inner-wrap {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--xl-8:not(.ct-section), .ct-section.grid--xl-8 .ct-section-inner-wrap {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--xl-9:not(.ct-section), .ct-section.grid--xl-9 .ct-section-inner-wrap {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--xl-10:not(.ct-section), .ct-section.grid--xl-10 .ct-section-inner-wrap {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--xl-11:not(.ct-section), .ct-section.grid--xl-11 .ct-section-inner-wrap {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--xl-12:not(.ct-section), .ct-section.grid--xl-12 .ct-section-inner-wrap {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .grid--l-1:not(.ct-section), .ct-section.grid--l-1 .ct-section-inner-wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--l-1:not(.ct-section) &gt; *, .ct-section.grid--l-1 .ct-section-inner-wrap &gt; * {
    grid-column: 1 !important;
  }
  .grid--l-2:not(.ct-section), .ct-section.grid--l-2 .ct-section-inner-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--l-3:not(.ct-section), .ct-section.grid--l-3 .ct-section-inner-wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--l-4:not(.ct-section), .ct-section.grid--l-4 .ct-section-inner-wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--l-5:not(.ct-section), .ct-section.grid--l-5 .ct-section-inner-wrap {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--l-6:not(.ct-section), .ct-section.grid--l-6 .ct-section-inner-wrap {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--l-7:not(.ct-section), .ct-section.grid--l-7 .ct-section-inner-wrap {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--l-8:not(.ct-section), .ct-section.grid--l-8 .ct-section-inner-wrap {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--l-9:not(.ct-section), .ct-section.grid--l-9 .ct-section-inner-wrap {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--l-10:not(.ct-section), .ct-section.grid--l-10 .ct-section-inner-wrap {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--l-11:not(.ct-section), .ct-section.grid--l-11 .ct-section-inner-wrap {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--l-12:not(.ct-section), .ct-section.grid--l-12 .ct-section-inner-wrap {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .grid--m-1:not(.ct-section), .ct-section.grid--m-1 .ct-section-inner-wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--m-1:not(.ct-section) &gt; *, .ct-section.grid--m-1 .ct-section-inner-wrap &gt; * {
    grid-column: 1 !important;
  }
  .grid--m-2:not(.ct-section), .ct-section.grid--m-2 .ct-section-inner-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--m-3:not(.ct-section), .ct-section.grid--m-3 .ct-section-inner-wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--m-4:not(.ct-section), .ct-section.grid--m-4 .ct-section-inner-wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--m-5:not(.ct-section), .ct-section.grid--m-5 .ct-section-inner-wrap {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--m-6:not(.ct-section), .ct-section.grid--m-6 .ct-section-inner-wrap {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--m-7:not(.ct-section), .ct-section.grid--m-7 .ct-section-inner-wrap {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--m-8:not(.ct-section), .ct-section.grid--m-8 .ct-section-inner-wrap {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--m-9:not(.ct-section), .ct-section.grid--m-9 .ct-section-inner-wrap {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--m-10:not(.ct-section), .ct-section.grid--m-10 .ct-section-inner-wrap {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--m-11:not(.ct-section), .ct-section.grid--m-11 .ct-section-inner-wrap {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--m-12:not(.ct-section), .ct-section.grid--m-12 .ct-section-inner-wrap {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 479px) {
  .grid--s-1:not(.ct-section), .ct-section.grid--s-1 .ct-section-inner-wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--s-1:not(.ct-section) &gt; *, .ct-section.grid--s-1 .ct-section-inner-wrap &gt; * {
    grid-column: 1 !important;
  }
  .grid--s-2:not(.ct-section), .ct-section.grid--s-2 .ct-section-inner-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--s-3:not(.ct-section), .ct-section.grid--s-3 .ct-section-inner-wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--s-4:not(.ct-section), .ct-section.grid--s-4 .ct-section-inner-wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--s-5:not(.ct-section), .ct-section.grid--s-5 .ct-section-inner-wrap {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--s-6:not(.ct-section), .ct-section.grid--s-6 .ct-section-inner-wrap {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--s-7:not(.ct-section), .ct-section.grid--s-7 .ct-section-inner-wrap {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--s-8:not(.ct-section), .ct-section.grid--s-8 .ct-section-inner-wrap {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--s-9:not(.ct-section), .ct-section.grid--s-9 .ct-section-inner-wrap {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--s-10:not(.ct-section), .ct-section.grid--s-10 .ct-section-inner-wrap {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--s-11:not(.ct-section), .ct-section.grid--s-11 .ct-section-inner-wrap {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--s-12:not(.ct-section), .ct-section.grid--s-12 .ct-section-inner-wrap {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (max-width: 359px) {
  .grid--xs-1:not(.ct-section), .ct-section.grid--xs-1 .ct-section-inner-wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid--xs-1:not(.ct-section) &gt; *, .ct-section.grid--xs-1 .ct-section-inner-wrap &gt; * {
    grid-column: 1 !important;
  }
  .grid--xs-2:not(.ct-section), .ct-section.grid--xs-2 .ct-section-inner-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid--xs-3:not(.ct-section), .ct-section.grid--xs-3 .ct-section-inner-wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid--xs-4:not(.ct-section), .ct-section.grid--xs-4 .ct-section-inner-wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid--xs-5:not(.ct-section), .ct-section.grid--xs-5 .ct-section-inner-wrap {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid--xs-6:not(.ct-section), .ct-section.grid--xs-6 .ct-section-inner-wrap {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid--xs-7:not(.ct-section), .ct-section.grid--xs-7 .ct-section-inner-wrap {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid--xs-8:not(.ct-section), .ct-section.grid--xs-8 .ct-section-inner-wrap {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid--xs-9:not(.ct-section), .ct-section.grid--xs-9 .ct-section-inner-wrap {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid--xs-10:not(.ct-section), .ct-section.grid--xs-10 .ct-section-inner-wrap {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid--xs-11:not(.ct-section), .ct-section.grid--xs-11 .ct-section-inner-wrap {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid--xs-12:not(.ct-section), .ct-section.grid--xs-12 .ct-section-inner-wrap {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1439px) {
  .grid--alternate-xxl:not(.ct-section) &gt; .grid--1-2:nth-of-type(even), .grid--alternate-xxl .ct-section-inner-wrap &gt; .grid--1-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid--alternate-xxl:not(.ct-section) &gt; .grid--1-2:nth-of-type(even) &gt; *:last-child, .grid--alternate-xxl .ct-section-inner-wrap &gt; .grid--1-2:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xxl:not(.ct-section) &gt; .grid--1-3:nth-of-type(even), .grid--alternate-xxl .ct-section-inner-wrap &gt; .grid--1-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid--alternate-xxl:not(.ct-section) &gt; .grid--1-3:nth-of-type(even) &gt; *:last-child, .grid--alternate-xxl .ct-section-inner-wrap &gt; .grid--1-3:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xxl:not(.ct-section) &gt; .grid--2-1:nth-of-type(even), .grid--alternate-xxl .ct-section-inner-wrap &gt; .grid--2-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid--alternate-xxl:not(.ct-section) &gt; .grid--2-1:nth-of-type(even) &gt; *:last-child, .grid--alternate-xxl .ct-section-inner-wrap &gt; .grid--2-1:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xxl:not(.ct-section) &gt; .grid--2-3:nth-of-type(even), .grid--alternate-xxl .ct-section-inner-wrap &gt; .grid--2-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid--alternate-xxl:not(.ct-section) &gt; .grid--2-3:nth-of-type(even) &gt; *:last-child, .grid--alternate-xxl .ct-section-inner-wrap &gt; .grid--2-3:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xxl:not(.ct-section) &gt; .grid--3-1:nth-of-type(even), .grid--alternate-xxl .ct-section-inner-wrap &gt; .grid--3-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid--alternate-xxl:not(.ct-section) &gt; .grid--3-1:nth-of-type(even) &gt; *:last-child, .grid--alternate-xxl .ct-section-inner-wrap &gt; .grid--3-1:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xxl:not(.ct-section) &gt; .grid--3-2:nth-of-type(even), .grid--alternate-xxl .ct-section-inner-wrap &gt; .grid--3-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid--alternate-xxl:not(.ct-section) &gt; .grid--3-2:nth-of-type(even) &gt; *:last-child, .grid--alternate-xxl .ct-section-inner-wrap &gt; .grid--3-2:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
}
@media (min-width: 1279px) {
  .grid--alternate-xl:not(.ct-section) &gt; .grid--1-2:nth-of-type(even), .grid--alternate-xl .ct-section-inner-wrap &gt; .grid--1-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid--alternate-xl:not(.ct-section) &gt; .grid--1-2:nth-of-type(even) &gt; *:last-child, .grid--alternate-xl .ct-section-inner-wrap &gt; .grid--1-2:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xl:not(.ct-section) &gt; .grid--1-3:nth-of-type(even), .grid--alternate-xl .ct-section-inner-wrap &gt; .grid--1-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid--alternate-xl:not(.ct-section) &gt; .grid--1-3:nth-of-type(even) &gt; *:last-child, .grid--alternate-xl .ct-section-inner-wrap &gt; .grid--1-3:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xl:not(.ct-section) &gt; .grid--2-1:nth-of-type(even), .grid--alternate-xl .ct-section-inner-wrap &gt; .grid--2-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid--alternate-xl:not(.ct-section) &gt; .grid--2-1:nth-of-type(even) &gt; *:last-child, .grid--alternate-xl .ct-section-inner-wrap &gt; .grid--2-1:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xl:not(.ct-section) &gt; .grid--2-3:nth-of-type(even), .grid--alternate-xl .ct-section-inner-wrap &gt; .grid--2-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid--alternate-xl:not(.ct-section) &gt; .grid--2-3:nth-of-type(even) &gt; *:last-child, .grid--alternate-xl .ct-section-inner-wrap &gt; .grid--2-3:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xl:not(.ct-section) &gt; .grid--3-1:nth-of-type(even), .grid--alternate-xl .ct-section-inner-wrap &gt; .grid--3-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid--alternate-xl:not(.ct-section) &gt; .grid--3-1:nth-of-type(even) &gt; *:last-child, .grid--alternate-xl .ct-section-inner-wrap &gt; .grid--3-1:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xl:not(.ct-section) &gt; .grid--3-2:nth-of-type(even), .grid--alternate-xl .ct-section-inner-wrap &gt; .grid--3-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid--alternate-xl:not(.ct-section) &gt; .grid--3-2:nth-of-type(even) &gt; *:last-child, .grid--alternate-xl .ct-section-inner-wrap &gt; .grid--3-2:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
}
@media (min-width: 991px) {
  .grid--alternate-l:not(.ct-section) &gt; .grid--1-2:nth-of-type(even), .grid--alternate-l .ct-section-inner-wrap &gt; .grid--1-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid--alternate-l:not(.ct-section) &gt; .grid--1-2:nth-of-type(even) &gt; *:last-child, .grid--alternate-l .ct-section-inner-wrap &gt; .grid--1-2:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-l:not(.ct-section) &gt; .grid--1-3:nth-of-type(even), .grid--alternate-l .ct-section-inner-wrap &gt; .grid--1-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid--alternate-l:not(.ct-section) &gt; .grid--1-3:nth-of-type(even) &gt; *:last-child, .grid--alternate-l .ct-section-inner-wrap &gt; .grid--1-3:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-l:not(.ct-section) &gt; .grid--2-1:nth-of-type(even), .grid--alternate-l .ct-section-inner-wrap &gt; .grid--2-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid--alternate-l:not(.ct-section) &gt; .grid--2-1:nth-of-type(even) &gt; *:last-child, .grid--alternate-l .ct-section-inner-wrap &gt; .grid--2-1:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-l:not(.ct-section) &gt; .grid--2-3:nth-of-type(even), .grid--alternate-l .ct-section-inner-wrap &gt; .grid--2-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid--alternate-l:not(.ct-section) &gt; .grid--2-3:nth-of-type(even) &gt; *:last-child, .grid--alternate-l .ct-section-inner-wrap &gt; .grid--2-3:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-l:not(.ct-section) &gt; .grid--3-1:nth-of-type(even), .grid--alternate-l .ct-section-inner-wrap &gt; .grid--3-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid--alternate-l:not(.ct-section) &gt; .grid--3-1:nth-of-type(even) &gt; *:last-child, .grid--alternate-l .ct-section-inner-wrap &gt; .grid--3-1:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-l:not(.ct-section) &gt; .grid--3-2:nth-of-type(even), .grid--alternate-l .ct-section-inner-wrap &gt; .grid--3-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid--alternate-l:not(.ct-section) &gt; .grid--3-2:nth-of-type(even) &gt; *:last-child, .grid--alternate-l .ct-section-inner-wrap &gt; .grid--3-2:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
}
@media (min-width: 767px) {
  .grid--alternate-m:not(.ct-section) &gt; .grid--1-2:nth-of-type(even), .grid--alternate-m .ct-section-inner-wrap &gt; .grid--1-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid--alternate-m:not(.ct-section) &gt; .grid--1-2:nth-of-type(even) &gt; *:last-child, .grid--alternate-m .ct-section-inner-wrap &gt; .grid--1-2:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-m:not(.ct-section) &gt; .grid--1-3:nth-of-type(even), .grid--alternate-m .ct-section-inner-wrap &gt; .grid--1-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid--alternate-m:not(.ct-section) &gt; .grid--1-3:nth-of-type(even) &gt; *:last-child, .grid--alternate-m .ct-section-inner-wrap &gt; .grid--1-3:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-m:not(.ct-section) &gt; .grid--2-1:nth-of-type(even), .grid--alternate-m .ct-section-inner-wrap &gt; .grid--2-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid--alternate-m:not(.ct-section) &gt; .grid--2-1:nth-of-type(even) &gt; *:last-child, .grid--alternate-m .ct-section-inner-wrap &gt; .grid--2-1:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-m:not(.ct-section) &gt; .grid--2-3:nth-of-type(even), .grid--alternate-m .ct-section-inner-wrap &gt; .grid--2-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid--alternate-m:not(.ct-section) &gt; .grid--2-3:nth-of-type(even) &gt; *:last-child, .grid--alternate-m .ct-section-inner-wrap &gt; .grid--2-3:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-m:not(.ct-section) &gt; .grid--3-1:nth-of-type(even), .grid--alternate-m .ct-section-inner-wrap &gt; .grid--3-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid--alternate-m:not(.ct-section) &gt; .grid--3-1:nth-of-type(even) &gt; *:last-child, .grid--alternate-m .ct-section-inner-wrap &gt; .grid--3-1:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-m:not(.ct-section) &gt; .grid--3-2:nth-of-type(even), .grid--alternate-m .ct-section-inner-wrap &gt; .grid--3-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid--alternate-m:not(.ct-section) &gt; .grid--3-2:nth-of-type(even) &gt; *:last-child, .grid--alternate-m .ct-section-inner-wrap &gt; .grid--3-2:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
}
@media (min-width: 479px) {
  .grid--alternate-s:not(.ct-section) &gt; .grid--1-2:nth-of-type(even), .grid--alternate-s .ct-section-inner-wrap &gt; .grid--1-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid--alternate-s:not(.ct-section) &gt; .grid--1-2:nth-of-type(even) &gt; *:last-child, .grid--alternate-s .ct-section-inner-wrap &gt; .grid--1-2:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-s:not(.ct-section) &gt; .grid--1-3:nth-of-type(even), .grid--alternate-s .ct-section-inner-wrap &gt; .grid--1-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid--alternate-s:not(.ct-section) &gt; .grid--1-3:nth-of-type(even) &gt; *:last-child, .grid--alternate-s .ct-section-inner-wrap &gt; .grid--1-3:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-s:not(.ct-section) &gt; .grid--2-1:nth-of-type(even), .grid--alternate-s .ct-section-inner-wrap &gt; .grid--2-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid--alternate-s:not(.ct-section) &gt; .grid--2-1:nth-of-type(even) &gt; *:last-child, .grid--alternate-s .ct-section-inner-wrap &gt; .grid--2-1:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-s:not(.ct-section) &gt; .grid--2-3:nth-of-type(even), .grid--alternate-s .ct-section-inner-wrap &gt; .grid--2-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid--alternate-s:not(.ct-section) &gt; .grid--2-3:nth-of-type(even) &gt; *:last-child, .grid--alternate-s .ct-section-inner-wrap &gt; .grid--2-3:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-s:not(.ct-section) &gt; .grid--3-1:nth-of-type(even), .grid--alternate-s .ct-section-inner-wrap &gt; .grid--3-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid--alternate-s:not(.ct-section) &gt; .grid--3-1:nth-of-type(even) &gt; *:last-child, .grid--alternate-s .ct-section-inner-wrap &gt; .grid--3-1:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-s:not(.ct-section) &gt; .grid--3-2:nth-of-type(even), .grid--alternate-s .ct-section-inner-wrap &gt; .grid--3-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid--alternate-s:not(.ct-section) &gt; .grid--3-2:nth-of-type(even) &gt; *:last-child, .grid--alternate-s .ct-section-inner-wrap &gt; .grid--3-2:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
}
@media (min-width: 359px) {
  .grid--alternate-xs:not(.ct-section) &gt; .grid--1-2:nth-of-type(even), .grid--alternate-xs .ct-section-inner-wrap &gt; .grid--1-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .grid--alternate-xs:not(.ct-section) &gt; .grid--1-2:nth-of-type(even) &gt; *:last-child, .grid--alternate-xs .ct-section-inner-wrap &gt; .grid--1-2:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xs:not(.ct-section) &gt; .grid--1-3:nth-of-type(even), .grid--alternate-xs .ct-section-inner-wrap &gt; .grid--1-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
  .grid--alternate-xs:not(.ct-section) &gt; .grid--1-3:nth-of-type(even) &gt; *:last-child, .grid--alternate-xs .ct-section-inner-wrap &gt; .grid--1-3:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xs:not(.ct-section) &gt; .grid--2-1:nth-of-type(even), .grid--alternate-xs .ct-section-inner-wrap &gt; .grid--2-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .grid--alternate-xs:not(.ct-section) &gt; .grid--2-1:nth-of-type(even) &gt; *:last-child, .grid--alternate-xs .ct-section-inner-wrap &gt; .grid--2-1:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xs:not(.ct-section) &gt; .grid--2-3:nth-of-type(even), .grid--alternate-xs .ct-section-inner-wrap &gt; .grid--2-3:nth-of-type(even) {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .grid--alternate-xs:not(.ct-section) &gt; .grid--2-3:nth-of-type(even) &gt; *:last-child, .grid--alternate-xs .ct-section-inner-wrap &gt; .grid--2-3:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xs:not(.ct-section) &gt; .grid--3-1:nth-of-type(even), .grid--alternate-xs .ct-section-inner-wrap &gt; .grid--3-1:nth-of-type(even) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .grid--alternate-xs:not(.ct-section) &gt; .grid--3-1:nth-of-type(even) &gt; *:last-child, .grid--alternate-xs .ct-section-inner-wrap &gt; .grid--3-1:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
  .grid--alternate-xs:not(.ct-section) &gt; .grid--3-2:nth-of-type(even), .grid--alternate-xs .ct-section-inner-wrap &gt; .grid--3-2:nth-of-type(even) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .grid--alternate-xs:not(.ct-section) &gt; .grid--3-2:nth-of-type(even) &gt; *:last-child, .grid--alternate-xs .ct-section-inner-wrap &gt; .grid--3-2:nth-of-type(even) &gt; *:last-child {
    order: -1;
  }
}
@media (max-width: 991px) {
  .grid--auto-1-2:not(.ct-section), .ct-section.grid--auto-1-2 .ct-section-inner-wrap {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(30.6766917293rem, 100vw - 5.6rem), 1fr));
  }
  .grid--auto-1-3:not(.ct-section), .ct-section.grid--auto-1-3 .ct-section-inner-wrap {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(30.6766917293rem, 100vw - 5.6rem), 1fr));
  }
  .grid--auto-3-2:not(.ct-section), .ct-section.grid--auto-3-2 .ct-section-inner-wrap {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(30.6766917293rem, 100vw - 5.6rem), 1fr));
  }
  .grid--auto-2-3:not(.ct-section), .ct-section.grid--auto-2-3 .ct-section-inner-wrap {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(30.6766917293rem, 100vw - 5.6rem), 1fr));
  }
  .grid--auto-2-1:not(.ct-section), .ct-section.grid--auto-2-1 .ct-section-inner-wrap {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(30.6766917293rem, 100vw - 5.6rem), 1fr));
  }
  .grid--auto-3-1:not(.ct-section), .ct-section.grid--auto-3-1 .ct-section-inner-wrap {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(30.6766917293rem, 100vw - 5.6rem), 1fr));
  }
}
.gap--xs:not(.ct-section), .ct-section.gap--xs &gt; .ct-section-inner-wrap {
  gap: 1.896rem;
  gap: calc(0.8rem + (0.4444444444 * ((100vw - 32rem) / 96)));
  gap: clamp(0.8rem, calc(0.462962963vw + 0.6518518519rem), 1.2444444444rem);
}
.gap--s:not(.ct-section), .ct-section.gap--s &gt; .ct-section-inner-wrap {
  gap: 2.133rem;
  gap: calc(1.2rem + (0.6666666667 * ((100vw - 32rem) / 96)));
  gap: clamp(1.2rem, calc(0.6944444444vw + 0.9777777778rem), 1.8666666667rem);
}
.gap--m:not(.ct-section), .ct-section.gap--m &gt; .ct-section-inner-wrap {
  gap: 2.4rem;
  gap: calc(1.8rem + (1 * ((100vw - 32rem) / 96)));
  gap: clamp(1.8rem, calc(1.0416666667vw + 1.4666666667rem), 2.8rem);
}
.gap--l:not(.ct-section), .ct-section.gap--l &gt; .ct-section-inner-wrap {
  gap: 2.7rem;
  gap: calc(2.3994rem + (1.8006 * ((100vw - 32rem) / 96)));
  gap: clamp(2.3994rem, calc(1.875625vw + 1.7992rem), 4.2rem);
}
.gap--xl:not(.ct-section), .ct-section.gap--xl &gt; .ct-section-inner-wrap {
  gap: 3.038rem;
  gap: calc(3.1984002rem + (3.1015998 * ((100vw - 32rem) / 96)));
  gap: clamp(3.1984002rem, calc(3.230833125vw + 2.1645336rem), 6.3rem);
}
.gap--xxl:not(.ct-section), .ct-section.gap--xxl &gt; .ct-section-inner-wrap {
  gap: 3.42rem;
  gap: calc(4.2634674666rem + (5.1865325334 * ((100vw - 32rem) / 96)));
  gap: clamp(4.2634674666rem, calc(5.4026380556vw + 2.5346232888rem), 9.45rem);
}
@media (max-width: 1439px) {
  .gap--xxl-xs:not(.ct-section), .ct-section.gap--xxl-xs &gt; .ct-section-inner-wrap {
    gap: 1.896rem;
    gap: calc(0.8rem + (0.4444444444 * ((100vw - 32rem) / 96)));
    gap: clamp(0.8rem, calc(0.462962963vw + 0.6518518519rem), 1.2444444444rem);
  }
  .gap--xxl-s:not(.ct-section), .ct-section.gap--xxl-s &gt; .ct-section-inner-wrap {
    gap: 2.133rem;
    gap: calc(1.2rem + (0.6666666667 * ((100vw - 32rem) / 96)));
    gap: clamp(1.2rem, calc(0.6944444444vw + 0.9777777778rem), 1.8666666667rem);
  }
  .gap--xxl-m:not(.ct-section), .ct-section.gap--xxl-m &gt; .ct-section-inner-wrap {
    gap: 2.4rem;
    gap: calc(1.8rem + (1 * ((100vw - 32rem) / 96)));
    gap: clamp(1.8rem, calc(1.0416666667vw + 1.4666666667rem), 2.8rem);
  }
  .gap--xxl-l:not(.ct-section), .ct-section.gap--xxl-l &gt; .ct-section-inner-wrap {
    gap: 2.7rem;
    gap: calc(2.3994rem + (1.8006 * ((100vw - 32rem) / 96)));
    gap: clamp(2.3994rem, calc(1.875625vw + 1.7992rem), 4.2rem);
  }
  .gap--xxl-xl:not(.ct-section), .ct-section.gap--xxl-xl &gt; .ct-section-inner-wrap {
    gap: 3.038rem;
    gap: calc(3.1984002rem + (3.1015998 * ((100vw - 32rem) / 96)));
    gap: clamp(3.1984002rem, calc(3.230833125vw + 2.1645336rem), 6.3rem);
  }
  .gap--xxl-xxl:not(.ct-section), .ct-section.gap--xxl-xxl &gt; .ct-section-inner-wrap {
    gap: 3.42rem;
    gap: calc(4.2634674666rem + (5.1865325334 * ((100vw - 32rem) / 96)));
    gap: clamp(4.2634674666rem, calc(5.4026380556vw + 2.5346232888rem), 9.45rem);
  }
}
@media (max-width: 1279px) {
  .gap--xl-xs:not(.ct-section), .ct-section.gap--xl-xs &gt; .ct-section-inner-wrap {
    gap: 1.896rem;
    gap: calc(0.8rem + (0.4444444444 * ((100vw - 32rem) / 96)));
    gap: clamp(0.8rem, calc(0.462962963vw + 0.6518518519rem), 1.2444444444rem);
  }
  .gap--xl-s:not(.ct-section), .ct-section.gap--xl-s &gt; .ct-section-inner-wrap {
    gap: 2.133rem;
    gap: calc(1.2rem + (0.6666666667 * ((100vw - 32rem) / 96)));
    gap: clamp(1.2rem, calc(0.6944444444vw + 0.9777777778rem), 1.8666666667rem);
  }
  .gap--xl-m:not(.ct-section), .ct-section.gap--xl-m &gt; .ct-section-inner-wrap {
    gap: 2.4rem;
    gap: calc(1.8rem + (1 * ((100vw - 32rem) / 96)));
    gap: clamp(1.8rem, calc(1.0416666667vw + 1.4666666667rem), 2.8rem);
  }
  .gap--xl-l:not(.ct-section), .ct-section.gap--xl-l &gt; .ct-section-inner-wrap {
    gap: 2.7rem;
    gap: calc(2.3994rem + (1.8006 * ((100vw - 32rem) / 96)));
    gap: clamp(2.3994rem, calc(1.875625vw + 1.7992rem), 4.2rem);
  }
  .gap--xl-xl:not(.ct-section), .ct-section.gap--xl-xl &gt; .ct-section-inner-wrap {
    gap: 3.038rem;
    gap: calc(3.1984002rem + (3.1015998 * ((100vw - 32rem) / 96)));
    gap: clamp(3.1984002rem, calc(3.230833125vw + 2.1645336rem), 6.3rem);
  }
  .gap--xl-xxl:not(.ct-section), .ct-section.gap--xl-xxl &gt; .ct-section-inner-wrap {
    gap: 3.42rem;
    gap: calc(4.2634674666rem + (5.1865325334 * ((100vw - 32rem) / 96)));
    gap: clamp(4.2634674666rem, calc(5.4026380556vw + 2.5346232888rem), 9.45rem);
  }
}
@media (max-width: 991px) {
  .gap--l-xs:not(.ct-section), .ct-section.gap--l-xs &gt; .ct-section-inner-wrap {
    gap: 1.896rem;
    gap: calc(0.8rem + (0.4444444444 * ((100vw - 32rem) / 96)));
    gap: clamp(0.8rem, calc(0.462962963vw + 0.6518518519rem), 1.2444444444rem);
  }
  .gap--l-s:not(.ct-section), .ct-section.gap--l-s &gt; .ct-section-inner-wrap {
    gap: 2.133rem;
    gap: calc(1.2rem + (0.6666666667 * ((100vw - 32rem) / 96)));
    gap: clamp(1.2rem, calc(0.6944444444vw + 0.9777777778rem), 1.8666666667rem);
  }
  .gap--l-m:not(.ct-section), .ct-section.gap--l-m &gt; .ct-section-inner-wrap {
    gap: 2.4rem;
    gap: calc(1.8rem + (1 * ((100vw - 32rem) / 96)));
    gap: clamp(1.8rem, calc(1.0416666667vw + 1.4666666667rem), 2.8rem);
  }
  .gap--l-l:not(.ct-section), .ct-section.gap--l-l &gt; .ct-section-inner-wrap {
    gap: 2.7rem;
    gap: calc(2.3994rem + (1.8006 * ((100vw - 32rem) / 96)));
    gap: clamp(2.3994rem, calc(1.875625vw + 1.7992rem), 4.2rem);
  }
  .gap--l-xl:not(.ct-section), .ct-section.gap--l-xl &gt; .ct-section-inner-wrap {
    gap: 3.038rem;
    gap: calc(3.1984002rem + (3.1015998 * ((100vw - 32rem) / 96)));
    gap: clamp(3.1984002rem, calc(3.230833125vw + 2.1645336rem), 6.3rem);
  }
  .gap--l-xxl:not(.ct-section), .ct-section.gap--l-xxl &gt; .ct-section-inner-wrap {
    gap: 3.42rem;
    gap: calc(4.2634674666rem + (5.1865325334 * ((100vw - 32rem) / 96)));
    gap: clamp(4.2634674666rem, calc(5.4026380556vw + 2.5346232888rem), 9.45rem);
  }
}
@media (max-width: 767px) {
  .gap--m-xs:not(.ct-section), .ct-section.gap--m-xs &gt; .ct-section-inner-wrap {
    gap: 1.896rem;
    gap: calc(0.8rem + (0.4444444444 * ((100vw - 32rem) / 96)));
    gap: clamp(0.8rem, calc(0.462962963vw + 0.6518518519rem), 1.2444444444rem);
  }
  .gap--m-s:not(.ct-section), .ct-section.gap--m-s &gt; .ct-section-inner-wrap {
    gap: 2.133rem;
    gap: calc(1.2rem + (0.6666666667 * ((100vw - 32rem) / 96)));
    gap: clamp(1.2rem, calc(0.6944444444vw + 0.9777777778rem), 1.8666666667rem);
  }
  .gap--m-m:not(.ct-section), .ct-section.gap--m-m &gt; .ct-section-inner-wrap {
    gap: 2.4rem;
    gap: calc(1.8rem + (1 * ((100vw - 32rem) / 96)));
    gap: clamp(1.8rem, calc(1.0416666667vw + 1.4666666667rem), 2.8rem);
  }
  .gap--m-l:not(.ct-section), .ct-section.gap--m-l &gt; .ct-section-inner-wrap {
    gap: 2.7rem;
    gap: calc(2.3994rem + (1.8006 * ((100vw - 32rem) / 96)));
    gap: clamp(2.3994rem, calc(1.875625vw + 1.7992rem), 4.2rem);
  }
  .gap--m-xl:not(.ct-section), .ct-section.gap--m-xl &gt; .ct-section-inner-wrap {
    gap: 3.038rem;
    gap: calc(3.1984002rem + (3.1015998 * ((100vw - 32rem) / 96)));
    gap: clamp(3.1984002rem, calc(3.230833125vw + 2.1645336rem), 6.3rem);
  }
  .gap--m-xxl:not(.ct-section), .ct-section.gap--m-xxl &gt; .ct-section-inner-wrap {
    gap: 3.42rem;
    gap: calc(4.2634674666rem + (5.1865325334 * ((100vw - 32rem) / 96)));
    gap: clamp(4.2634674666rem, calc(5.4026380556vw + 2.5346232888rem), 9.45rem);
  }
}
@media (max-width: 479px) {
  .gap--s-xs:not(.ct-section), .ct-section.gap--s-xs &gt; .ct-section-inner-wrap {
    gap: 1.896rem;
    gap: calc(0.8rem + (0.4444444444 * ((100vw - 32rem) / 96)));
    gap: clamp(0.8rem, calc(0.462962963vw + 0.6518518519rem), 1.2444444444rem);
  }
  .gap--s-s:not(.ct-section), .ct-section.gap--s-s &gt; .ct-section-inner-wrap {
    gap: 2.133rem;
    gap: calc(1.2rem + (0.6666666667 * ((100vw - 32rem) / 96)));
    gap: clamp(1.2rem, calc(0.6944444444vw + 0.9777777778rem), 1.8666666667rem);
  }
  .gap--s-m:not(.ct-section), .ct-section.gap--s-m &gt; .ct-section-inner-wrap {
    gap: 2.4rem;
    gap: calc(1.8rem + (1 * ((100vw - 32rem) / 96)));
    gap: clamp(1.8rem, calc(1.0416666667vw + 1.4666666667rem), 2.8rem);
  }
  .gap--s-l:not(.ct-section), .ct-section.gap--s-l &gt; .ct-section-inner-wrap {
    gap: 2.7rem;
    gap: calc(2.3994rem + (1.8006 * ((100vw - 32rem) / 96)));
    gap: clamp(2.3994rem, calc(1.875625vw + 1.7992rem), 4.2rem);
  }
  .gap--s-xl:not(.ct-section), .ct-section.gap--s-xl &gt; .ct-section-inner-wrap {
    gap: 3.038rem;
    gap: calc(3.1984002rem + (3.1015998 * ((100vw - 32rem) / 96)));
    gap: clamp(3.1984002rem, calc(3.230833125vw + 2.1645336rem), 6.3rem);
  }
  .gap--s-xxl:not(.ct-section), .ct-section.gap--s-xxl &gt; .ct-section-inner-wrap {
    gap: 3.42rem;
    gap: calc(4.2634674666rem + (5.1865325334 * ((100vw - 32rem) / 96)));
    gap: clamp(4.2634674666rem, calc(5.4026380556vw + 2.5346232888rem), 9.45rem);
  }
}
@media (max-width: 359px) {
  .gap--xs-xs:not(.ct-section), .ct-section.gap--xs-xs &gt; .ct-section-inner-wrap {
    gap: 1.896rem;
    gap: calc(0.8rem + (0.4444444444 * ((100vw - 32rem) / 96)));
    gap: clamp(0.8rem, calc(0.462962963vw + 0.6518518519rem), 1.2444444444rem);
  }
  .gap--xs-s:not(.ct-section), .ct-section.gap--xs-s &gt; .ct-section-inner-wrap {
    gap: 2.133rem;
    gap: calc(1.2rem + (0.6666666667 * ((100vw - 32rem) / 96)));
    gap: clamp(1.2rem, calc(0.6944444444vw + 0.9777777778rem), 1.8666666667rem);
  }
  .gap--xs-m:not(.ct-section), .ct-section.gap--xs-m &gt; .ct-section-inner-wrap {
    gap: 2.4rem;
    gap: calc(1.8rem + (1 * ((100vw - 32rem) / 96)));
    gap: clamp(1.8rem, calc(1.0416666667vw + 1.4666666667rem), 2.8rem);
  }
  .gap--xs-l:not(.ct-section), .ct-section.gap--xs-l &gt; .ct-section-inner-wrap {
    gap: 2.7rem;
    gap: calc(2.3994rem + (1.8006 * ((100vw - 32rem) / 96)));
    gap: clamp(2.3994rem, calc(1.875625vw + 1.7992rem), 4.2rem);
  }
  .gap--xs-xl:not(.ct-section), .ct-section.gap--xs-xl &gt; .ct-section-inner-wrap {
    gap: 3.038rem;
    gap: calc(3.1984002rem + (3.1015998 * ((100vw - 32rem) / 96)));
    gap: clamp(3.1984002rem, calc(3.230833125vw + 2.1645336rem), 6.3rem);
  }
  .gap--xs-xxl:not(.ct-section), .ct-section.gap--xs-xxl &gt; .ct-section-inner-wrap {
    gap: 3.42rem;
    gap: calc(4.2634674666rem + (5.1865325334 * ((100vw - 32rem) / 96)));
    gap: clamp(4.2634674666rem, calc(5.4026380556vw + 2.5346232888rem), 9.45rem);
  }
}
.center--self {
  margin-left: auto;
  margin-right: auto;
}
.center--all:not(.ct-section), .ct-section.center--all &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: center;
  text-align: center;
}
.center--y:not(.ct-section), .ct-section.center--y &gt; .ct-section-inner-wrap {
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: flex-start;
}
.center--x:not(.ct-section), .ct-section.center--x &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  justify-content: flex-start;
  align-items: center;
}
.center--left:not(.ct-section), .ct-section.center--left &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  text-align: left;
}
.center--right:not(.ct-section), .ct-section.center--right &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-end;
}
.center--top:not(.ct-section), .ct-section.center--top &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  justify-content: flex-start;
  align-items: center;
}
.center--bottom:not(.ct-section), .ct-section.center--bottom &gt; .ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-items: flex-end;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 1439px) {
  .center--all-xxl:not(.ct-section), .ct-section.center--all-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-xxl:not(.ct-section), .ct-section.center--y-xxl &gt; .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-xxl:not(.ct-section), .ct-section.center--x-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--left-xxl:not(.ct-section), .ct-section.center--left-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-xxl:not(.ct-section), .ct-section.center--right-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top-xxl:not(.ct-section), .ct-section.center--top-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom-xxl:not(.ct-section), .ct-section.center--bottom-xxl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 1279px) {
  .center--all-xl:not(.ct-section), .ct-section.center--all-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-xl:not(.ct-section), .ct-section.center--y-xl &gt; .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-xl:not(.ct-section), .ct-section.center--x-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--left-xl:not(.ct-section), .ct-section.center--left-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-xl:not(.ct-section), .ct-section.center--right-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top-xl:not(.ct-section), .ct-section.center--top-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom-xl:not(.ct-section), .ct-section.center--bottom-xl &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .center--all-l:not(.ct-section), .ct-section.center--all-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-l:not(.ct-section), .ct-section.center--y-l &gt; .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-l:not(.ct-section), .ct-section.center--x-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--left-l:not(.ct-section), .ct-section.center--left-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-l:not(.ct-section), .ct-section.center--right-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top-l:not(.ct-section), .ct-section.center--top-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom-l:not(.ct-section), .ct-section.center--bottom-l &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .center--all-m:not(.ct-section), .ct-section.center--all-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-m:not(.ct-section), .ct-section.center--y-m &gt; .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-m:not(.ct-section), .ct-section.center--x-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--left-m:not(.ct-section), .ct-section.center--left-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-m:not(.ct-section), .ct-section.center--right-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top-m:not(.ct-section), .ct-section.center--top-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom-m:not(.ct-section), .ct-section.center--bottom-m &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 479px) {
  .center--all-s:not(.ct-section), .ct-section.center--all-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-s:not(.ct-section), .ct-section.center--y-s &gt; .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-s:not(.ct-section), .ct-section.center--x-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--left-s:not(.ct-section), .ct-section.center--left-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-s:not(.ct-section), .ct-section.center--right-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top-s:not(.ct-section), .ct-section.center--top-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom-s:not(.ct-section), .ct-section.center--bottom-s &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 359px) {
  .center--all-xs:not(.ct-section), .ct-section.center--all-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    text-align: center;
  }
  .center--y-xs:not(.ct-section), .ct-section.center--y-xs &gt; .ct-section-inner-wrap {
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
  }
  .center--x-xs:not(.ct-section), .ct-section.center--x-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--left-xs:not(.ct-section), .ct-section.center--left-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
  }
  .center--right-xs:not(.ct-section), .ct-section.center--right-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
  }
  .center--top-xs:not(.ct-section), .ct-section.center--top-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .center--bottom-xs:not(.ct-section), .ct-section.center--bottom-xs &gt; .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    justify-items: flex-end;
    justify-content: flex-end;
    align-items: center;
  }
}
.height--20:not(.ct-section), .ct-section.height--20 &gt; .ct-section-inner-wrap {
  min-block-size: 20vh;
}
.height--30:not(.ct-section), .ct-section.height--30 &gt; .ct-section-inner-wrap {
  min-block-size: 30vh;
}
.height--40:not(.ct-section), .ct-section.height--40 &gt; .ct-section-inner-wrap {
  min-block-size: 40vh;
}
.height--50:not(.ct-section), .ct-section.height--50 &gt; .ct-section-inner-wrap {
  min-block-size: 50vh;
}
.height--60:not(.ct-section), .ct-section.height--60 &gt; .ct-section-inner-wrap {
  min-block-size: 60vh;
}
.height--70:not(.ct-section), .ct-section.height--70 &gt; .ct-section-inner-wrap {
  min-block-size: 70vh;
}
.height--80:not(.ct-section), .ct-section.height--80 &gt; .ct-section-inner-wrap {
  min-block-size: 80vh;
}
.height--90:not(.ct-section), .ct-section.height--90 &gt; .ct-section-inner-wrap {
  min-block-size: 90vh;
}
.height--100:not(.ct-section), .ct-section.height--100 &gt; .ct-section-inner-wrap {
  min-block-size: 100vh;
}
.height--full:not(.ct-section), .ct-section.height--full &gt; .ct-section-inner-wrap {
  min-block-size: 100vh;
}
@media (max-width: 1439px) {
  .height--xxl-20:not(.ct-section), .ct-section.height--xxl-20 &gt; .ct-section-inner-wrap {
    min-block-size: 20vh;
  }
  .height--xxl-30:not(.ct-section), .ct-section.height--xxl-30 &gt; .ct-section-inner-wrap {
    min-block-size: 30vh;
  }
  .height--xxl-40:not(.ct-section), .ct-section.height--xxl-40 &gt; .ct-section-inner-wrap {
    min-block-size: 40vh;
  }
  .height--xxl-50:not(.ct-section), .ct-section.height--xxl-50 &gt; .ct-section-inner-wrap {
    min-block-size: 50vh;
  }
  .height--xxl-60:not(.ct-section), .ct-section.height--xxl-60 &gt; .ct-section-inner-wrap {
    min-block-size: 60vh;
  }
  .height--xxl-70:not(.ct-section), .ct-section.height--xxl-70 &gt; .ct-section-inner-wrap {
    min-block-size: 70vh;
  }
  .height--xxl-80:not(.ct-section), .ct-section.height--xxl-80 &gt; .ct-section-inner-wrap {
    min-block-size: 80vh;
  }
  .height--xxl-90:not(.ct-section), .ct-section.height--xxl-90 &gt; .ct-section-inner-wrap {
    min-block-size: 90vh;
  }
  .height--xxl-100:not(.ct-section), .ct-section.height--xxl-100 &gt; .ct-section-inner-wrap {
    min-block-size: 100vh;
  }
  .height--xxl-full:not(.ct-section), .ct-section.height--xxl-full &gt; .ct-section-inner-wrap {
    min-block-size: 100vh;
  }
}
@media (max-width: 1279px) {
  .height--xl-20:not(.ct-section), .ct-section.height--xl-20 &gt; .ct-section-inner-wrap {
    min-block-size: 20vh;
  }
  .height--xl-30:not(.ct-section), .ct-section.height--xl-30 &gt; .ct-section-inner-wrap {
    min-block-size: 30vh;
  }
  .height--xl-40:not(.ct-section), .ct-section.height--xl-40 &gt; .ct-section-inner-wrap {
    min-block-size: 40vh;
  }
  .height--xl-50:not(.ct-section), .ct-section.height--xl-50 &gt; .ct-section-inner-wrap {
    min-block-size: 50vh;
  }
  .height--xl-60:not(.ct-section), .ct-section.height--xl-60 &gt; .ct-section-inner-wrap {
    min-block-size: 60vh;
  }
  .height--xl-70:not(.ct-section), .ct-section.height--xl-70 &gt; .ct-section-inner-wrap {
    min-block-size: 70vh;
  }
  .height--xl-80:not(.ct-section), .ct-section.height--xl-80 &gt; .ct-section-inner-wrap {
    min-block-size: 80vh;
  }
  .height--xl-90:not(.ct-section), .ct-section.height--xl-90 &gt; .ct-section-inner-wrap {
    min-block-size: 90vh;
  }
  .height--xl-100:not(.ct-section), .ct-section.height--xl-100 &gt; .ct-section-inner-wrap {
    min-block-size: 100vh;
  }
  .height--xl-full:not(.ct-section), .ct-section.height--xl-full &gt; .ct-section-inner-wrap {
    min-block-size: 100vh;
  }
}
@media (max-width: 991px) {
  .height--l-20:not(.ct-section), .ct-section.height--l-20 &gt; .ct-section-inner-wrap {
    min-block-size: 20vh;
  }
  .height--l-30:not(.ct-section), .ct-section.height--l-30 &gt; .ct-section-inner-wrap {
    min-block-size: 30vh;
  }
  .height--l-40:not(.ct-section), .ct-section.height--l-40 &gt; .ct-section-inner-wrap {
    min-block-size: 40vh;
  }
  .height--l-50:not(.ct-section), .ct-section.height--l-50 &gt; .ct-section-inner-wrap {
    min-block-size: 50vh;
  }
  .height--l-60:not(.ct-section), .ct-section.height--l-60 &gt; .ct-section-inner-wrap {
    min-block-size: 60vh;
  }
  .height--l-70:not(.ct-section), .ct-section.height--l-70 &gt; .ct-section-inner-wrap {
    min-block-size: 70vh;
  }
  .height--l-80:not(.ct-section), .ct-section.height--l-80 &gt; .ct-section-inner-wrap {
    min-block-size: 80vh;
  }
  .height--l-90:not(.ct-section), .ct-section.height--l-90 &gt; .ct-section-inner-wrap {
    min-block-size: 90vh;
  }
  .height--l-100:not(.ct-section), .ct-section.height--l-100 &gt; .ct-section-inner-wrap {
    min-block-size: 100vh;
  }
  .height--l-full:not(.ct-section), .ct-section.height--l-full &gt; .ct-section-inner-wrap {
    min-block-size: 100vh;
  }
}
@media (max-width: 767px) {
  .height--m-20:not(.ct-section), .ct-section.height--m-20 &gt; .ct-section-inner-wrap {
    min-block-size: 20vh;
  }
  .height--m-30:not(.ct-section), .ct-section.height--m-30 &gt; .ct-section-inner-wrap {
    min-block-size: 30vh;
  }
  .height--m-40:not(.ct-section), .ct-section.height--m-40 &gt; .ct-section-inner-wrap {
    min-block-size: 40vh;
  }
  .height--m-50:not(.ct-section), .ct-section.height--m-50 &gt; .ct-section-inner-wrap {
    min-block-size: 50vh;
  }
  .height--m-60:not(.ct-section), .ct-section.height--m-60 &gt; .ct-section-inner-wrap {
    min-block-size: 60vh;
  }
  .height--m-70:not(.ct-section), .ct-section.height--m-70 &gt; .ct-section-inner-wrap {
    min-block-size: 70vh;
  }
  .height--m-80:not(.ct-section), .ct-section.height--m-80 &gt; .ct-section-inner-wrap {
    min-block-size: 80vh;
  }
  .height--m-90:not(.ct-section), .ct-section.height--m-90 &gt; .ct-section-inner-wrap {
    min-block-size: 90vh;
  }
  .height--m-100:not(.ct-section), .ct-section.height--m-100 &gt; .ct-section-inner-wrap {
    min-block-size: 100vh;
  }
  .height--m-full:not(.ct-section), .ct-section.height--m-full &gt; .ct-section-inner-wrap {
    min-block-size: 100vh;
  }
}
@media (max-width: 479px) {
  .height--s-20:not(.ct-section), .ct-section.height--s-20 &gt; .ct-section-inner-wrap {
    min-block-size: 20vh;
  }
  .height--s-30:not(.ct-section), .ct-section.height--s-30 &gt; .ct-section-inner-wrap {
    min-block-size: 30vh;
  }
  .height--s-40:not(.ct-section), .ct-section.height--s-40 &gt; .ct-section-inner-wrap {
    min-block-size: 40vh;
  }
  .height--s-50:not(.ct-section), .ct-section.height--s-50 &gt; .ct-section-inner-wrap {
    min-block-size: 50vh;
  }
  .height--s-60:not(.ct-section), .ct-section.height--s-60 &gt; .ct-section-inner-wrap {
    min-block-size: 60vh;
  }
  .height--s-70:not(.ct-section), .ct-section.height--s-70 &gt; .ct-section-inner-wrap {
    min-block-size: 70vh;
  }
  .height--s-80:not(.ct-section), .ct-section.height--s-80 &gt; .ct-section-inner-wrap {
    min-block-size: 80vh;
  }
  .height--s-90:not(.ct-section), .ct-section.height--s-90 &gt; .ct-section-inner-wrap {
    min-block-size: 90vh;
  }
  .height--s-100:not(.ct-section), .ct-section.height--s-100 &gt; .ct-section-inner-wrap {
    min-block-size: 100vh;
  }
  .height--s-full:not(.ct-section), .ct-section.height--s-full &gt; .ct-section-inner-wrap {
    min-block-size: 100vh;
  }
}
@media (max-width: 359px) {
  .height--xs-20:not(.ct-section), .ct-section.height--xs-20 &gt; .ct-section-inner-wrap {
    min-block-size: 20vh;
  }
  .height--xs-30:not(.ct-section), .ct-section.height--xs-30 &gt; .ct-section-inner-wrap {
    min-block-size: 30vh;
  }
  .height--xs-40:not(.ct-section), .ct-section.height--xs-40 &gt; .ct-section-inner-wrap {
    min-block-size: 40vh;
  }
  .height--xs-50:not(.ct-section), .ct-section.height--xs-50 &gt; .ct-section-inner-wrap {
    min-block-size: 50vh;
  }
  .height--xs-60:not(.ct-section), .ct-section.height--xs-60 &gt; .ct-section-inner-wrap {
    min-block-size: 60vh;
  }
  .height--xs-70:not(.ct-section), .ct-section.height--xs-70 &gt; .ct-section-inner-wrap {
    min-block-size: 70vh;
  }
  .height--xs-80:not(.ct-section), .ct-section.height--xs-80 &gt; .ct-section-inner-wrap {
    min-block-size: 80vh;
  }
  .height--xs-90:not(.ct-section), .ct-section.height--xs-90 &gt; .ct-section-inner-wrap {
    min-block-size: 90vh;
  }
  .height--xs-100:not(.ct-section), .ct-section.height--xs-100 &gt; .ct-section-inner-wrap {
    min-block-size: 100vh;
  }
  .height--xs-full:not(.ct-section), .ct-section.height--xs-full &gt; .ct-section-inner-wrap {
    min-block-size: 100vh;
  }
}
.max-height--20:not(.ct-section), .ct-section.max-height--20 &gt; .ct-section-inner-wrap {
  max-block-size: 20vh;
}
.max-height--30:not(.ct-section), .ct-section.max-height--30 &gt; .ct-section-inner-wrap {
  max-block-size: 30vh;
}
.max-height--40:not(.ct-section), .ct-section.max-height--40 &gt; .ct-section-inner-wrap {
  max-block-size: 40vh;
}
.max-height--50:not(.ct-section), .ct-section.max-height--50 &gt; .ct-section-inner-wrap {
  max-block-size: 50vh;
}
.max-height--60:not(.ct-section), .ct-section.max-height--60 &gt; .ct-section-inner-wrap {
  max-block-size: 60vh;
}
.max-height--70:not(.ct-section), .ct-section.max-height--70 &gt; .ct-section-inner-wrap {
  max-block-size: 70vh;
}
.max-height--80:not(.ct-section), .ct-section.max-height--80 &gt; .ct-section-inner-wrap {
  max-block-size: 80vh;
}
.max-height--90:not(.ct-section), .ct-section.max-height--90 &gt; .ct-section-inner-wrap {
  max-block-size: 90vh;
}
.max-height--100:not(.ct-section), .ct-section.max-height--100 &gt; .ct-section-inner-wrap {
  max-block-size: 100vh;
}
.max-height--full:not(.ct-section), .ct-section.max-height--full &gt; .ct-section-inner-wrap {
  max-block-size: 100vh;
}
@media (max-width: 1439px) {
  .max-height--xxl-20:not(.ct-section), .ct-section.max-height--xxl-20 &gt; .ct-section-inner-wrap {
    max-block-size: 20vh;
  }
  .max-height--xxl-30:not(.ct-section), .ct-section.max-height--xxl-30 &gt; .ct-section-inner-wrap {
    max-block-size: 30vh;
  }
  .max-height--xxl-40:not(.ct-section), .ct-section.max-height--xxl-40 &gt; .ct-section-inner-wrap {
    max-block-size: 40vh;
  }
  .max-height--xxl-50:not(.ct-section), .ct-section.max-height--xxl-50 &gt; .ct-section-inner-wrap {
    max-block-size: 50vh;
  }
  .max-height--xxl-60:not(.ct-section), .ct-section.max-height--xxl-60 &gt; .ct-section-inner-wrap {
    max-block-size: 60vh;
  }
  .max-height--xxl-70:not(.ct-section), .ct-section.max-height--xxl-70 &gt; .ct-section-inner-wrap {
    max-block-size: 70vh;
  }
  .max-height--xxl-80:not(.ct-section), .ct-section.max-height--xxl-80 &gt; .ct-section-inner-wrap {
    max-block-size: 80vh;
  }
  .max-height--xxl-90:not(.ct-section), .ct-section.max-height--xxl-90 &gt; .ct-section-inner-wrap {
    max-block-size: 90vh;
  }
  .max-height--xxl-100:not(.ct-section), .ct-section.max-height--xxl-100 &gt; .ct-section-inner-wrap {
    max-block-size: 100vh;
  }
  .max-height--xxl-full:not(.ct-section), .ct-section.max-height--xxl-full &gt; .ct-section-inner-wrap {
    max-block-size: 100vh;
  }
}
@media (max-width: 1279px) {
  .max-height--xl-20:not(.ct-section), .ct-section.max-height--xl-20 &gt; .ct-section-inner-wrap {
    max-block-size: 20vh;
  }
  .max-height--xl-30:not(.ct-section), .ct-section.max-height--xl-30 &gt; .ct-section-inner-wrap {
    max-block-size: 30vh;
  }
  .max-height--xl-40:not(.ct-section), .ct-section.max-height--xl-40 &gt; .ct-section-inner-wrap {
    max-block-size: 40vh;
  }
  .max-height--xl-50:not(.ct-section), .ct-section.max-height--xl-50 &gt; .ct-section-inner-wrap {
    max-block-size: 50vh;
  }
  .max-height--xl-60:not(.ct-section), .ct-section.max-height--xl-60 &gt; .ct-section-inner-wrap {
    max-block-size: 60vh;
  }
  .max-height--xl-70:not(.ct-section), .ct-section.max-height--xl-70 &gt; .ct-section-inner-wrap {
    max-block-size: 70vh;
  }
  .max-height--xl-80:not(.ct-section), .ct-section.max-height--xl-80 &gt; .ct-section-inner-wrap {
    max-block-size: 80vh;
  }
  .max-height--xl-90:not(.ct-section), .ct-section.max-height--xl-90 &gt; .ct-section-inner-wrap {
    max-block-size: 90vh;
  }
  .max-height--xl-100:not(.ct-section), .ct-section.max-height--xl-100 &gt; .ct-section-inner-wrap {
    max-block-size: 100vh;
  }
  .max-height--xl-full:not(.ct-section), .ct-section.max-height--xl-full &gt; .ct-section-inner-wrap {
    max-block-size: 100vh;
  }
}
@media (max-width: 991px) {
  .max-height--l-20:not(.ct-section), .ct-section.max-height--l-20 &gt; .ct-section-inner-wrap {
    max-block-size: 20vh;
  }
  .max-height--l-30:not(.ct-section), .ct-section.max-height--l-30 &gt; .ct-section-inner-wrap {
    max-block-size: 30vh;
  }
  .max-height--l-40:not(.ct-section), .ct-section.max-height--l-40 &gt; .ct-section-inner-wrap {
    max-block-size: 40vh;
  }
  .max-height--l-50:not(.ct-section), .ct-section.max-height--l-50 &gt; .ct-section-inner-wrap {
    max-block-size: 50vh;
  }
  .max-height--l-60:not(.ct-section), .ct-section.max-height--l-60 &gt; .ct-section-inner-wrap {
    max-block-size: 60vh;
  }
  .max-height--l-70:not(.ct-section), .ct-section.max-height--l-70 &gt; .ct-section-inner-wrap {
    max-block-size: 70vh;
  }
  .max-height--l-80:not(.ct-section), .ct-section.max-height--l-80 &gt; .ct-section-inner-wrap {
    max-block-size: 80vh;
  }
  .max-height--l-90:not(.ct-section), .ct-section.max-height--l-90 &gt; .ct-section-inner-wrap {
    max-block-size: 90vh;
  }
  .max-height--l-100:not(.ct-section), .ct-section.max-height--l-100 &gt; .ct-section-inner-wrap {
    max-block-size: 100vh;
  }
  .max-height--l-full:not(.ct-section), .ct-section.max-height--l-full &gt; .ct-section-inner-wrap {
    max-block-size: 100vh;
  }
}
@media (max-width: 767px) {
  .max-height--m-20:not(.ct-section), .ct-section.max-height--m-20 &gt; .ct-section-inner-wrap {
    max-block-size: 20vh;
  }
  .max-height--m-30:not(.ct-section), .ct-section.max-height--m-30 &gt; .ct-section-inner-wrap {
    max-block-size: 30vh;
  }
  .max-height--m-40:not(.ct-section), .ct-section.max-height--m-40 &gt; .ct-section-inner-wrap {
    max-block-size: 40vh;
  }
  .max-height--m-50:not(.ct-section), .ct-section.max-height--m-50 &gt; .ct-section-inner-wrap {
    max-block-size: 50vh;
  }
  .max-height--m-60:not(.ct-section), .ct-section.max-height--m-60 &gt; .ct-section-inner-wrap {
    max-block-size: 60vh;
  }
  .max-height--m-70:not(.ct-section), .ct-section.max-height--m-70 &gt; .ct-section-inner-wrap {
    max-block-size: 70vh;
  }
  .max-height--m-80:not(.ct-section), .ct-section.max-height--m-80 &gt; .ct-section-inner-wrap {
    max-block-size: 80vh;
  }
  .max-height--m-90:not(.ct-section), .ct-section.max-height--m-90 &gt; .ct-section-inner-wrap {
    max-block-size: 90vh;
  }
  .max-height--m-100:not(.ct-section), .ct-section.max-height--m-100 &gt; .ct-section-inner-wrap {
    max-block-size: 100vh;
  }
  .max-height--m-full:not(.ct-section), .ct-section.max-height--m-full &gt; .ct-section-inner-wrap {
    max-block-size: 100vh;
  }
}
@media (max-width: 479px) {
  .max-height--s-20:not(.ct-section), .ct-section.max-height--s-20 &gt; .ct-section-inner-wrap {
    max-block-size: 20vh;
  }
  .max-height--s-30:not(.ct-section), .ct-section.max-height--s-30 &gt; .ct-section-inner-wrap {
    max-block-size: 30vh;
  }
  .max-height--s-40:not(.ct-section), .ct-section.max-height--s-40 &gt; .ct-section-inner-wrap {
    max-block-size: 40vh;
  }
  .max-height--s-50:not(.ct-section), .ct-section.max-height--s-50 &gt; .ct-section-inner-wrap {
    max-block-size: 50vh;
  }
  .max-height--s-60:not(.ct-section), .ct-section.max-height--s-60 &gt; .ct-section-inner-wrap {
    max-block-size: 60vh;
  }
  .max-height--s-70:not(.ct-section), .ct-section.max-height--s-70 &gt; .ct-section-inner-wrap {
    max-block-size: 70vh;
  }
  .max-height--s-80:not(.ct-section), .ct-section.max-height--s-80 &gt; .ct-section-inner-wrap {
    max-block-size: 80vh;
  }
  .max-height--s-90:not(.ct-section), .ct-section.max-height--s-90 &gt; .ct-section-inner-wrap {
    max-block-size: 90vh;
  }
  .max-height--s-100:not(.ct-section), .ct-section.max-height--s-100 &gt; .ct-section-inner-wrap {
    max-block-size: 100vh;
  }
  .max-height--s-full:not(.ct-section), .ct-section.max-height--s-full &gt; .ct-section-inner-wrap {
    max-block-size: 100vh;
  }
}
@media (max-width: 359px) {
  .max-height--xs-20:not(.ct-section), .ct-section.max-height--xs-20 &gt; .ct-section-inner-wrap {
    max-block-size: 20vh;
  }
  .max-height--xs-30:not(.ct-section), .ct-section.max-height--xs-30 &gt; .ct-section-inner-wrap {
    max-block-size: 30vh;
  }
  .max-height--xs-40:not(.ct-section), .ct-section.max-height--xs-40 &gt; .ct-section-inner-wrap {
    max-block-size: 40vh;
  }
  .max-height--xs-50:not(.ct-section), .ct-section.max-height--xs-50 &gt; .ct-section-inner-wrap {
    max-block-size: 50vh;
  }
  .max-height--xs-60:not(.ct-section), .ct-section.max-height--xs-60 &gt; .ct-section-inner-wrap {
    max-block-size: 60vh;
  }
  .max-height--xs-70:not(.ct-section), .ct-section.max-height--xs-70 &gt; .ct-section-inner-wrap {
    max-block-size: 70vh;
  }
  .max-height--xs-80:not(.ct-section), .ct-section.max-height--xs-80 &gt; .ct-section-inner-wrap {
    max-block-size: 80vh;
  }
  .max-height--xs-90:not(.ct-section), .ct-section.max-height--xs-90 &gt; .ct-section-inner-wrap {
    max-block-size: 90vh;
  }
  .max-height--xs-100:not(.ct-section), .ct-section.max-height--xs-100 &gt; .ct-section-inner-wrap {
    max-block-size: 100vh;
  }
  .max-height--xs-full:not(.ct-section), .ct-section.max-height--xs-full &gt; .ct-section-inner-wrap {
    max-block-size: 100vh;
  }
}
.pad-section--xs:not(.ct-section), .pad-section--xs .ct-section-inner-wrap {
  padding: 1.896rem 2.4rem;
  padding: calc(2.4rem + (2.5777777778 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
  padding: clamp(2.4rem, calc(2.6851851852vw + 1.5407407407rem), 4.9777777778rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.pad-section--s:not(.ct-section), .pad-section--s .ct-section-inner-wrap {
  padding: 2.133rem 2.4rem;
  padding: calc(3.6rem + (3.8666666667 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
  padding: clamp(3.6rem, calc(4.0277777778vw + 2.3111111111rem), 7.4666666667rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.pad-section--m:not(.ct-section), .pad-section--m .ct-section-inner-wrap {
  padding: 2.4rem 2.4rem;
  padding: calc(5.4rem + (5.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
  padding: clamp(5.4rem, calc(6.0416666667vw + 3.4666666667rem), 11.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.pad-section--l:not(.ct-section), .pad-section--l .ct-section-inner-wrap {
  padding: 2.7rem 2.4rem;
  padding: calc(7.1982rem + (9.6018 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
  padding: clamp(7.1982rem, calc(10.001875vw + 3.9976rem), 16.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.pad-section--xl:not(.ct-section), .pad-section--xl .ct-section-inner-wrap {
  padding: 3.038rem 2.4rem;
  padding: calc(9.5952006rem + (15.6047994 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
  padding: clamp(9.5952006rem, calc(16.254999375vw + 4.3936008rem), 25.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.pad-section--xxl:not(.ct-section), .pad-section--xxl .ct-section-inner-wrap {
  padding: 3.42rem 2.4rem;
  padding: calc(12.7904023998rem + (25.0095976002 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
  padding: clamp(12.7904023998rem, calc(26.0516641669vw + 4.4538698664rem), 37.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.pad-section--none:not(.ct-section), .pad-section--none .ct-section-inner-wrap {
  padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
@media (max-width: 1439px) {
  .pad-section--xxl-xs:not(.ct-section), .pad-section--xxl-xs .ct-section-inner-wrap {
    padding: 1.896rem 2.4rem;
    padding: calc(2.4rem + (2.5777777778 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(2.4rem, calc(2.6851851852vw + 1.5407407407rem), 4.9777777778rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xxl-none:not(.ct-section), .pad-section--xxl-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xxl:not(.ct-section), .pad--none--xxl .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xxl-s:not(.ct-section), .pad-section--xxl-s .ct-section-inner-wrap {
    padding: 2.133rem 2.4rem;
    padding: calc(3.6rem + (3.8666666667 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(3.6rem, calc(4.0277777778vw + 2.3111111111rem), 7.4666666667rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xxl-none:not(.ct-section), .pad-section--xxl-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xxl:not(.ct-section), .pad--none--xxl .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xxl-m:not(.ct-section), .pad-section--xxl-m .ct-section-inner-wrap {
    padding: 2.4rem 2.4rem;
    padding: calc(5.4rem + (5.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(5.4rem, calc(6.0416666667vw + 3.4666666667rem), 11.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xxl-none:not(.ct-section), .pad-section--xxl-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xxl:not(.ct-section), .pad--none--xxl .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xxl-l:not(.ct-section), .pad-section--xxl-l .ct-section-inner-wrap {
    padding: 2.7rem 2.4rem;
    padding: calc(7.1982rem + (9.6018 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(7.1982rem, calc(10.001875vw + 3.9976rem), 16.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xxl-none:not(.ct-section), .pad-section--xxl-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xxl:not(.ct-section), .pad--none--xxl .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xxl-xl:not(.ct-section), .pad-section--xxl-xl .ct-section-inner-wrap {
    padding: 3.038rem 2.4rem;
    padding: calc(9.5952006rem + (15.6047994 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(9.5952006rem, calc(16.254999375vw + 4.3936008rem), 25.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xxl-none:not(.ct-section), .pad-section--xxl-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xxl:not(.ct-section), .pad--none--xxl .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xxl-xxl:not(.ct-section), .pad-section--xxl-xxl .ct-section-inner-wrap {
    padding: 3.42rem 2.4rem;
    padding: calc(12.7904023998rem + (25.0095976002 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(12.7904023998rem, calc(26.0516641669vw + 4.4538698664rem), 37.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xxl-none:not(.ct-section), .pad-section--xxl-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xxl:not(.ct-section), .pad--none--xxl .ct-section-inner-wrap {
    padding: 0 !important;
  }
}
@media (max-width: 1279px) {
  .pad-section--xl-xs:not(.ct-section), .pad-section--xl-xs .ct-section-inner-wrap {
    padding: 1.896rem 2.4rem;
    padding: calc(2.4rem + (2.5777777778 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(2.4rem, calc(2.6851851852vw + 1.5407407407rem), 4.9777777778rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-none:not(.ct-section), .pad-section--xl-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xl:not(.ct-section), .pad--none--xl .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xl-s:not(.ct-section), .pad-section--xl-s .ct-section-inner-wrap {
    padding: 2.133rem 2.4rem;
    padding: calc(3.6rem + (3.8666666667 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(3.6rem, calc(4.0277777778vw + 2.3111111111rem), 7.4666666667rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-none:not(.ct-section), .pad-section--xl-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xl:not(.ct-section), .pad--none--xl .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xl-m:not(.ct-section), .pad-section--xl-m .ct-section-inner-wrap {
    padding: 2.4rem 2.4rem;
    padding: calc(5.4rem + (5.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(5.4rem, calc(6.0416666667vw + 3.4666666667rem), 11.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-none:not(.ct-section), .pad-section--xl-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xl:not(.ct-section), .pad--none--xl .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xl-l:not(.ct-section), .pad-section--xl-l .ct-section-inner-wrap {
    padding: 2.7rem 2.4rem;
    padding: calc(7.1982rem + (9.6018 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(7.1982rem, calc(10.001875vw + 3.9976rem), 16.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-none:not(.ct-section), .pad-section--xl-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xl:not(.ct-section), .pad--none--xl .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xl-xl:not(.ct-section), .pad-section--xl-xl .ct-section-inner-wrap {
    padding: 3.038rem 2.4rem;
    padding: calc(9.5952006rem + (15.6047994 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(9.5952006rem, calc(16.254999375vw + 4.3936008rem), 25.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-none:not(.ct-section), .pad-section--xl-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xl:not(.ct-section), .pad--none--xl .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xl-xxl:not(.ct-section), .pad-section--xl-xxl .ct-section-inner-wrap {
    padding: 3.42rem 2.4rem;
    padding: calc(12.7904023998rem + (25.0095976002 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(12.7904023998rem, calc(26.0516641669vw + 4.4538698664rem), 37.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xl-none:not(.ct-section), .pad-section--xl-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xl:not(.ct-section), .pad--none--xl .ct-section-inner-wrap {
    padding: 0 !important;
  }
}
@media (max-width: 991px) {
  .pad-section--l-xs:not(.ct-section), .pad-section--l-xs .ct-section-inner-wrap {
    padding: 1.896rem 2.4rem;
    padding: calc(2.4rem + (2.5777777778 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(2.4rem, calc(2.6851851852vw + 1.5407407407rem), 4.9777777778rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-none:not(.ct-section), .pad-section--l-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--l:not(.ct-section), .pad--none--l .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--l-s:not(.ct-section), .pad-section--l-s .ct-section-inner-wrap {
    padding: 2.133rem 2.4rem;
    padding: calc(3.6rem + (3.8666666667 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(3.6rem, calc(4.0277777778vw + 2.3111111111rem), 7.4666666667rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-none:not(.ct-section), .pad-section--l-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--l:not(.ct-section), .pad--none--l .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--l-m:not(.ct-section), .pad-section--l-m .ct-section-inner-wrap {
    padding: 2.4rem 2.4rem;
    padding: calc(5.4rem + (5.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(5.4rem, calc(6.0416666667vw + 3.4666666667rem), 11.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-none:not(.ct-section), .pad-section--l-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--l:not(.ct-section), .pad--none--l .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--l-l:not(.ct-section), .pad-section--l-l .ct-section-inner-wrap {
    padding: 2.7rem 2.4rem;
    padding: calc(7.1982rem + (9.6018 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(7.1982rem, calc(10.001875vw + 3.9976rem), 16.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-none:not(.ct-section), .pad-section--l-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--l:not(.ct-section), .pad--none--l .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--l-xl:not(.ct-section), .pad-section--l-xl .ct-section-inner-wrap {
    padding: 3.038rem 2.4rem;
    padding: calc(9.5952006rem + (15.6047994 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(9.5952006rem, calc(16.254999375vw + 4.3936008rem), 25.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-none:not(.ct-section), .pad-section--l-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--l:not(.ct-section), .pad--none--l .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--l-xxl:not(.ct-section), .pad-section--l-xxl .ct-section-inner-wrap {
    padding: 3.42rem 2.4rem;
    padding: calc(12.7904023998rem + (25.0095976002 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(12.7904023998rem, calc(26.0516641669vw + 4.4538698664rem), 37.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--l-none:not(.ct-section), .pad-section--l-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--l:not(.ct-section), .pad--none--l .ct-section-inner-wrap {
    padding: 0 !important;
  }
}
@media (max-width: 767px) {
  .pad-section--m-xs:not(.ct-section), .pad-section--m-xs .ct-section-inner-wrap {
    padding: 1.896rem 2.4rem;
    padding: calc(2.4rem + (2.5777777778 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(2.4rem, calc(2.6851851852vw + 1.5407407407rem), 4.9777777778rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-none:not(.ct-section), .pad-section--m-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--m:not(.ct-section), .pad--none--m .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--m-s:not(.ct-section), .pad-section--m-s .ct-section-inner-wrap {
    padding: 2.133rem 2.4rem;
    padding: calc(3.6rem + (3.8666666667 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(3.6rem, calc(4.0277777778vw + 2.3111111111rem), 7.4666666667rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-none:not(.ct-section), .pad-section--m-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--m:not(.ct-section), .pad--none--m .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--m-m:not(.ct-section), .pad-section--m-m .ct-section-inner-wrap {
    padding: 2.4rem 2.4rem;
    padding: calc(5.4rem + (5.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(5.4rem, calc(6.0416666667vw + 3.4666666667rem), 11.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-none:not(.ct-section), .pad-section--m-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--m:not(.ct-section), .pad--none--m .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--m-l:not(.ct-section), .pad-section--m-l .ct-section-inner-wrap {
    padding: 2.7rem 2.4rem;
    padding: calc(7.1982rem + (9.6018 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(7.1982rem, calc(10.001875vw + 3.9976rem), 16.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-none:not(.ct-section), .pad-section--m-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--m:not(.ct-section), .pad--none--m .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--m-xl:not(.ct-section), .pad-section--m-xl .ct-section-inner-wrap {
    padding: 3.038rem 2.4rem;
    padding: calc(9.5952006rem + (15.6047994 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(9.5952006rem, calc(16.254999375vw + 4.3936008rem), 25.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-none:not(.ct-section), .pad-section--m-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--m:not(.ct-section), .pad--none--m .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--m-xxl:not(.ct-section), .pad-section--m-xxl .ct-section-inner-wrap {
    padding: 3.42rem 2.4rem;
    padding: calc(12.7904023998rem + (25.0095976002 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(12.7904023998rem, calc(26.0516641669vw + 4.4538698664rem), 37.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--m-none:not(.ct-section), .pad-section--m-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--m:not(.ct-section), .pad--none--m .ct-section-inner-wrap {
    padding: 0 !important;
  }
}
@media (max-width: 479px) {
  .pad-section--s-xs:not(.ct-section), .pad-section--s-xs .ct-section-inner-wrap {
    padding: 1.896rem 2.4rem;
    padding: calc(2.4rem + (2.5777777778 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(2.4rem, calc(2.6851851852vw + 1.5407407407rem), 4.9777777778rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-none:not(.ct-section), .pad-section--s-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--s:not(.ct-section), .pad--none--s .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--s-s:not(.ct-section), .pad-section--s-s .ct-section-inner-wrap {
    padding: 2.133rem 2.4rem;
    padding: calc(3.6rem + (3.8666666667 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(3.6rem, calc(4.0277777778vw + 2.3111111111rem), 7.4666666667rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-none:not(.ct-section), .pad-section--s-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--s:not(.ct-section), .pad--none--s .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--s-m:not(.ct-section), .pad-section--s-m .ct-section-inner-wrap {
    padding: 2.4rem 2.4rem;
    padding: calc(5.4rem + (5.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(5.4rem, calc(6.0416666667vw + 3.4666666667rem), 11.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-none:not(.ct-section), .pad-section--s-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--s:not(.ct-section), .pad--none--s .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--s-l:not(.ct-section), .pad-section--s-l .ct-section-inner-wrap {
    padding: 2.7rem 2.4rem;
    padding: calc(7.1982rem + (9.6018 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(7.1982rem, calc(10.001875vw + 3.9976rem), 16.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-none:not(.ct-section), .pad-section--s-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--s:not(.ct-section), .pad--none--s .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--s-xl:not(.ct-section), .pad-section--s-xl .ct-section-inner-wrap {
    padding: 3.038rem 2.4rem;
    padding: calc(9.5952006rem + (15.6047994 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(9.5952006rem, calc(16.254999375vw + 4.3936008rem), 25.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-none:not(.ct-section), .pad-section--s-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--s:not(.ct-section), .pad--none--s .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--s-xxl:not(.ct-section), .pad-section--s-xxl .ct-section-inner-wrap {
    padding: 3.42rem 2.4rem;
    padding: calc(12.7904023998rem + (25.0095976002 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(12.7904023998rem, calc(26.0516641669vw + 4.4538698664rem), 37.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--s-none:not(.ct-section), .pad-section--s-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--s:not(.ct-section), .pad--none--s .ct-section-inner-wrap {
    padding: 0 !important;
  }
}
@media (max-width: 359px) {
  .pad-section--xs-xs:not(.ct-section), .pad-section--xs-xs .ct-section-inner-wrap {
    padding: 1.896rem 2.4rem;
    padding: calc(2.4rem + (2.5777777778 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(2.4rem, calc(2.6851851852vw + 1.5407407407rem), 4.9777777778rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xs-none:not(.ct-section), .pad-section--xs-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xs:not(.ct-section), .pad--none--xs .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xs-s:not(.ct-section), .pad-section--xs-s .ct-section-inner-wrap {
    padding: 2.133rem 2.4rem;
    padding: calc(3.6rem + (3.8666666667 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(3.6rem, calc(4.0277777778vw + 2.3111111111rem), 7.4666666667rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xs-none:not(.ct-section), .pad-section--xs-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xs:not(.ct-section), .pad--none--xs .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xs-m:not(.ct-section), .pad-section--xs-m .ct-section-inner-wrap {
    padding: 2.4rem 2.4rem;
    padding: calc(5.4rem + (5.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(5.4rem, calc(6.0416666667vw + 3.4666666667rem), 11.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xs-none:not(.ct-section), .pad-section--xs-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xs:not(.ct-section), .pad--none--xs .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xs-l:not(.ct-section), .pad-section--xs-l .ct-section-inner-wrap {
    padding: 2.7rem 2.4rem;
    padding: calc(7.1982rem + (9.6018 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(7.1982rem, calc(10.001875vw + 3.9976rem), 16.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xs-none:not(.ct-section), .pad-section--xs-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xs:not(.ct-section), .pad--none--xs .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xs-xl:not(.ct-section), .pad-section--xs-xl .ct-section-inner-wrap {
    padding: 3.038rem 2.4rem;
    padding: calc(9.5952006rem + (15.6047994 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(9.5952006rem, calc(16.254999375vw + 4.3936008rem), 25.2rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xs-none:not(.ct-section), .pad-section--xs-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xs:not(.ct-section), .pad--none--xs .ct-section-inner-wrap {
    padding: 0 !important;
  }
  .pad-section--xs-xxl:not(.ct-section), .pad-section--xs-xxl .ct-section-inner-wrap {
    padding: 3.42rem 2.4rem;
    padding: calc(12.7904023998rem + (25.0095976002 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
    padding: clamp(12.7904023998rem, calc(26.0516641669vw + 4.4538698664rem), 37.8rem) clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad-section--xs-none:not(.ct-section), .pad-section--xs-none .ct-section-inner-wrap {
    padding: 0 clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
  }
  .pad--none--xs:not(.ct-section), .pad--none--xs .ct-section-inner-wrap {
    padding: 0 !important;
  }
}
.pad--none .ct-section-inner-wrap {
  padding: 0 !important;
}
section.fr-hero-padding {
  padding-block: var(--fr-hero-padding);
}
.pad-header--xs {
  padding: 1.896rem 0;
  padding: calc(0.8rem + (0.4444444444 * ((100vw - 32rem) / 96))) 0;
  padding: clamp(0.8rem, calc(0.462962963vw + 0.6518518519rem), 1.2444444444rem) 0;
}
.pad-header--s {
  padding: 2.133rem 0;
  padding: calc(1.2rem + (0.6666666667 * ((100vw - 32rem) / 96))) 0;
  padding: clamp(1.2rem, calc(0.6944444444vw + 0.9777777778rem), 1.8666666667rem) 0;
}
.pad-header--m {
  padding: 2.4rem 0;
  padding: calc(1.8rem + (1 * ((100vw - 32rem) / 96))) 0;
  padding: clamp(1.8rem, calc(1.0416666667vw + 1.4666666667rem), 2.8rem) 0;
}
.pad-header--l {
  padding: 2.7rem 0;
  padding: calc(2.3994rem + (1.8006 * ((100vw - 32rem) / 96))) 0;
  padding: clamp(2.3994rem, calc(1.875625vw + 1.7992rem), 4.2rem) 0;
}
.pad-header--xl {
  padding: 3.038rem 0;
  padding: calc(3.1984002rem + (3.1015998 * ((100vw - 32rem) / 96))) 0;
  padding: clamp(3.1984002rem, calc(3.230833125vw + 2.1645336rem), 6.3rem) 0;
}
.pad-header--xxl {
  padding: 3.42rem 0;
  padding: calc(4.2634674666rem + (5.1865325334 * ((100vw - 32rem) / 96))) 0;
  padding: clamp(4.2634674666rem, calc(5.4026380556vw + 2.5346232888rem), 9.45rem) 0;
}
.width--vp-max {
  inline-size: 100%;
  max-inline-size: calc((128 - 2.8 * 2) * 1rem);
  margin-inline: auto;
}
:root {
  --vp-max: calc((128 - 2.8 * 2) * 1rem);
}
.display--inline {
  display: inline;
}
.display--block {
  display: block;
}
.display--contents {
  display: contents;
}
.display--inline-block {
  display: inline-block;
}
.display--inline-flex {
  display: inline-flex;
}
.display--list-item {
  display: list-item;
}
.display--none {
  display: none;
}
@media (max-width: 1439px) {
  .display--xxl-block {
    display: block;
  }
  .display--xxl-none {
    display: none;
  }
}
@media (max-width: 1279px) {
  .display--xl-block {
    display: block;
  }
  .display--xl-none {
    display: none;
  }
}
@media (max-width: 991px) {
  .display--l-block {
    display: block;
  }
  .display--l-none {
    display: none;
  }
}
@media (max-width: 767px) {
  .display--m-block {
    display: block;
  }
  .display--m-none {
    display: none;
  }
}
@media (max-width: 479px) {
  .display--s-block {
    display: block;
  }
  .display--s-none {
    display: none;
  }
}
@media (max-width: 359px) {
  .display--xs-block {
    display: block;
  }
  .display--xs-none {
    display: none;
  }
}
</pre></body></html>