body {
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
line-height: 1.5;
}
.ct-section-inner-wrap {
padding: 6rem 2.4rem;
padding: calc(7.2rem + (4.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) 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;
} :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;
text-align: 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(1.1111111111rem + (0.1388888889 * ((100vw - 32rem) / 96)));
font-size: clamp(1.1111111111rem, calc(0.1446759259vw + 1.0648148148rem), 1.25rem);
}
.text--s {
font-size: 1.42rem;
font-size: calc(1.3333333333rem + (0.1666666667 * ((100vw - 32rem) / 96)));
font-size: clamp(1.3333333333rem, calc(0.1736111111vw + 1.2777777778rem), 1.5rem);
}
.text--m {
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.text--l {
font-size: 2.025rem;
font-size: calc(1.92rem + (0.24 * ((100vw - 32rem) / 96)));
font-size: clamp(1.92rem, calc(0.25vw + 1.84rem), 2.16rem);
}
.text--xl {
font-size: 2.28rem;
font-size: calc(2.304rem + (0.288 * ((100vw - 32rem) / 96)));
font-size: clamp(2.304rem, calc(0.3vw + 2.208rem), 2.592rem);
}
.text--xxl {
font-size: 2.565rem;
font-size: calc(2.7648rem + (0.3456 * ((100vw - 32rem) / 96)));
font-size: clamp(2.7648rem, calc(0.36vw + 2.6496rem), 3.1104rem);
}
.text--xs.text--larger {
font-size: 1.56rem;
font-size: calc(1.3333333333rem + (0.5416666667 * ((100vw - 32rem) / 96)));
font-size: clamp(1.3333333333rem, calc(0.5642361111vw + 1.1527777778rem), 1.875rem);
}
.text--s.text--larger {
font-size: 1.68rem;
font-size: calc(1.6rem + (0.65 * ((100vw - 32rem) / 96)));
font-size: clamp(1.6rem, calc(0.6770833333vw + 1.3833333333rem), 2.25rem);
}
.text--m.text--larger {
font-size: 2.16rem;
font-size: calc(1.92rem + (0.78 * ((100vw - 32rem) / 96)));
font-size: clamp(1.92rem, calc(0.8125vw + 1.66rem), 2.7rem);
}
.text--l.text--larger {
font-size: 2.4rem;
font-size: calc(2.304rem + (0.936 * ((100vw - 32rem) / 96)));
font-size: clamp(2.304rem, calc(0.975vw + 1.992rem), 3.24rem);
}
.text--xl.text--larger {
font-size: 2.76rem;
font-size: calc(2.7648rem + (1.1232 * ((100vw - 32rem) / 96)));
font-size: clamp(2.7648rem, calc(1.17vw + 2.3904rem), 3.888rem);
}
.text--xxl.text--larger {
font-size: 3.12rem;
font-size: calc(3.31776rem + (1.34784 * ((100vw - 32rem) / 96)));
font-size: clamp(3.31776rem, calc(1.404vw + 2.86848rem), 4.6656rem);
}
h1.text--larger {
font-size: 3.12rem;
font-size: calc(4.2rem + (2.55 * ((100vw - 32rem) / 96)));
font-size: clamp(4.2rem, calc(2.65625vw + 3.35rem), 6.75rem);
}
h2.text--larger {
font-size: 2.76rem;
font-size: calc(2.7648rem + (1.1232 * ((100vw - 32rem) / 96)));
font-size: clamp(2.7648rem, calc(1.17vw + 2.3904rem), 3.888rem);
}
h3.text--larger {
font-size: 2.4rem;
font-size: calc(2.304rem + (0.936 * ((100vw - 32rem) / 96)));
font-size: clamp(2.304rem, calc(0.975vw + 1.992rem), 3.24rem);
}
h4.text--larger {
font-size: 2.16rem;
font-size: calc(1.92rem + (0.78 * ((100vw - 32rem) / 96)));
font-size: clamp(1.92rem, calc(0.8125vw + 1.66rem), 2.7rem);
}
h5.text--larger {
font-size: 1.68rem;
font-size: calc(1.44rem + (0.36 * ((100vw - 32rem) / 96)));
font-size: clamp(1.44rem, calc(0.375vw + 1.32rem), 1.8rem);
}
h6.text--larger {
font-size: 1.56rem;
font-size: calc(1.32rem + (0.33 * ((100vw - 32rem) / 96)));
font-size: clamp(1.32rem, calc(0.34375vw + 1.21rem), 1.65rem);
}
.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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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;
text-align: center;
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.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(--primary-ultra-light);
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;
text-align: center;
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.btn--primary:hover, .ct-link-button.btn--primary:hover {
background-color: var(--primary-hover);
color: var(--primary-ultra-light);
border-color: var(--primary-hover);
cursor: pointer;
}
.btn--primary.btn--outline, .ct-link-button.btn--primary.btn--outline {
background-color: transparent;
border-style: solid;
cursor: pointer;
color: var(--primary);
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(--primary-ultra-light);
}
.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;
text-align: center;
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.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;
text-align: center;
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.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;
text-align: center;
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.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;
text-align: center;
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.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;
text-align: center;
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
.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(1.1111111111rem + (0.1388888889 * ((100vw - 32rem) / 96)));
font-size: clamp(1.1111111111rem, calc(0.1446759259vw + 1.0648148148rem), 1.25rem);
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;
text-align: center;
cursor: pointer;
}
.btn--s, .ct-link-button.btn--s {
font-size: 1.42rem;
font-size: calc(1.3333333333rem + (0.1666666667 * ((100vw - 32rem) / 96)));
font-size: clamp(1.3333333333rem, calc(0.1736111111vw + 1.2777777778rem), 1.5rem);
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;
text-align: center;
cursor: pointer;
}
.btn--m, .ct-link-button.btn--m {
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
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;
text-align: center;
cursor: pointer;
}
.btn--l, .ct-link-button.btn--l {
font-size: 2.025rem;
font-size: calc(1.92rem + (0.24 * ((100vw - 32rem) / 96)));
font-size: clamp(1.92rem, calc(0.25vw + 1.84rem), 2.16rem);
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;
text-align: center;
cursor: pointer;
}
.btn--xl, .ct-link-button.btn--xl {
font-size: 2.28rem;
font-size: calc(2.304rem + (0.288 * ((100vw - 32rem) / 96)));
font-size: clamp(2.304rem, calc(0.3vw + 2.208rem), 2.592rem);
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;
text-align: center;
cursor: pointer;
}
.btn--xxl, .ct-link-button.btn--xxl {
font-size: 2.565rem;
font-size: calc(2.7648rem + (0.3456 * ((100vw - 32rem) / 96)));
font-size: clamp(2.7648rem, calc(0.36vw + 2.6496rem), 3.1104rem);
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;
text-align: center;
cursor: pointer;
}
.ct-video.aspect--1-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--1-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--1-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--1-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--2-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--2-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--2-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--2-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--3-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--3-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--3-4 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--3-4 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--4-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--4-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--16-9 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--16-9 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.ct-video.aspect--9-16 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.ct-video.aspect--9-16 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
@media (max-width: 1439px) {
.aspect--xxl-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xxl-1-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xxl-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xxl-1-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xxl-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xxl-2-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xxl-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xxl-2-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xxl-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xxl-3-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xxl-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xxl-3-4 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xxl-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xxl-4-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xxl-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xxl-16-9 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xxl-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xxl-9-16 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
}
@media (max-width: 1279px) {
.aspect--xl-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-1-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-1-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-2-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-2-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-3-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-3-4 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-4-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-16-9 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xl-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xl-9-16 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
}
@media (max-width: 991px) {
.aspect--l-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-1-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-1-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-2-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-2-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-3-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-3-4 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-4-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-16-9 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--l-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--l-9-16 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
}
@media (max-width: 767px) {
.aspect--m-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-1-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-1-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-2-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-2-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-3-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-3-4 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-4-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-16-9 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--m-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--m-9-16 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
}
@media (max-width: 479px) {
.aspect--s-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-1-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-1-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-2-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-2-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-3-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-3-4 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-4-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-16-9 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--s-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--s-9-16 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
}
@media (max-width: 359px) {
.aspect--xs-1-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xs-1-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xs-1-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xs-1-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xs-2-1 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xs-2-1 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xs-2-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xs-2-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xs-3-2 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xs-3-2 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xs-3-4 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xs-3-4 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xs-4-3 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xs-4-3 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xs-16-9 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xs-16-9 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
.aspect--xs-9-16 > .oxygen-vsb-responsive-video-wrapper > iframe {
position: relative;
}
.aspect--xs-9-16 > .oxygen-vsb-responsive-video-wrapper {
padding-block-end: 0 !important;
}
}
@media (min-width: 1279px) {
.breakout--s {
inline-size: 60vw;
max-inline-size: 60vw !important;
margin-inline: calc(-30vw + 50%);
}
.ct-image.breakout--s {
inline-size: 60vw;
max-inline-size: 60vw !important;
margin-inline: calc(-30vw + 50%);
}
.breakout--m {
inline-size: 70vw;
max-inline-size: 70vw !important;
margin-inline: calc(-35vw + 50%);
}
.ct-image.breakout--m {
inline-size: 70vw;
max-inline-size: 70vw !important;
margin-inline: calc(-35vw + 50%);
}
.breakout--l {
inline-size: 80vw;
max-inline-size: 80vw !important;
margin-inline: calc(-40vw + 50%);
}
.ct-image.breakout--l {
inline-size: 80vw;
max-inline-size: 80vw !important;
margin-inline: calc(-40vw + 50%);
}
.breakout--xl {
inline-size: 90vw;
max-inline-size: 90vw !important;
margin-inline: calc(-45vw + 50%);
}
.ct-image.breakout--xl {
inline-size: 90vw;
max-inline-size: 90vw !important;
margin-inline: calc(-45vw + 50%);
}
}
.breakout--full {
inline-size: 100vw !important;
max-inline-size: 100vw !important;
margin-inline: calc(-50vw + 50%) !important;
align-self: flex-start;
}
.ct-image.breakout--full {
inline-size: 100vw !important;
max-inline-size: 100vw !important;
margin-inline: calc(-50vw + 50%) !important;
align-self: flex-start;
}
@media (max-width: 1279px) {
[class*="breakout--"]:not(.breakout--full) {
inline-size: 100% !important;
max-inline-size: 100% !important;
margin-inline: 0;
}
}
.flex-grid--1:not(.ct-section), .ct-section.flex-grid--1 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--1:not(.ct-section) > *, .ct-section.flex-grid--1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--2:not(.ct-section), .ct-section.flex-grid--2 > .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 > .ct-section-inner-wrap.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--2:not(.ct-section).gap--s, .ct-section.flex-grid--2 > .ct-section-inner-wrap.gap--s {
--gap: var(--space-s);
}
.flex-grid--2:not(.ct-section).gap--m, .ct-section.flex-grid--2 > .ct-section-inner-wrap.gap--m {
--gap: var(--space-m);
}
.flex-grid--2:not(.ct-section).gap--l, .ct-section.flex-grid--2 > .ct-section-inner-wrap.gap--l {
--gap: var(--space-l);
}
.flex-grid--2:not(.ct-section).gap--xl, .ct-section.flex-grid--2 > .ct-section-inner-wrap.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--2:not(.ct-section).gap--xxl, .ct-section.flex-grid--2 > .ct-section-inner-wrap.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--2:not(.ct-section) > *, .ct-section.flex-grid--2 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xxl-1:not(.ct-section) > *, .ct-section.flex-grid--xxl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xxl-2:not(.ct-section), .ct-section.flex-grid--xxl-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-2:not(.ct-section) > *, .ct-section.flex-grid--xxl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xxl-3:not(.ct-section), .ct-section.flex-grid--xxl-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-3:not(.ct-section) > *, .ct-section.flex-grid--xxl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xxl-4:not(.ct-section), .ct-section.flex-grid--xxl-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-4:not(.ct-section) > *, .ct-section.flex-grid--xxl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xxl-5:not(.ct-section), .ct-section.flex-grid--xxl-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-5:not(.ct-section) > *, .ct-section.flex-grid--xxl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xxl-6:not(.ct-section), .ct-section.flex-grid--xxl-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-6:not(.ct-section) > *, .ct-section.flex-grid--xxl-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xl-1:not(.ct-section) > *, .ct-section.flex-grid--xl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xl-2:not(.ct-section), .ct-section.flex-grid--xl-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-2:not(.ct-section) > *, .ct-section.flex-grid--xl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xl-3:not(.ct-section), .ct-section.flex-grid--xl-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-3:not(.ct-section) > *, .ct-section.flex-grid--xl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xl-4:not(.ct-section), .ct-section.flex-grid--xl-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-4:not(.ct-section) > *, .ct-section.flex-grid--xl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xl-5:not(.ct-section), .ct-section.flex-grid--xl-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-5:not(.ct-section) > *, .ct-section.flex-grid--xl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xl-6:not(.ct-section), .ct-section.flex-grid--xl-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-6:not(.ct-section) > *, .ct-section.flex-grid--xl-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--l-1:not(.ct-section) > *, .ct-section.flex-grid--l-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--l-2:not(.ct-section), .ct-section.flex-grid--l-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-2:not(.ct-section) > *, .ct-section.flex-grid--l-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--l-3:not(.ct-section), .ct-section.flex-grid--l-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-3:not(.ct-section) > *, .ct-section.flex-grid--l-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--l-4:not(.ct-section), .ct-section.flex-grid--l-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-4:not(.ct-section) > *, .ct-section.flex-grid--l-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--l-5:not(.ct-section), .ct-section.flex-grid--l-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-5:not(.ct-section) > *, .ct-section.flex-grid--l-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--l-6:not(.ct-section), .ct-section.flex-grid--l-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-6:not(.ct-section) > *, .ct-section.flex-grid--l-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--m-1:not(.ct-section) > *, .ct-section.flex-grid--m-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--m-2:not(.ct-section), .ct-section.flex-grid--m-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-2:not(.ct-section) > *, .ct-section.flex-grid--m-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--m-3:not(.ct-section), .ct-section.flex-grid--m-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-3:not(.ct-section) > *, .ct-section.flex-grid--m-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--m-4:not(.ct-section), .ct-section.flex-grid--m-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-4:not(.ct-section) > *, .ct-section.flex-grid--m-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--m-5:not(.ct-section), .ct-section.flex-grid--m-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-5:not(.ct-section) > *, .ct-section.flex-grid--m-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--m-6:not(.ct-section), .ct-section.flex-grid--m-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-6:not(.ct-section) > *, .ct-section.flex-grid--m-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--s-1:not(.ct-section) > *, .ct-section.flex-grid--s-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--s-2:not(.ct-section), .ct-section.flex-grid--s-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-2:not(.ct-section) > *, .ct-section.flex-grid--s-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--s-3:not(.ct-section), .ct-section.flex-grid--s-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-3:not(.ct-section) > *, .ct-section.flex-grid--s-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--s-4:not(.ct-section), .ct-section.flex-grid--s-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-4:not(.ct-section) > *, .ct-section.flex-grid--s-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--s-5:not(.ct-section), .ct-section.flex-grid--s-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-5:not(.ct-section) > *, .ct-section.flex-grid--s-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--s-6:not(.ct-section), .ct-section.flex-grid--s-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-6:not(.ct-section) > *, .ct-section.flex-grid--s-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xs-1:not(.ct-section) > *, .ct-section.flex-grid--xs-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xs-2:not(.ct-section), .ct-section.flex-grid--xs-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-2:not(.ct-section) > *, .ct-section.flex-grid--xs-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xs-3:not(.ct-section), .ct-section.flex-grid--xs-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-3:not(.ct-section) > *, .ct-section.flex-grid--xs-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xs-4:not(.ct-section), .ct-section.flex-grid--xs-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-4:not(.ct-section) > *, .ct-section.flex-grid--xs-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xs-5:not(.ct-section), .ct-section.flex-grid--xs-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-5:not(.ct-section) > *, .ct-section.flex-grid--xs-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xs-6:not(.ct-section), .ct-section.flex-grid--xs-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-6:not(.ct-section) > *, .ct-section.flex-grid--xs-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
.flex-grid--3:not(.ct-section), .ct-section.flex-grid--3 > .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 > .ct-section-inner-wrap.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--3:not(.ct-section).gap--s, .ct-section.flex-grid--3 > .ct-section-inner-wrap.gap--s {
--gap: var(--space-s);
}
.flex-grid--3:not(.ct-section).gap--m, .ct-section.flex-grid--3 > .ct-section-inner-wrap.gap--m {
--gap: var(--space-m);
}
.flex-grid--3:not(.ct-section).gap--l, .ct-section.flex-grid--3 > .ct-section-inner-wrap.gap--l {
--gap: var(--space-l);
}
.flex-grid--3:not(.ct-section).gap--xl, .ct-section.flex-grid--3 > .ct-section-inner-wrap.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--3:not(.ct-section).gap--xxl, .ct-section.flex-grid--3 > .ct-section-inner-wrap.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--3:not(.ct-section) > *, .ct-section.flex-grid--3 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xxl-1:not(.ct-section) > *, .ct-section.flex-grid--xxl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xxl-2:not(.ct-section), .ct-section.flex-grid--xxl-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-2:not(.ct-section) > *, .ct-section.flex-grid--xxl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xxl-3:not(.ct-section), .ct-section.flex-grid--xxl-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-3:not(.ct-section) > *, .ct-section.flex-grid--xxl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xxl-4:not(.ct-section), .ct-section.flex-grid--xxl-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-4:not(.ct-section) > *, .ct-section.flex-grid--xxl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xxl-5:not(.ct-section), .ct-section.flex-grid--xxl-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-5:not(.ct-section) > *, .ct-section.flex-grid--xxl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xxl-6:not(.ct-section), .ct-section.flex-grid--xxl-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-6:not(.ct-section) > *, .ct-section.flex-grid--xxl-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xl-1:not(.ct-section) > *, .ct-section.flex-grid--xl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xl-2:not(.ct-section), .ct-section.flex-grid--xl-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-2:not(.ct-section) > *, .ct-section.flex-grid--xl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xl-3:not(.ct-section), .ct-section.flex-grid--xl-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-3:not(.ct-section) > *, .ct-section.flex-grid--xl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xl-4:not(.ct-section), .ct-section.flex-grid--xl-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-4:not(.ct-section) > *, .ct-section.flex-grid--xl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xl-5:not(.ct-section), .ct-section.flex-grid--xl-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-5:not(.ct-section) > *, .ct-section.flex-grid--xl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xl-6:not(.ct-section), .ct-section.flex-grid--xl-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-6:not(.ct-section) > *, .ct-section.flex-grid--xl-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--l-1:not(.ct-section) > *, .ct-section.flex-grid--l-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--l-2:not(.ct-section), .ct-section.flex-grid--l-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-2:not(.ct-section) > *, .ct-section.flex-grid--l-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--l-3:not(.ct-section), .ct-section.flex-grid--l-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-3:not(.ct-section) > *, .ct-section.flex-grid--l-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--l-4:not(.ct-section), .ct-section.flex-grid--l-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-4:not(.ct-section) > *, .ct-section.flex-grid--l-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--l-5:not(.ct-section), .ct-section.flex-grid--l-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-5:not(.ct-section) > *, .ct-section.flex-grid--l-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--l-6:not(.ct-section), .ct-section.flex-grid--l-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-6:not(.ct-section) > *, .ct-section.flex-grid--l-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--m-1:not(.ct-section) > *, .ct-section.flex-grid--m-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--m-2:not(.ct-section), .ct-section.flex-grid--m-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-2:not(.ct-section) > *, .ct-section.flex-grid--m-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--m-3:not(.ct-section), .ct-section.flex-grid--m-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-3:not(.ct-section) > *, .ct-section.flex-grid--m-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--m-4:not(.ct-section), .ct-section.flex-grid--m-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-4:not(.ct-section) > *, .ct-section.flex-grid--m-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--m-5:not(.ct-section), .ct-section.flex-grid--m-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-5:not(.ct-section) > *, .ct-section.flex-grid--m-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--m-6:not(.ct-section), .ct-section.flex-grid--m-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-6:not(.ct-section) > *, .ct-section.flex-grid--m-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--s-1:not(.ct-section) > *, .ct-section.flex-grid--s-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--s-2:not(.ct-section), .ct-section.flex-grid--s-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-2:not(.ct-section) > *, .ct-section.flex-grid--s-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--s-3:not(.ct-section), .ct-section.flex-grid--s-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-3:not(.ct-section) > *, .ct-section.flex-grid--s-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--s-4:not(.ct-section), .ct-section.flex-grid--s-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-4:not(.ct-section) > *, .ct-section.flex-grid--s-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--s-5:not(.ct-section), .ct-section.flex-grid--s-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-5:not(.ct-section) > *, .ct-section.flex-grid--s-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--s-6:not(.ct-section), .ct-section.flex-grid--s-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-6:not(.ct-section) > *, .ct-section.flex-grid--s-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xs-1:not(.ct-section) > *, .ct-section.flex-grid--xs-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xs-2:not(.ct-section), .ct-section.flex-grid--xs-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-2:not(.ct-section) > *, .ct-section.flex-grid--xs-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xs-3:not(.ct-section), .ct-section.flex-grid--xs-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-3:not(.ct-section) > *, .ct-section.flex-grid--xs-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xs-4:not(.ct-section), .ct-section.flex-grid--xs-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-4:not(.ct-section) > *, .ct-section.flex-grid--xs-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xs-5:not(.ct-section), .ct-section.flex-grid--xs-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-5:not(.ct-section) > *, .ct-section.flex-grid--xs-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xs-6:not(.ct-section), .ct-section.flex-grid--xs-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-6:not(.ct-section) > *, .ct-section.flex-grid--xs-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
.flex-grid--4:not(.ct-section), .ct-section.flex-grid--4 > .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 > .ct-section-inner-wrap.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--4:not(.ct-section).gap--s, .ct-section.flex-grid--4 > .ct-section-inner-wrap.gap--s {
--gap: var(--space-s);
}
.flex-grid--4:not(.ct-section).gap--m, .ct-section.flex-grid--4 > .ct-section-inner-wrap.gap--m {
--gap: var(--space-m);
}
.flex-grid--4:not(.ct-section).gap--l, .ct-section.flex-grid--4 > .ct-section-inner-wrap.gap--l {
--gap: var(--space-l);
}
.flex-grid--4:not(.ct-section).gap--xl, .ct-section.flex-grid--4 > .ct-section-inner-wrap.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--4:not(.ct-section).gap--xxl, .ct-section.flex-grid--4 > .ct-section-inner-wrap.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--4:not(.ct-section) > *, .ct-section.flex-grid--4 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xxl-1:not(.ct-section) > *, .ct-section.flex-grid--xxl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xxl-2:not(.ct-section), .ct-section.flex-grid--xxl-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-2:not(.ct-section) > *, .ct-section.flex-grid--xxl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xxl-3:not(.ct-section), .ct-section.flex-grid--xxl-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-3:not(.ct-section) > *, .ct-section.flex-grid--xxl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xxl-4:not(.ct-section), .ct-section.flex-grid--xxl-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-4:not(.ct-section) > *, .ct-section.flex-grid--xxl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xxl-5:not(.ct-section), .ct-section.flex-grid--xxl-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-5:not(.ct-section) > *, .ct-section.flex-grid--xxl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xxl-6:not(.ct-section), .ct-section.flex-grid--xxl-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-6:not(.ct-section) > *, .ct-section.flex-grid--xxl-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xl-1:not(.ct-section) > *, .ct-section.flex-grid--xl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xl-2:not(.ct-section), .ct-section.flex-grid--xl-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-2:not(.ct-section) > *, .ct-section.flex-grid--xl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xl-3:not(.ct-section), .ct-section.flex-grid--xl-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-3:not(.ct-section) > *, .ct-section.flex-grid--xl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xl-4:not(.ct-section), .ct-section.flex-grid--xl-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-4:not(.ct-section) > *, .ct-section.flex-grid--xl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xl-5:not(.ct-section), .ct-section.flex-grid--xl-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-5:not(.ct-section) > *, .ct-section.flex-grid--xl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xl-6:not(.ct-section), .ct-section.flex-grid--xl-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-6:not(.ct-section) > *, .ct-section.flex-grid--xl-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--l-1:not(.ct-section) > *, .ct-section.flex-grid--l-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--l-2:not(.ct-section), .ct-section.flex-grid--l-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-2:not(.ct-section) > *, .ct-section.flex-grid--l-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--l-3:not(.ct-section), .ct-section.flex-grid--l-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-3:not(.ct-section) > *, .ct-section.flex-grid--l-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--l-4:not(.ct-section), .ct-section.flex-grid--l-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-4:not(.ct-section) > *, .ct-section.flex-grid--l-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--l-5:not(.ct-section), .ct-section.flex-grid--l-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-5:not(.ct-section) > *, .ct-section.flex-grid--l-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--l-6:not(.ct-section), .ct-section.flex-grid--l-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-6:not(.ct-section) > *, .ct-section.flex-grid--l-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--m-1:not(.ct-section) > *, .ct-section.flex-grid--m-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--m-2:not(.ct-section), .ct-section.flex-grid--m-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-2:not(.ct-section) > *, .ct-section.flex-grid--m-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--m-3:not(.ct-section), .ct-section.flex-grid--m-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-3:not(.ct-section) > *, .ct-section.flex-grid--m-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--m-4:not(.ct-section), .ct-section.flex-grid--m-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-4:not(.ct-section) > *, .ct-section.flex-grid--m-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--m-5:not(.ct-section), .ct-section.flex-grid--m-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-5:not(.ct-section) > *, .ct-section.flex-grid--m-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--m-6:not(.ct-section), .ct-section.flex-grid--m-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-6:not(.ct-section) > *, .ct-section.flex-grid--m-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--s-1:not(.ct-section) > *, .ct-section.flex-grid--s-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--s-2:not(.ct-section), .ct-section.flex-grid--s-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-2:not(.ct-section) > *, .ct-section.flex-grid--s-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--s-3:not(.ct-section), .ct-section.flex-grid--s-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-3:not(.ct-section) > *, .ct-section.flex-grid--s-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--s-4:not(.ct-section), .ct-section.flex-grid--s-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-4:not(.ct-section) > *, .ct-section.flex-grid--s-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--s-5:not(.ct-section), .ct-section.flex-grid--s-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-5:not(.ct-section) > *, .ct-section.flex-grid--s-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--s-6:not(.ct-section), .ct-section.flex-grid--s-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-6:not(.ct-section) > *, .ct-section.flex-grid--s-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xs-1:not(.ct-section) > *, .ct-section.flex-grid--xs-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xs-2:not(.ct-section), .ct-section.flex-grid--xs-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-2:not(.ct-section) > *, .ct-section.flex-grid--xs-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xs-3:not(.ct-section), .ct-section.flex-grid--xs-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-3:not(.ct-section) > *, .ct-section.flex-grid--xs-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xs-4:not(.ct-section), .ct-section.flex-grid--xs-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-4:not(.ct-section) > *, .ct-section.flex-grid--xs-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xs-5:not(.ct-section), .ct-section.flex-grid--xs-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-5:not(.ct-section) > *, .ct-section.flex-grid--xs-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xs-6:not(.ct-section), .ct-section.flex-grid--xs-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-6:not(.ct-section) > *, .ct-section.flex-grid--xs-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
.flex-grid--5:not(.ct-section), .ct-section.flex-grid--5 > .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 > .ct-section-inner-wrap.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--5:not(.ct-section).gap--s, .ct-section.flex-grid--5 > .ct-section-inner-wrap.gap--s {
--gap: var(--space-s);
}
.flex-grid--5:not(.ct-section).gap--m, .ct-section.flex-grid--5 > .ct-section-inner-wrap.gap--m {
--gap: var(--space-m);
}
.flex-grid--5:not(.ct-section).gap--l, .ct-section.flex-grid--5 > .ct-section-inner-wrap.gap--l {
--gap: var(--space-l);
}
.flex-grid--5:not(.ct-section).gap--xl, .ct-section.flex-grid--5 > .ct-section-inner-wrap.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--5:not(.ct-section).gap--xxl, .ct-section.flex-grid--5 > .ct-section-inner-wrap.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--5:not(.ct-section) > *, .ct-section.flex-grid--5 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xxl-1:not(.ct-section) > *, .ct-section.flex-grid--xxl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xxl-2:not(.ct-section), .ct-section.flex-grid--xxl-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-2:not(.ct-section) > *, .ct-section.flex-grid--xxl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xxl-3:not(.ct-section), .ct-section.flex-grid--xxl-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-3:not(.ct-section) > *, .ct-section.flex-grid--xxl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xxl-4:not(.ct-section), .ct-section.flex-grid--xxl-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-4:not(.ct-section) > *, .ct-section.flex-grid--xxl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xxl-5:not(.ct-section), .ct-section.flex-grid--xxl-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-5:not(.ct-section) > *, .ct-section.flex-grid--xxl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xxl-6:not(.ct-section), .ct-section.flex-grid--xxl-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-6:not(.ct-section) > *, .ct-section.flex-grid--xxl-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xl-1:not(.ct-section) > *, .ct-section.flex-grid--xl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xl-2:not(.ct-section), .ct-section.flex-grid--xl-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-2:not(.ct-section) > *, .ct-section.flex-grid--xl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xl-3:not(.ct-section), .ct-section.flex-grid--xl-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-3:not(.ct-section) > *, .ct-section.flex-grid--xl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xl-4:not(.ct-section), .ct-section.flex-grid--xl-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-4:not(.ct-section) > *, .ct-section.flex-grid--xl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xl-5:not(.ct-section), .ct-section.flex-grid--xl-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-5:not(.ct-section) > *, .ct-section.flex-grid--xl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xl-6:not(.ct-section), .ct-section.flex-grid--xl-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-6:not(.ct-section) > *, .ct-section.flex-grid--xl-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--l-1:not(.ct-section) > *, .ct-section.flex-grid--l-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--l-2:not(.ct-section), .ct-section.flex-grid--l-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-2:not(.ct-section) > *, .ct-section.flex-grid--l-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--l-3:not(.ct-section), .ct-section.flex-grid--l-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-3:not(.ct-section) > *, .ct-section.flex-grid--l-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--l-4:not(.ct-section), .ct-section.flex-grid--l-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-4:not(.ct-section) > *, .ct-section.flex-grid--l-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--l-5:not(.ct-section), .ct-section.flex-grid--l-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-5:not(.ct-section) > *, .ct-section.flex-grid--l-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--l-6:not(.ct-section), .ct-section.flex-grid--l-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-6:not(.ct-section) > *, .ct-section.flex-grid--l-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--m-1:not(.ct-section) > *, .ct-section.flex-grid--m-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--m-2:not(.ct-section), .ct-section.flex-grid--m-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-2:not(.ct-section) > *, .ct-section.flex-grid--m-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--m-3:not(.ct-section), .ct-section.flex-grid--m-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-3:not(.ct-section) > *, .ct-section.flex-grid--m-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--m-4:not(.ct-section), .ct-section.flex-grid--m-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-4:not(.ct-section) > *, .ct-section.flex-grid--m-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--m-5:not(.ct-section), .ct-section.flex-grid--m-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-5:not(.ct-section) > *, .ct-section.flex-grid--m-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--m-6:not(.ct-section), .ct-section.flex-grid--m-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-6:not(.ct-section) > *, .ct-section.flex-grid--m-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--s-1:not(.ct-section) > *, .ct-section.flex-grid--s-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--s-2:not(.ct-section), .ct-section.flex-grid--s-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-2:not(.ct-section) > *, .ct-section.flex-grid--s-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--s-3:not(.ct-section), .ct-section.flex-grid--s-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-3:not(.ct-section) > *, .ct-section.flex-grid--s-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--s-4:not(.ct-section), .ct-section.flex-grid--s-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-4:not(.ct-section) > *, .ct-section.flex-grid--s-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--s-5:not(.ct-section), .ct-section.flex-grid--s-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-5:not(.ct-section) > *, .ct-section.flex-grid--s-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--s-6:not(.ct-section), .ct-section.flex-grid--s-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-6:not(.ct-section) > *, .ct-section.flex-grid--s-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xs-1:not(.ct-section) > *, .ct-section.flex-grid--xs-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xs-2:not(.ct-section), .ct-section.flex-grid--xs-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-2:not(.ct-section) > *, .ct-section.flex-grid--xs-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xs-3:not(.ct-section), .ct-section.flex-grid--xs-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-3:not(.ct-section) > *, .ct-section.flex-grid--xs-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xs-4:not(.ct-section), .ct-section.flex-grid--xs-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-4:not(.ct-section) > *, .ct-section.flex-grid--xs-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xs-5:not(.ct-section), .ct-section.flex-grid--xs-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-5:not(.ct-section) > *, .ct-section.flex-grid--xs-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xs-6:not(.ct-section), .ct-section.flex-grid--xs-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-6:not(.ct-section) > *, .ct-section.flex-grid--xs-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
.flex-grid--6:not(.ct-section), .ct-section.flex-grid--6 > .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 > .ct-section-inner-wrap.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--6:not(.ct-section).gap--s, .ct-section.flex-grid--6 > .ct-section-inner-wrap.gap--s {
--gap: var(--space-s);
}
.flex-grid--6:not(.ct-section).gap--m, .ct-section.flex-grid--6 > .ct-section-inner-wrap.gap--m {
--gap: var(--space-m);
}
.flex-grid--6:not(.ct-section).gap--l, .ct-section.flex-grid--6 > .ct-section-inner-wrap.gap--l {
--gap: var(--space-l);
}
.flex-grid--6:not(.ct-section).gap--xl, .ct-section.flex-grid--6 > .ct-section-inner-wrap.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--6:not(.ct-section).gap--xxl, .ct-section.flex-grid--6 > .ct-section-inner-wrap.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--6:not(.ct-section) > *, .ct-section.flex-grid--6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xxl-1:not(.ct-section) > *, .ct-section.flex-grid--xxl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xxl-2:not(.ct-section), .ct-section.flex-grid--xxl-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-2:not(.ct-section) > *, .ct-section.flex-grid--xxl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xxl-3:not(.ct-section), .ct-section.flex-grid--xxl-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-3:not(.ct-section) > *, .ct-section.flex-grid--xxl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xxl-4:not(.ct-section), .ct-section.flex-grid--xxl-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-4:not(.ct-section) > *, .ct-section.flex-grid--xxl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xxl-5:not(.ct-section), .ct-section.flex-grid--xxl-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-5:not(.ct-section) > *, .ct-section.flex-grid--xxl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xxl-6:not(.ct-section), .ct-section.flex-grid--xxl-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xxl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xxl-6:not(.ct-section) > *, .ct-section.flex-grid--xxl-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xl-1:not(.ct-section) > *, .ct-section.flex-grid--xl-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xl-2:not(.ct-section), .ct-section.flex-grid--xl-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-2:not(.ct-section) > *, .ct-section.flex-grid--xl-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xl-3:not(.ct-section), .ct-section.flex-grid--xl-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-3:not(.ct-section) > *, .ct-section.flex-grid--xl-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xl-4:not(.ct-section), .ct-section.flex-grid--xl-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-4:not(.ct-section) > *, .ct-section.flex-grid--xl-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xl-5:not(.ct-section), .ct-section.flex-grid--xl-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-5:not(.ct-section) > *, .ct-section.flex-grid--xl-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xl-6:not(.ct-section), .ct-section.flex-grid--xl-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-6:not(.ct-section) > *, .ct-section.flex-grid--xl-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--l-1:not(.ct-section) > *, .ct-section.flex-grid--l-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--l-2:not(.ct-section), .ct-section.flex-grid--l-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-2:not(.ct-section) > *, .ct-section.flex-grid--l-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--l-3:not(.ct-section), .ct-section.flex-grid--l-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-3:not(.ct-section) > *, .ct-section.flex-grid--l-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--l-4:not(.ct-section), .ct-section.flex-grid--l-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-4:not(.ct-section) > *, .ct-section.flex-grid--l-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--l-5:not(.ct-section), .ct-section.flex-grid--l-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-5:not(.ct-section) > *, .ct-section.flex-grid--l-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--l-6:not(.ct-section), .ct-section.flex-grid--l-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-6:not(.ct-section) > *, .ct-section.flex-grid--l-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--m-1:not(.ct-section) > *, .ct-section.flex-grid--m-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--m-2:not(.ct-section), .ct-section.flex-grid--m-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-2:not(.ct-section) > *, .ct-section.flex-grid--m-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--m-3:not(.ct-section), .ct-section.flex-grid--m-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-3:not(.ct-section) > *, .ct-section.flex-grid--m-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--m-4:not(.ct-section), .ct-section.flex-grid--m-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-4:not(.ct-section) > *, .ct-section.flex-grid--m-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--m-5:not(.ct-section), .ct-section.flex-grid--m-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-5:not(.ct-section) > *, .ct-section.flex-grid--m-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--m-6:not(.ct-section), .ct-section.flex-grid--m-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-6:not(.ct-section) > *, .ct-section.flex-grid--m-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--s-1:not(.ct-section) > *, .ct-section.flex-grid--s-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--s-2:not(.ct-section), .ct-section.flex-grid--s-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-2:not(.ct-section) > *, .ct-section.flex-grid--s-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--s-3:not(.ct-section), .ct-section.flex-grid--s-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-3:not(.ct-section) > *, .ct-section.flex-grid--s-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--s-4:not(.ct-section), .ct-section.flex-grid--s-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-4:not(.ct-section) > *, .ct-section.flex-grid--s-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--s-5:not(.ct-section), .ct-section.flex-grid--s-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-5:not(.ct-section) > *, .ct-section.flex-grid--s-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--s-6:not(.ct-section), .ct-section.flex-grid--s-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-6:not(.ct-section) > *, .ct-section.flex-grid--s-6 > .ct-section-inner-wrap > * {
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 > .ct-section-inner-wrap {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xs-1:not(.ct-section) > *, .ct-section.flex-grid--xs-1 > .ct-section-inner-wrap > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xs-2:not(.ct-section), .ct-section.flex-grid--xs-2 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-2:not(.ct-section) > *, .ct-section.flex-grid--xs-2 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xs-3:not(.ct-section), .ct-section.flex-grid--xs-3 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-3:not(.ct-section) > *, .ct-section.flex-grid--xs-3 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xs-4:not(.ct-section), .ct-section.flex-grid--xs-4 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-4:not(.ct-section) > *, .ct-section.flex-grid--xs-4 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xs-5:not(.ct-section), .ct-section.flex-grid--xs-5 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-5:not(.ct-section) > *, .ct-section.flex-grid--xs-5 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xs-6:not(.ct-section), .ct-section.flex-grid--xs-6 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap.gap--xs-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xs-6:not(.ct-section) > *, .ct-section.flex-grid--xs-6 > .ct-section-inner-wrap > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
.flex--col:not(.ct-section), .ct-section.flex--col > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
}
.flex--row:not(.ct-section), .ct-section.flex--row > .ct-section-inner-wrap {
display: flex;
flex-direction: row;
}
.flex--col-reverse:not(.ct-section), .ct-section.flex--col-reverse > .ct-section-inner-wrap {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse:not(.ct-section), .ct-section.flex--row-reverse > .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 > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
}
.flex--row-xxl:not(.ct-section), .ct-section.flex--row-xxl > .ct-section-inner-wrap {
display: flex;
flex-direction: row;
}
.flex--col-reverse-xxl:not(.ct-section), .ct-section.flex--col-reverse-xxl > .ct-section-inner-wrap {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-xxl:not(.ct-section), .ct-section.flex--row-reverse-xxl > .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 > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
}
.flex--row-xl:not(.ct-section), .ct-section.flex--row-xl > .ct-section-inner-wrap {
display: flex;
flex-direction: row;
}
.flex--col-reverse-xl:not(.ct-section), .ct-section.flex--col-reverse-xl > .ct-section-inner-wrap {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-xl:not(.ct-section), .ct-section.flex--row-reverse-xl > .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 > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
}
.flex--row-l:not(.ct-section), .ct-section.flex--row-l > .ct-section-inner-wrap {
display: flex;
flex-direction: row;
}
.flex--col-reverse-l:not(.ct-section), .ct-section.flex--col-reverse-l > .ct-section-inner-wrap {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-l:not(.ct-section), .ct-section.flex--row-reverse-l > .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 > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
}
.flex--row-m:not(.ct-section), .ct-section.flex--row-m > .ct-section-inner-wrap {
display: flex;
flex-direction: row;
}
.flex--col-reverse-m:not(.ct-section), .ct-section.flex--col-reverse-m > .ct-section-inner-wrap {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-m:not(.ct-section), .ct-section.flex--row-reverse-m > .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 > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
}
.flex--row-s:not(.ct-section), .ct-section.flex--row-s > .ct-section-inner-wrap {
display: flex;
flex-direction: row;
}
.flex--col-reverse-s:not(.ct-section), .ct-section.flex--col-reverse-s > .ct-section-inner-wrap {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-s:not(.ct-section), .ct-section.flex--row-reverse-s > .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 > .ct-section-inner-wrap {
display: flex;
flex-direction: column;
}
.flex--row-xs:not(.ct-section), .ct-section.flex--row-xs > .ct-section-inner-wrap {
display: flex;
flex-direction: row;
}
.flex--col-reverse-xs:not(.ct-section), .ct-section.flex--col-reverse-xs > .ct-section-inner-wrap {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-xs:not(.ct-section), .ct-section.flex--row-reverse-xs > .ct-section-inner-wrap {
display: flex;
flex-direction: row-reverse;
}
}
.justify-content--start:not(.ct-section), .ct-section.justify-content--start > .ct-section-inner-wrap {
display: flex;
justify-content: flex-start;
}
.justify-content--end:not(.ct-section), .ct-section.justify-content--end > .ct-section-inner-wrap {
display: flex;
justify-content: flex-end;
}
.justify-content--center:not(.ct-section), .ct-section.justify-content--center > .ct-section-inner-wrap {
display: flex;
justify-content: center;
}
.justify-content--between:not(.ct-section), .ct-section.justify-content--between > .ct-section-inner-wrap {
display: flex;
justify-content: space-between;
}
.justify-content--around:not(.ct-section), .ct-section.justify-content--around > .ct-section-inner-wrap {
display: flex;
justify-content: space-around;
}
.justify-content--stretch:not(.ct-section), .ct-section.justify-content--stretch > .ct-section-inner-wrap {
display: flex;
justify-content: stretch;
}
.align-content--start:not(.ct-section), .ct-section.align-content--start > .ct-section-inner-wrap {
display: flex;
align-content: flex-start;
}
.align-content--end:not(.ct-section), .ct-section.align-content--end > .ct-section-inner-wrap {
display: flex;
align-content: flex-end;
}
.align-content--center:not(.ct-section), .ct-section.align-content--center > .ct-section-inner-wrap {
display: flex;
align-content: center;
}
.align-content--baseline:not(.ct-section), .ct-section.align-content--baseline > .ct-section-inner-wrap {
display: flex;
align-content: baseline;
}
.align-content--stretch:not(.ct-section), .ct-section.align-content--stretch > .ct-section-inner-wrap {
display: flex;
align-content: stretch;
}
.justify-items--start:not(.ct-section), .ct-section.justify-items--start > .ct-section-inner-wrap {
display: flex;
justify-items: flex-start;
}
.justify-items--center:not(.ct-section), .ct-section.justify-items--center > .ct-section-inner-wrap {
display: flex;
justify-items: center;
}
.justify-items--end:not(.ct-section), .ct-section.justify-items--end > .ct-section-inner-wrap {
display: flex;
justify-items: flex-end;
}
.justify-items--stretch:not(.ct-section), .ct-section.justify-items--stretch > .ct-section-inner-wrap {
display: flex;
justify-items: stretch;
}
.align-items--start:not(.ct-section), .ct-section.align-items--start > .ct-section-inner-wrap {
display: flex;
align-items: flex-start;
}
.align-items--end:not(.ct-section), .ct-section.align-items--end > .ct-section-inner-wrap {
display: flex;
align-items: flex-end;
}
.align-items--center:not(.ct-section), .ct-section.align-items--center > .ct-section-inner-wrap {
display: flex;
align-items: center;
}
.align-items--baseline:not(.ct-section), .ct-section.align-items--baseline > .ct-section-inner-wrap {
display: flex;
align-items: baseline;
}
.align-items--stretch:not(.ct-section), .ct-section.align-items--stretch > .ct-section-inner-wrap {
display: flex;
align-items: stretch;
}
.self--start:not(.ct-section), .ct-section.self--start > .ct-section-inner-wrap {
display: flex;
align-self: flex-start;
}
.self--end:not(.ct-section), .ct-section.self--end > .ct-section-inner-wrap {
display: flex;
align-self: flex-end;
}
.self--stretch:not(.ct-section), .ct-section.self--stretch > .ct-section-inner-wrap {
display: flex;
align-self: stretch;
}
.self--center:not(.ct-section), .ct-section.self--center > .ct-section-inner-wrap {
display: flex;
align-self: center;
}
.flex--wrap:not(.ct-section), .ct-section.flex--wrap > .ct-section-inner-wrap {
flex-wrap: wrap;
}
.stretch:not(.ct-section), .ct-section.stretch > .ct-section-inner-wrap {
display: flex;
align-content: stretch;
align-items: stretch;
justify-content: stretch;
justify-items: stretch;
}
.flex--grow:not(.ct-section) > *, .ct-section.flex--grow > .ct-section-inner-wrap > * {
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) > *, .ct-section.grid--1 .ct-section-inner-wrap > * {
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.8026755853rem, 100vw - 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.5764411028rem, 100vw - 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.4488977956rem, 100vw - 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.367278798rem, 100vw - 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.4535050072rem, 100vw - 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) > *, .ct-section.grid--xxl-1 .ct-section-inner-wrap > * {
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) > *, .ct-section.grid--xl-1 .ct-section-inner-wrap > * {
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) > *, .ct-section.grid--l-1 .ct-section-inner-wrap > * {
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) > *, .ct-section.grid--m-1 .ct-section-inner-wrap > * {
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) > *, .ct-section.grid--s-1 .ct-section-inner-wrap > * {
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) > *, .ct-section.grid--xs-1 .ct-section-inner-wrap > * {
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) > .grid--1-2:nth-of-type(even), .grid--alternate-xxl .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-xxl:not(.ct-section) > .grid--1-2:nth-of-type(even) > *:last-child, .grid--alternate-xxl .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xxl:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-xxl .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-xxl:not(.ct-section) > .grid--1-3:nth-of-type(even) > *:last-child, .grid--alternate-xxl .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xxl:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-xxl .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-xxl:not(.ct-section) > .grid--2-1:nth-of-type(even) > *:last-child, .grid--alternate-xxl .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xxl:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-xxl .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-xxl:not(.ct-section) > .grid--2-3:nth-of-type(even) > *:last-child, .grid--alternate-xxl .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xxl:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-xxl .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-xxl:not(.ct-section) > .grid--3-1:nth-of-type(even) > *:last-child, .grid--alternate-xxl .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xxl:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-xxl .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-xxl:not(.ct-section) > .grid--3-2:nth-of-type(even) > *:last-child, .grid--alternate-xxl .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 1279px) {
.grid--alternate-xl:not(.ct-section) > .grid--1-2:nth-of-type(even), .grid--alternate-xl .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-xl:not(.ct-section) > .grid--1-2:nth-of-type(even) > *:last-child, .grid--alternate-xl .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-xl .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-xl:not(.ct-section) > .grid--1-3:nth-of-type(even) > *:last-child, .grid--alternate-xl .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-xl .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-xl:not(.ct-section) > .grid--2-1:nth-of-type(even) > *:last-child, .grid--alternate-xl .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-xl .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-xl:not(.ct-section) > .grid--2-3:nth-of-type(even) > *:last-child, .grid--alternate-xl .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-xl .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-xl:not(.ct-section) > .grid--3-1:nth-of-type(even) > *:last-child, .grid--alternate-xl .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-xl .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-xl:not(.ct-section) > .grid--3-2:nth-of-type(even) > *:last-child, .grid--alternate-xl .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 991px) {
.grid--alternate-l:not(.ct-section) > .grid--1-2:nth-of-type(even), .grid--alternate-l .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-l:not(.ct-section) > .grid--1-2:nth-of-type(even) > *:last-child, .grid--alternate-l .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-l .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-l:not(.ct-section) > .grid--1-3:nth-of-type(even) > *:last-child, .grid--alternate-l .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-l .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-l:not(.ct-section) > .grid--2-1:nth-of-type(even) > *:last-child, .grid--alternate-l .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-l .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-l:not(.ct-section) > .grid--2-3:nth-of-type(even) > *:last-child, .grid--alternate-l .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-l .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-l:not(.ct-section) > .grid--3-1:nth-of-type(even) > *:last-child, .grid--alternate-l .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-l .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-l:not(.ct-section) > .grid--3-2:nth-of-type(even) > *:last-child, .grid--alternate-l .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 767px) {
.grid--alternate-m:not(.ct-section) > .grid--1-2:nth-of-type(even), .grid--alternate-m .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-m:not(.ct-section) > .grid--1-2:nth-of-type(even) > *:last-child, .grid--alternate-m .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-m .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-m:not(.ct-section) > .grid--1-3:nth-of-type(even) > *:last-child, .grid--alternate-m .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-m .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-m:not(.ct-section) > .grid--2-1:nth-of-type(even) > *:last-child, .grid--alternate-m .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-m .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-m:not(.ct-section) > .grid--2-3:nth-of-type(even) > *:last-child, .grid--alternate-m .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-m .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-m:not(.ct-section) > .grid--3-1:nth-of-type(even) > *:last-child, .grid--alternate-m .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-m .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-m:not(.ct-section) > .grid--3-2:nth-of-type(even) > *:last-child, .grid--alternate-m .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 479px) {
.grid--alternate-s:not(.ct-section) > .grid--1-2:nth-of-type(even), .grid--alternate-s .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-s:not(.ct-section) > .grid--1-2:nth-of-type(even) > *:last-child, .grid--alternate-s .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-s .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-s:not(.ct-section) > .grid--1-3:nth-of-type(even) > *:last-child, .grid--alternate-s .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-s .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-s:not(.ct-section) > .grid--2-1:nth-of-type(even) > *:last-child, .grid--alternate-s .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-s .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-s:not(.ct-section) > .grid--2-3:nth-of-type(even) > *:last-child, .grid--alternate-s .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-s .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-s:not(.ct-section) > .grid--3-1:nth-of-type(even) > *:last-child, .grid--alternate-s .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-s .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-s:not(.ct-section) > .grid--3-2:nth-of-type(even) > *:last-child, .grid--alternate-s .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 359px) {
.grid--alternate-xs:not(.ct-section) > .grid--1-2:nth-of-type(even), .grid--alternate-xs .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-xs:not(.ct-section) > .grid--1-2:nth-of-type(even) > *:last-child, .grid--alternate-xs .ct-section-inner-wrap > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xs:not(.ct-section) > .grid--1-3:nth-of-type(even), .grid--alternate-xs .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-xs:not(.ct-section) > .grid--1-3:nth-of-type(even) > *:last-child, .grid--alternate-xs .ct-section-inner-wrap > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xs:not(.ct-section) > .grid--2-1:nth-of-type(even), .grid--alternate-xs .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-xs:not(.ct-section) > .grid--2-1:nth-of-type(even) > *:last-child, .grid--alternate-xs .ct-section-inner-wrap > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xs:not(.ct-section) > .grid--2-3:nth-of-type(even), .grid--alternate-xs .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-xs:not(.ct-section) > .grid--2-3:nth-of-type(even) > *:last-child, .grid--alternate-xs .ct-section-inner-wrap > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xs:not(.ct-section) > .grid--3-1:nth-of-type(even), .grid--alternate-xs .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-xs:not(.ct-section) > .grid--3-1:nth-of-type(even) > *:last-child, .grid--alternate-xs .ct-section-inner-wrap > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xs:not(.ct-section) > .grid--3-2:nth-of-type(even), .grid--alternate-xs .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-xs:not(.ct-section) > .grid--3-2:nth-of-type(even) > *:last-child, .grid--alternate-xs .ct-section-inner-wrap > .grid--3-2:nth-of-type(even) > *: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.5764411028rem, 100vw - 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.5764411028rem, 100vw - 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.5764411028rem, 100vw - 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.5764411028rem, 100vw - 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.5764411028rem, 100vw - 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.5764411028rem, 100vw - 6rem), 1fr));
}
}
.gap--xs:not(.ct-section), .ct-section.gap--xs > .ct-section-inner-wrap {
gap: 1.896rem;
gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96)));
gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}
.gap--s:not(.ct-section), .ct-section.gap--s > .ct-section-inner-wrap {
gap: 2.133rem;
gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 96)));
gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}
.gap--m:not(.ct-section), .ct-section.gap--m > .ct-section-inner-wrap {
gap: 2.4rem;
gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.gap--l:not(.ct-section), .ct-section.gap--l > .ct-section-inner-wrap {
gap: 2.7rem;
gap: calc(2.5608rem + (1.9392 * ((100vw - 32rem) / 96)));
gap: clamp(2.5608rem, calc(2.02vw + 1.9144rem), 4.5rem);
}
.gap--xl:not(.ct-section), .ct-section.gap--xl > .ct-section-inner-wrap {
gap: 3.038rem;
gap: calc(2.7323736rem + (4.0176264 * ((100vw - 32rem) / 96)));
gap: clamp(2.7323736rem, calc(4.1850275vw + 1.3931648rem), 6.75rem);
}
.gap--xxl:not(.ct-section), .ct-section.gap--xxl > .ct-section-inner-wrap {
gap: 3.42rem;
gap: calc(2.9154426312rem + (7.2095573688 * ((100vw - 32rem) / 96)));
gap: clamp(2.9154426312rem, calc(7.5099555925vw + 0.5122568416rem), 10.125rem);
}
@media (max-width: 1439px) {
.gap--xxl-xs:not(.ct-section), .ct-section.gap--xxl-xs > .ct-section-inner-wrap {
gap: 1.896rem;
gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96)));
gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}
.gap--xxl-s:not(.ct-section), .ct-section.gap--xxl-s > .ct-section-inner-wrap {
gap: 2.133rem;
gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 96)));
gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}
.gap--xxl-m:not(.ct-section), .ct-section.gap--xxl-m > .ct-section-inner-wrap {
gap: 2.4rem;
gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.gap--xxl-l:not(.ct-section), .ct-section.gap--xxl-l > .ct-section-inner-wrap {
gap: 2.7rem;
gap: calc(2.5608rem + (1.9392 * ((100vw - 32rem) / 96)));
gap: clamp(2.5608rem, calc(2.02vw + 1.9144rem), 4.5rem);
}
.gap--xxl-xl:not(.ct-section), .ct-section.gap--xxl-xl > .ct-section-inner-wrap {
gap: 3.038rem;
gap: calc(2.7323736rem + (4.0176264 * ((100vw - 32rem) / 96)));
gap: clamp(2.7323736rem, calc(4.1850275vw + 1.3931648rem), 6.75rem);
}
.gap--xxl-xxl:not(.ct-section), .ct-section.gap--xxl-xxl > .ct-section-inner-wrap {
gap: 3.42rem;
gap: calc(2.9154426312rem + (7.2095573688 * ((100vw - 32rem) / 96)));
gap: clamp(2.9154426312rem, calc(7.5099555925vw + 0.5122568416rem), 10.125rem);
}
}
@media (max-width: 1279px) {
.gap--xl-xs:not(.ct-section), .ct-section.gap--xl-xs > .ct-section-inner-wrap {
gap: 1.896rem;
gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96)));
gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}
.gap--xl-s:not(.ct-section), .ct-section.gap--xl-s > .ct-section-inner-wrap {
gap: 2.133rem;
gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 96)));
gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}
.gap--xl-m:not(.ct-section), .ct-section.gap--xl-m > .ct-section-inner-wrap {
gap: 2.4rem;
gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.gap--xl-l:not(.ct-section), .ct-section.gap--xl-l > .ct-section-inner-wrap {
gap: 2.7rem;
gap: calc(2.5608rem + (1.9392 * ((100vw - 32rem) / 96)));
gap: clamp(2.5608rem, calc(2.02vw + 1.9144rem), 4.5rem);
}
.gap--xl-xl:not(.ct-section), .ct-section.gap--xl-xl > .ct-section-inner-wrap {
gap: 3.038rem;
gap: calc(2.7323736rem + (4.0176264 * ((100vw - 32rem) / 96)));
gap: clamp(2.7323736rem, calc(4.1850275vw + 1.3931648rem), 6.75rem);
}
.gap--xl-xxl:not(.ct-section), .ct-section.gap--xl-xxl > .ct-section-inner-wrap {
gap: 3.42rem;
gap: calc(2.9154426312rem + (7.2095573688 * ((100vw - 32rem) / 96)));
gap: clamp(2.9154426312rem, calc(7.5099555925vw + 0.5122568416rem), 10.125rem);
}
}
@media (max-width: 991px) {
.gap--l-xs:not(.ct-section), .ct-section.gap--l-xs > .ct-section-inner-wrap {
gap: 1.896rem;
gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96)));
gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}
.gap--l-s:not(.ct-section), .ct-section.gap--l-s > .ct-section-inner-wrap {
gap: 2.133rem;
gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 96)));
gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}
.gap--l-m:not(.ct-section), .ct-section.gap--l-m > .ct-section-inner-wrap {
gap: 2.4rem;
gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.gap--l-l:not(.ct-section), .ct-section.gap--l-l > .ct-section-inner-wrap {
gap: 2.7rem;
gap: calc(2.5608rem + (1.9392 * ((100vw - 32rem) / 96)));
gap: clamp(2.5608rem, calc(2.02vw + 1.9144rem), 4.5rem);
}
.gap--l-xl:not(.ct-section), .ct-section.gap--l-xl > .ct-section-inner-wrap {
gap: 3.038rem;
gap: calc(2.7323736rem + (4.0176264 * ((100vw - 32rem) / 96)));
gap: clamp(2.7323736rem, calc(4.1850275vw + 1.3931648rem), 6.75rem);
}
.gap--l-xxl:not(.ct-section), .ct-section.gap--l-xxl > .ct-section-inner-wrap {
gap: 3.42rem;
gap: calc(2.9154426312rem + (7.2095573688 * ((100vw - 32rem) / 96)));
gap: clamp(2.9154426312rem, calc(7.5099555925vw + 0.5122568416rem), 10.125rem);
}
}
@media (max-width: 767px) {
.gap--m-xs:not(.ct-section), .ct-section.gap--m-xs > .ct-section-inner-wrap {
gap: 1.896rem;
gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96)));
gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}
.gap--m-s:not(.ct-section), .ct-section.gap--m-s > .ct-section-inner-wrap {
gap: 2.133rem;
gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 96)));
gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}
.gap--m-m:not(.ct-section), .ct-section.gap--m-m > .ct-section-inner-wrap {
gap: 2.4rem;
gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.gap--m-l:not(.ct-section), .ct-section.gap--m-l > .ct-section-inner-wrap {
gap: 2.7rem;
gap: calc(2.5608rem + (1.9392 * ((100vw - 32rem) / 96)));
gap: clamp(2.5608rem, calc(2.02vw + 1.9144rem), 4.5rem);
}
.gap--m-xl:not(.ct-section), .ct-section.gap--m-xl > .ct-section-inner-wrap {
gap: 3.038rem;
gap: calc(2.7323736rem + (4.0176264 * ((100vw - 32rem) / 96)));
gap: clamp(2.7323736rem, calc(4.1850275vw + 1.3931648rem), 6.75rem);
}
.gap--m-xxl:not(.ct-section), .ct-section.gap--m-xxl > .ct-section-inner-wrap {
gap: 3.42rem;
gap: calc(2.9154426312rem + (7.2095573688 * ((100vw - 32rem) / 96)));
gap: clamp(2.9154426312rem, calc(7.5099555925vw + 0.5122568416rem), 10.125rem);
}
}
@media (max-width: 479px) {
.gap--s-xs:not(.ct-section), .ct-section.gap--s-xs > .ct-section-inner-wrap {
gap: 1.896rem;
gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96)));
gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}
.gap--s-s:not(.ct-section), .ct-section.gap--s-s > .ct-section-inner-wrap {
gap: 2.133rem;
gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 96)));
gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}
.gap--s-m:not(.ct-section), .ct-section.gap--s-m > .ct-section-inner-wrap {
gap: 2.4rem;
gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.gap--s-l:not(.ct-section), .ct-section.gap--s-l > .ct-section-inner-wrap {
gap: 2.7rem;
gap: calc(2.5608rem + (1.9392 * ((100vw - 32rem) / 96)));
gap: clamp(2.5608rem, calc(2.02vw + 1.9144rem), 4.5rem);
}
.gap--s-xl:not(.ct-section), .ct-section.gap--s-xl > .ct-section-inner-wrap {
gap: 3.038rem;
gap: calc(2.7323736rem + (4.0176264 * ((100vw - 32rem) / 96)));
gap: clamp(2.7323736rem, calc(4.1850275vw + 1.3931648rem), 6.75rem);
}
.gap--s-xxl:not(.ct-section), .ct-section.gap--s-xxl > .ct-section-inner-wrap {
gap: 3.42rem;
gap: calc(2.9154426312rem + (7.2095573688 * ((100vw - 32rem) / 96)));
gap: clamp(2.9154426312rem, calc(7.5099555925vw + 0.5122568416rem), 10.125rem);
}
}
@media (max-width: 359px) {
.gap--xs-xs:not(.ct-section), .ct-section.gap--xs-xs > .ct-section-inner-wrap {
gap: 1.896rem;
gap: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96)));
gap: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
}
.gap--xs-s:not(.ct-section), .ct-section.gap--xs-s > .ct-section-inner-wrap {
gap: 2.133rem;
gap: calc(1.6rem + (0.4 * ((100vw - 32rem) / 96)));
gap: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
}
.gap--xs-m:not(.ct-section), .ct-section.gap--xs-m > .ct-section-inner-wrap {
gap: 2.4rem;
gap: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
gap: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
}
.gap--xs-l:not(.ct-section), .ct-section.gap--xs-l > .ct-section-inner-wrap {
gap: 2.7rem;
gap: calc(2.5608rem + (1.9392 * ((100vw - 32rem) / 96)));
gap: clamp(2.5608rem, calc(2.02vw + 1.9144rem), 4.5rem);
}
.gap--xs-xl:not(.ct-section), .ct-section.gap--xs-xl > .ct-section-inner-wrap {
gap: 3.038rem;
gap: calc(2.7323736rem + (4.0176264 * ((100vw - 32rem) / 96)));
gap: clamp(2.7323736rem, calc(4.1850275vw + 1.3931648rem), 6.75rem);
}
.gap--xs-xxl:not(.ct-section), .ct-section.gap--xs-xxl > .ct-section-inner-wrap {
gap: 3.42rem;
gap: calc(2.9154426312rem + (7.2095573688 * ((100vw - 32rem) / 96)));
gap: clamp(2.9154426312rem, calc(7.5099555925vw + 0.5122568416rem), 10.125rem);
}
}
.center--self {
margin-left: auto;
margin-right: auto;
}
.center--all:not(.ct-section), .ct-section.center--all > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .ct-section-inner-wrap {
min-block-size: 20vh;
}
.height--30:not(.ct-section), .ct-section.height--30 > .ct-section-inner-wrap {
min-block-size: 30vh;
}
.height--40:not(.ct-section), .ct-section.height--40 > .ct-section-inner-wrap {
min-block-size: 40vh;
}
.height--50:not(.ct-section), .ct-section.height--50 > .ct-section-inner-wrap {
min-block-size: 50vh;
}
.height--60:not(.ct-section), .ct-section.height--60 > .ct-section-inner-wrap {
min-block-size: 60vh;
}
.height--70:not(.ct-section), .ct-section.height--70 > .ct-section-inner-wrap {
min-block-size: 70vh;
}
.height--80:not(.ct-section), .ct-section.height--80 > .ct-section-inner-wrap {
min-block-size: 80vh;
}
.height--90:not(.ct-section), .ct-section.height--90 > .ct-section-inner-wrap {
min-block-size: 90vh;
}
.height--100:not(.ct-section), .ct-section.height--100 > .ct-section-inner-wrap {
min-block-size: 100vh;
}
.height--full:not(.ct-section), .ct-section.height--full > .ct-section-inner-wrap {
min-block-size: 100vh;
}
@media (max-width: 1439px) {
.height--xxl-20:not(.ct-section), .ct-section.height--xxl-20 > .ct-section-inner-wrap {
min-block-size: 20vh;
}
.height--xxl-30:not(.ct-section), .ct-section.height--xxl-30 > .ct-section-inner-wrap {
min-block-size: 30vh;
}
.height--xxl-40:not(.ct-section), .ct-section.height--xxl-40 > .ct-section-inner-wrap {
min-block-size: 40vh;
}
.height--xxl-50:not(.ct-section), .ct-section.height--xxl-50 > .ct-section-inner-wrap {
min-block-size: 50vh;
}
.height--xxl-60:not(.ct-section), .ct-section.height--xxl-60 > .ct-section-inner-wrap {
min-block-size: 60vh;
}
.height--xxl-70:not(.ct-section), .ct-section.height--xxl-70 > .ct-section-inner-wrap {
min-block-size: 70vh;
}
.height--xxl-80:not(.ct-section), .ct-section.height--xxl-80 > .ct-section-inner-wrap {
min-block-size: 80vh;
}
.height--xxl-90:not(.ct-section), .ct-section.height--xxl-90 > .ct-section-inner-wrap {
min-block-size: 90vh;
}
.height--xxl-100:not(.ct-section), .ct-section.height--xxl-100 > .ct-section-inner-wrap {
min-block-size: 100vh;
}
.height--xxl-full:not(.ct-section), .ct-section.height--xxl-full > .ct-section-inner-wrap {
min-block-size: 100vh;
}
}
@media (max-width: 1279px) {
.height--xl-20:not(.ct-section), .ct-section.height--xl-20 > .ct-section-inner-wrap {
min-block-size: 20vh;
}
.height--xl-30:not(.ct-section), .ct-section.height--xl-30 > .ct-section-inner-wrap {
min-block-size: 30vh;
}
.height--xl-40:not(.ct-section), .ct-section.height--xl-40 > .ct-section-inner-wrap {
min-block-size: 40vh;
}
.height--xl-50:not(.ct-section), .ct-section.height--xl-50 > .ct-section-inner-wrap {
min-block-size: 50vh;
}
.height--xl-60:not(.ct-section), .ct-section.height--xl-60 > .ct-section-inner-wrap {
min-block-size: 60vh;
}
.height--xl-70:not(.ct-section), .ct-section.height--xl-70 > .ct-section-inner-wrap {
min-block-size: 70vh;
}
.height--xl-80:not(.ct-section), .ct-section.height--xl-80 > .ct-section-inner-wrap {
min-block-size: 80vh;
}
.height--xl-90:not(.ct-section), .ct-section.height--xl-90 > .ct-section-inner-wrap {
min-block-size: 90vh;
}
.height--xl-100:not(.ct-section), .ct-section.height--xl-100 > .ct-section-inner-wrap {
min-block-size: 100vh;
}
.height--xl-full:not(.ct-section), .ct-section.height--xl-full > .ct-section-inner-wrap {
min-block-size: 100vh;
}
}
@media (max-width: 991px) {
.height--l-20:not(.ct-section), .ct-section.height--l-20 > .ct-section-inner-wrap {
min-block-size: 20vh;
}
.height--l-30:not(.ct-section), .ct-section.height--l-30 > .ct-section-inner-wrap {
min-block-size: 30vh;
}
.height--l-40:not(.ct-section), .ct-section.height--l-40 > .ct-section-inner-wrap {
min-block-size: 40vh;
}
.height--l-50:not(.ct-section), .ct-section.height--l-50 > .ct-section-inner-wrap {
min-block-size: 50vh;
}
.height--l-60:not(.ct-section), .ct-section.height--l-60 > .ct-section-inner-wrap {
min-block-size: 60vh;
}
.height--l-70:not(.ct-section), .ct-section.height--l-70 > .ct-section-inner-wrap {
min-block-size: 70vh;
}
.height--l-80:not(.ct-section), .ct-section.height--l-80 > .ct-section-inner-wrap {
min-block-size: 80vh;
}
.height--l-90:not(.ct-section), .ct-section.height--l-90 > .ct-section-inner-wrap {
min-block-size: 90vh;
}
.height--l-100:not(.ct-section), .ct-section.height--l-100 > .ct-section-inner-wrap {
min-block-size: 100vh;
}
.height--l-full:not(.ct-section), .ct-section.height--l-full > .ct-section-inner-wrap {
min-block-size: 100vh;
}
}
@media (max-width: 767px) {
.height--m-20:not(.ct-section), .ct-section.height--m-20 > .ct-section-inner-wrap {
min-block-size: 20vh;
}
.height--m-30:not(.ct-section), .ct-section.height--m-30 > .ct-section-inner-wrap {
min-block-size: 30vh;
}
.height--m-40:not(.ct-section), .ct-section.height--m-40 > .ct-section-inner-wrap {
min-block-size: 40vh;
}
.height--m-50:not(.ct-section), .ct-section.height--m-50 > .ct-section-inner-wrap {
min-block-size: 50vh;
}
.height--m-60:not(.ct-section), .ct-section.height--m-60 > .ct-section-inner-wrap {
min-block-size: 60vh;
}
.height--m-70:not(.ct-section), .ct-section.height--m-70 > .ct-section-inner-wrap {
min-block-size: 70vh;
}
.height--m-80:not(.ct-section), .ct-section.height--m-80 > .ct-section-inner-wrap {
min-block-size: 80vh;
}
.height--m-90:not(.ct-section), .ct-section.height--m-90 > .ct-section-inner-wrap {
min-block-size: 90vh;
}
.height--m-100:not(.ct-section), .ct-section.height--m-100 > .ct-section-inner-wrap {
min-block-size: 100vh;
}
.height--m-full:not(.ct-section), .ct-section.height--m-full > .ct-section-inner-wrap {
min-block-size: 100vh;
}
}
@media (max-width: 479px) {
.height--s-20:not(.ct-section), .ct-section.height--s-20 > .ct-section-inner-wrap {
min-block-size: 20vh;
}
.height--s-30:not(.ct-section), .ct-section.height--s-30 > .ct-section-inner-wrap {
min-block-size: 30vh;
}
.height--s-40:not(.ct-section), .ct-section.height--s-40 > .ct-section-inner-wrap {
min-block-size: 40vh;
}
.height--s-50:not(.ct-section), .ct-section.height--s-50 > .ct-section-inner-wrap {
min-block-size: 50vh;
}
.height--s-60:not(.ct-section), .ct-section.height--s-60 > .ct-section-inner-wrap {
min-block-size: 60vh;
}
.height--s-70:not(.ct-section), .ct-section.height--s-70 > .ct-section-inner-wrap {
min-block-size: 70vh;
}
.height--s-80:not(.ct-section), .ct-section.height--s-80 > .ct-section-inner-wrap {
min-block-size: 80vh;
}
.height--s-90:not(.ct-section), .ct-section.height--s-90 > .ct-section-inner-wrap {
min-block-size: 90vh;
}
.height--s-100:not(.ct-section), .ct-section.height--s-100 > .ct-section-inner-wrap {
min-block-size: 100vh;
}
.height--s-full:not(.ct-section), .ct-section.height--s-full > .ct-section-inner-wrap {
min-block-size: 100vh;
}
}
@media (max-width: 359px) {
.height--xs-20:not(.ct-section), .ct-section.height--xs-20 > .ct-section-inner-wrap {
min-block-size: 20vh;
}
.height--xs-30:not(.ct-section), .ct-section.height--xs-30 > .ct-section-inner-wrap {
min-block-size: 30vh;
}
.height--xs-40:not(.ct-section), .ct-section.height--xs-40 > .ct-section-inner-wrap {
min-block-size: 40vh;
}
.height--xs-50:not(.ct-section), .ct-section.height--xs-50 > .ct-section-inner-wrap {
min-block-size: 50vh;
}
.height--xs-60:not(.ct-section), .ct-section.height--xs-60 > .ct-section-inner-wrap {
min-block-size: 60vh;
}
.height--xs-70:not(.ct-section), .ct-section.height--xs-70 > .ct-section-inner-wrap {
min-block-size: 70vh;
}
.height--xs-80:not(.ct-section), .ct-section.height--xs-80 > .ct-section-inner-wrap {
min-block-size: 80vh;
}
.height--xs-90:not(.ct-section), .ct-section.height--xs-90 > .ct-section-inner-wrap {
min-block-size: 90vh;
}
.height--xs-100:not(.ct-section), .ct-section.height--xs-100 > .ct-section-inner-wrap {
min-block-size: 100vh;
}
.height--xs-full:not(.ct-section), .ct-section.height--xs-full > .ct-section-inner-wrap {
min-block-size: 100vh;
}
}
.max-height--20:not(.ct-section), .ct-section.max-height--20 > .ct-section-inner-wrap {
max-block-size: 20vh;
}
.max-height--30:not(.ct-section), .ct-section.max-height--30 > .ct-section-inner-wrap {
max-block-size: 30vh;
}
.max-height--40:not(.ct-section), .ct-section.max-height--40 > .ct-section-inner-wrap {
max-block-size: 40vh;
}
.max-height--50:not(.ct-section), .ct-section.max-height--50 > .ct-section-inner-wrap {
max-block-size: 50vh;
}
.max-height--60:not(.ct-section), .ct-section.max-height--60 > .ct-section-inner-wrap {
max-block-size: 60vh;
}
.max-height--70:not(.ct-section), .ct-section.max-height--70 > .ct-section-inner-wrap {
max-block-size: 70vh;
}
.max-height--80:not(.ct-section), .ct-section.max-height--80 > .ct-section-inner-wrap {
max-block-size: 80vh;
}
.max-height--90:not(.ct-section), .ct-section.max-height--90 > .ct-section-inner-wrap {
max-block-size: 90vh;
}
.max-height--100:not(.ct-section), .ct-section.max-height--100 > .ct-section-inner-wrap {
max-block-size: 100vh;
}
.max-height--full:not(.ct-section), .ct-section.max-height--full > .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 > .ct-section-inner-wrap {
max-block-size: 20vh;
}
.max-height--xxl-30:not(.ct-section), .ct-section.max-height--xxl-30 > .ct-section-inner-wrap {
max-block-size: 30vh;
}
.max-height--xxl-40:not(.ct-section), .ct-section.max-height--xxl-40 > .ct-section-inner-wrap {
max-block-size: 40vh;
}
.max-height--xxl-50:not(.ct-section), .ct-section.max-height--xxl-50 > .ct-section-inner-wrap {
max-block-size: 50vh;
}
.max-height--xxl-60:not(.ct-section), .ct-section.max-height--xxl-60 > .ct-section-inner-wrap {
max-block-size: 60vh;
}
.max-height--xxl-70:not(.ct-section), .ct-section.max-height--xxl-70 > .ct-section-inner-wrap {
max-block-size: 70vh;
}
.max-height--xxl-80:not(.ct-section), .ct-section.max-height--xxl-80 > .ct-section-inner-wrap {
max-block-size: 80vh;
}
.max-height--xxl-90:not(.ct-section), .ct-section.max-height--xxl-90 > .ct-section-inner-wrap {
max-block-size: 90vh;
}
.max-height--xxl-100:not(.ct-section), .ct-section.max-height--xxl-100 > .ct-section-inner-wrap {
max-block-size: 100vh;
}
.max-height--xxl-full:not(.ct-section), .ct-section.max-height--xxl-full > .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 > .ct-section-inner-wrap {
max-block-size: 20vh;
}
.max-height--xl-30:not(.ct-section), .ct-section.max-height--xl-30 > .ct-section-inner-wrap {
max-block-size: 30vh;
}
.max-height--xl-40:not(.ct-section), .ct-section.max-height--xl-40 > .ct-section-inner-wrap {
max-block-size: 40vh;
}
.max-height--xl-50:not(.ct-section), .ct-section.max-height--xl-50 > .ct-section-inner-wrap {
max-block-size: 50vh;
}
.max-height--xl-60:not(.ct-section), .ct-section.max-height--xl-60 > .ct-section-inner-wrap {
max-block-size: 60vh;
}
.max-height--xl-70:not(.ct-section), .ct-section.max-height--xl-70 > .ct-section-inner-wrap {
max-block-size: 70vh;
}
.max-height--xl-80:not(.ct-section), .ct-section.max-height--xl-80 > .ct-section-inner-wrap {
max-block-size: 80vh;
}
.max-height--xl-90:not(.ct-section), .ct-section.max-height--xl-90 > .ct-section-inner-wrap {
max-block-size: 90vh;
}
.max-height--xl-100:not(.ct-section), .ct-section.max-height--xl-100 > .ct-section-inner-wrap {
max-block-size: 100vh;
}
.max-height--xl-full:not(.ct-section), .ct-section.max-height--xl-full > .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 > .ct-section-inner-wrap {
max-block-size: 20vh;
}
.max-height--l-30:not(.ct-section), .ct-section.max-height--l-30 > .ct-section-inner-wrap {
max-block-size: 30vh;
}
.max-height--l-40:not(.ct-section), .ct-section.max-height--l-40 > .ct-section-inner-wrap {
max-block-size: 40vh;
}
.max-height--l-50:not(.ct-section), .ct-section.max-height--l-50 > .ct-section-inner-wrap {
max-block-size: 50vh;
}
.max-height--l-60:not(.ct-section), .ct-section.max-height--l-60 > .ct-section-inner-wrap {
max-block-size: 60vh;
}
.max-height--l-70:not(.ct-section), .ct-section.max-height--l-70 > .ct-section-inner-wrap {
max-block-size: 70vh;
}
.max-height--l-80:not(.ct-section), .ct-section.max-height--l-80 > .ct-section-inner-wrap {
max-block-size: 80vh;
}
.max-height--l-90:not(.ct-section), .ct-section.max-height--l-90 > .ct-section-inner-wrap {
max-block-size: 90vh;
}
.max-height--l-100:not(.ct-section), .ct-section.max-height--l-100 > .ct-section-inner-wrap {
max-block-size: 100vh;
}
.max-height--l-full:not(.ct-section), .ct-section.max-height--l-full > .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 > .ct-section-inner-wrap {
max-block-size: 20vh;
}
.max-height--m-30:not(.ct-section), .ct-section.max-height--m-30 > .ct-section-inner-wrap {
max-block-size: 30vh;
}
.max-height--m-40:not(.ct-section), .ct-section.max-height--m-40 > .ct-section-inner-wrap {
max-block-size: 40vh;
}
.max-height--m-50:not(.ct-section), .ct-section.max-height--m-50 > .ct-section-inner-wrap {
max-block-size: 50vh;
}
.max-height--m-60:not(.ct-section), .ct-section.max-height--m-60 > .ct-section-inner-wrap {
max-block-size: 60vh;
}
.max-height--m-70:not(.ct-section), .ct-section.max-height--m-70 > .ct-section-inner-wrap {
max-block-size: 70vh;
}
.max-height--m-80:not(.ct-section), .ct-section.max-height--m-80 > .ct-section-inner-wrap {
max-block-size: 80vh;
}
.max-height--m-90:not(.ct-section), .ct-section.max-height--m-90 > .ct-section-inner-wrap {
max-block-size: 90vh;
}
.max-height--m-100:not(.ct-section), .ct-section.max-height--m-100 > .ct-section-inner-wrap {
max-block-size: 100vh;
}
.max-height--m-full:not(.ct-section), .ct-section.max-height--m-full > .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 > .ct-section-inner-wrap {
max-block-size: 20vh;
}
.max-height--s-30:not(.ct-section), .ct-section.max-height--s-30 > .ct-section-inner-wrap {
max-block-size: 30vh;
}
.max-height--s-40:not(.ct-section), .ct-section.max-height--s-40 > .ct-section-inner-wrap {
max-block-size: 40vh;
}
.max-height--s-50:not(.ct-section), .ct-section.max-height--s-50 > .ct-section-inner-wrap {
max-block-size: 50vh;
}
.max-height--s-60:not(.ct-section), .ct-section.max-height--s-60 > .ct-section-inner-wrap {
max-block-size: 60vh;
}
.max-height--s-70:not(.ct-section), .ct-section.max-height--s-70 > .ct-section-inner-wrap {
max-block-size: 70vh;
}
.max-height--s-80:not(.ct-section), .ct-section.max-height--s-80 > .ct-section-inner-wrap {
max-block-size: 80vh;
}
.max-height--s-90:not(.ct-section), .ct-section.max-height--s-90 > .ct-section-inner-wrap {
max-block-size: 90vh;
}
.max-height--s-100:not(.ct-section), .ct-section.max-height--s-100 > .ct-section-inner-wrap {
max-block-size: 100vh;
}
.max-height--s-full:not(.ct-section), .ct-section.max-height--s-full > .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 > .ct-section-inner-wrap {
max-block-size: 20vh;
}
.max-height--xs-30:not(.ct-section), .ct-section.max-height--xs-30 > .ct-section-inner-wrap {
max-block-size: 30vh;
}
.max-height--xs-40:not(.ct-section), .ct-section.max-height--xs-40 > .ct-section-inner-wrap {
max-block-size: 40vh;
}
.max-height--xs-50:not(.ct-section), .ct-section.max-height--xs-50 > .ct-section-inner-wrap {
max-block-size: 50vh;
}
.max-height--xs-60:not(.ct-section), .ct-section.max-height--xs-60 > .ct-section-inner-wrap {
max-block-size: 60vh;
}
.max-height--xs-70:not(.ct-section), .ct-section.max-height--xs-70 > .ct-section-inner-wrap {
max-block-size: 70vh;
}
.max-height--xs-80:not(.ct-section), .ct-section.max-height--xs-80 > .ct-section-inner-wrap {
max-block-size: 80vh;
}
.max-height--xs-90:not(.ct-section), .ct-section.max-height--xs-90 > .ct-section-inner-wrap {
max-block-size: 90vh;
}
.max-height--xs-100:not(.ct-section), .ct-section.max-height--xs-100 > .ct-section-inner-wrap {
max-block-size: 100vh;
}
.max-height--xs-full:not(.ct-section), .ct-section.max-height--xs-full > .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(3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem) 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(4.8rem + (3.2 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 8rem) 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(7.2rem + (4.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) 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.6824rem + (10.3176 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.6824rem, calc(10.7475vw + 4.2432rem), 18rem) 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(8.1971208rem + (18.8028792 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.1971208rem, calc(19.5863325vw + 1.9294944rem), 27rem) 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(8.7463278936rem + (31.7536721064 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.7463278936rem, calc(33.0767417775vw + -1.8382294752rem), 40.5rem) 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(3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem) 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(4.8rem + (3.2 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 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-m:not(.ct-section), .pad-section--xxl-m .ct-section-inner-wrap {
padding: 2.4rem 2.4rem;
padding: calc(7.2rem + (4.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) 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.6824rem + (10.3176 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.6824rem, calc(10.7475vw + 4.2432rem), 18rem) 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(8.1971208rem + (18.8028792 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.1971208rem, calc(19.5863325vw + 1.9294944rem), 27rem) 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(8.7463278936rem + (31.7536721064 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.7463278936rem, calc(33.0767417775vw + -1.8382294752rem), 40.5rem) 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(3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem) 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(4.8rem + (3.2 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 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-m:not(.ct-section), .pad-section--xl-m .ct-section-inner-wrap {
padding: 2.4rem 2.4rem;
padding: calc(7.2rem + (4.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) 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.6824rem + (10.3176 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.6824rem, calc(10.7475vw + 4.2432rem), 18rem) 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(8.1971208rem + (18.8028792 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.1971208rem, calc(19.5863325vw + 1.9294944rem), 27rem) 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(8.7463278936rem + (31.7536721064 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.7463278936rem, calc(33.0767417775vw + -1.8382294752rem), 40.5rem) 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(3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem) 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(4.8rem + (3.2 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 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-m:not(.ct-section), .pad-section--l-m .ct-section-inner-wrap {
padding: 2.4rem 2.4rem;
padding: calc(7.2rem + (4.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) 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.6824rem + (10.3176 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.6824rem, calc(10.7475vw + 4.2432rem), 18rem) 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(8.1971208rem + (18.8028792 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.1971208rem, calc(19.5863325vw + 1.9294944rem), 27rem) 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(8.7463278936rem + (31.7536721064 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.7463278936rem, calc(33.0767417775vw + -1.8382294752rem), 40.5rem) 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(3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem) 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(4.8rem + (3.2 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 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-m:not(.ct-section), .pad-section--m-m .ct-section-inner-wrap {
padding: 2.4rem 2.4rem;
padding: calc(7.2rem + (4.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) 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.6824rem + (10.3176 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.6824rem, calc(10.7475vw + 4.2432rem), 18rem) 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(8.1971208rem + (18.8028792 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.1971208rem, calc(19.5863325vw + 1.9294944rem), 27rem) 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(8.7463278936rem + (31.7536721064 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.7463278936rem, calc(33.0767417775vw + -1.8382294752rem), 40.5rem) 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(3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem) 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(4.8rem + (3.2 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 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-m:not(.ct-section), .pad-section--s-m .ct-section-inner-wrap {
padding: 2.4rem 2.4rem;
padding: calc(7.2rem + (4.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) 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.6824rem + (10.3176 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.6824rem, calc(10.7475vw + 4.2432rem), 18rem) 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(8.1971208rem + (18.8028792 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.1971208rem, calc(19.5863325vw + 1.9294944rem), 27rem) 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(8.7463278936rem + (31.7536721064 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.7463278936rem, calc(33.0767417775vw + -1.8382294752rem), 40.5rem) 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(3.2rem + (2.1333333333 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(3.2rem, calc(2.2222222222vw + 2.4888888889rem), 5.3333333333rem) 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(4.8rem + (3.2 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(4.8rem, calc(3.3333333333vw + 3.7333333333rem), 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-m:not(.ct-section), .pad-section--xs-m .ct-section-inner-wrap {
padding: 2.4rem 2.4rem;
padding: calc(7.2rem + (4.8 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.2rem, calc(5vw + 5.6rem), 12rem) 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.6824rem + (10.3176 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(7.6824rem, calc(10.7475vw + 4.2432rem), 18rem) 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(8.1971208rem + (18.8028792 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.1971208rem, calc(19.5863325vw + 1.9294944rem), 27rem) 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(8.7463278936rem + (31.7536721064 * ((100vw - 32rem) / 96))) calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
padding: clamp(8.7463278936rem, calc(33.0767417775vw + -1.8382294752rem), 40.5rem) 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(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96))) 0;
padding: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem) 0;
}
.pad-header--s {
padding: 2.133rem 0;
padding: calc(1.6rem + (0.4 * ((100vw - 32rem) / 96))) 0;
padding: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem) 0;
}
.pad-header--m {
padding: 2.4rem 0;
padding: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96))) 0;
padding: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem) 0;
}
.pad-header--l {
padding: 2.7rem 0;
padding: calc(2.5608rem + (1.9392 * ((100vw - 32rem) / 96))) 0;
padding: clamp(2.5608rem, calc(2.02vw + 1.9144rem), 4.5rem) 0;
}
.pad-header--xl {
padding: 3.038rem 0;
padding: calc(2.7323736rem + (4.0176264 * ((100vw - 32rem) / 96))) 0;
padding: clamp(2.7323736rem, calc(4.1850275vw + 1.3931648rem), 6.75rem) 0;
}
.pad-header--xxl {
padding: 3.42rem 0;
padding: calc(2.9154426312rem + (7.2095573688 * ((100vw - 32rem) / 96))) 0;
padding: clamp(2.9154426312rem, calc(7.5099555925vw + 0.5122568416rem), 10.125rem) 0;
}
.width--vp-max {
inline-size: 100%;
max-inline-size: calc((128 - 3 * 2) * 1rem);
margin-inline: auto;
}
:root {
--vp-max: calc((128 - 3 * 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;
}
}