:root {
  --color-neutral-50: #F4F6F7;
  --color-neutral-100: #D9DEE3;
  --color-neutral-200: #B2BAC5;
  --color-neutral-300: #9BA6B0;
  --color-neutral-400: #85929B;
  --color-neutral-500: #6D7781;
  --color-neutral-600: #5F6871;
  --color-neutral-700: #4A555E;
  --color-neutral-800: #37424C;
  --color-neutral-900: #24303B;
  --color-primary-50: #eadfe1;
  --color-primary-300: #e8b3bc;
  --color-primary-500: #e89aa7;
  --color-primary-700: #ec7c8e;
  --color-primary-900: #EC6178;
  --color-secondary-50: #FFFAED;
  --color-secondary-300: #FFE5A3;
  --color-secondary-500: #FFBF00;
  --color-secondary-700: #F4A700;
  --color-secondary-900: #E18B00;
  --color-success-50: #F0FFF9;
  --color-success-300: #A0FFDE;
  --color-success-500: #00DDA8;
  --color-success-700: #008061;
  --color-success-900: #002E21;
  --color-warning-50: #FFFCE8;
  --color-warning-300: #FCD042;
  --color-warning-500: #F19509;
  --color-warning-700: #A94205;
  --color-warning-900: #672308;
  --color-error-50: #FCF1EF;
  --color-error-300: #F9979A;
  --color-error-500: #E52736;
  --color-error-700: #AC0211;
  --color-error-900: #700B0F;
  --color-shade-light: #ffffff;
  --color-shade-dark: #000000;
  --background-color: var(--color-shade-light);
  --text-color: var(--color-neutral-900);
  --heading-color: var(--color-neutral-900);
  --link-color: var(--color-primary-700);
  --hr-color: currentColor;
  --blockquote-bg-color: var(--color-primary-50);
  --blockquote-text-color: var(--color-neutral-900);
  --blockquote-border-color: var(--color-primary-700);
  --secondary-button-bg-color: transparent;
  --secondary-button-text-color: var(--color-primary-700);
  --secondary-button-icon-color: var(--color-primary-700);
  --secondary-button-outline-color: var(--color-primary-700);
  --secondary-button-disabled-bg-color: var(--color-neutral-100);
  --secondary-button-disabled-text-color: var(--color-neutral-600);
  --secondary-button-disabled-icon-color: var(--color-neutral-600);
  --field-background-color: transparent;
  --field-border-color: var(--color-primary-300);
  --field-placeholder-color: var(--color-primary-300);
  --field-text-color: var(--color-primary-300);
  --card-bg-color: var(--color-primary-50);
  --card-icon-color: var(--color-primary-700);
  --card-text-color: currentColor;
  --card-hover-bg-color: var(--color-primary-300);
  --card-hover-text-color: currentColor;
  --card-hover-icon-color: var(--color-primary-700);
  --testimonial-text-color: var(--color-primary-900);
  --accordion-header-bg-color: var(--color-primary-50);
  --accordion-header-text-color: currentColor;
  --accordion-header-border-color: var(--color-primary-50);
  --accordion-button-color: var(--color-primary-700);
  --accordion-hover-header-bg-color: var(--color-primary-300);
  --accordion-hover-header-text-color: currentColor;
  --accordion-hover-header-border-color: var(--color-primary-300);
  --accordion-hover-button-color: var(--color-primary-700);
  --accordion-active-header-bg-color: var(--color-primary-300);
  --accordion-active-header-text-color: currentColor;
  --accordion-active-header-border-color: var(--color-primary-300);
  --accordion-active-button-color: var(--color-primary-700);
  --slider-button-bg-color: var(--color-primary-50);
  --slider-button-text-color: var(--color-primary-900);
  --slider-button-hover-bg-color: var(--color-primary-900);
  --slider-button-hover-text-color: var(--color-shade-light);
  --slider-button-active-bg-color: var(--color-primary-900);
  --slider-button-active-text-color: var(--color-shade-light);
  --slider-dot-bg-color: var(--color-primary-300);
  --slider-dot-active-bg-color: var(--color-primary-900);
  --date-color: var(--color-primary-700);
}

.bg-light {
  --background-color: var(--color-primary-50);
  --text-color: var(--color-neutral-900);
  --heading-color: var(--color-neutral-900);
  --blockquote-bg-color: var(--color-shade-light);
  --card-bg-color: var(--color-shade-light);
  --card-icon-color: var(--color-primary-700);
  --card-text-color: currentColor;
  --card-hover-bg-color: var(--color-primary-300);
  --card-hover-text-color: currentColor;
  --card-hover-icon-color: var(--color-primary-700);
  --accordion-header-bg-color: var(--color-shade-light);
  --accordion-header-text-color: currentColor;
  --accordion-header-border-color: var(--color-primary-50);
  --accordion-button-color: var(--color-primary-700);
  --accordion-hover-header-bg-color: var(--color-primary-300);
  --accordion-hover-header-text-color: currentColor;
  --accordion-hover-header-border-color: var(--color-primary-300);
  --accordion-hover-button-color: var(--color-primary-700);
  --accordion-active-header-bg-color: var(--color-primary-300);
  --accordion-active-header-text-color: currentColor;
  --accordion-active-header-border-color: var(--color-primary-300);
  --accordion-active-button-color: var(--color-primary-700);
  --slider-button-bg-color: var(--color-shade-light);
}

.bg-dark {
  --background-color: var(--color-primary-900);
  --text-color: var(--color-shade-light);
  --heading-color: var(--color-shade-light);
  --link-color: var(--color-primary-300);
  --hr-bg-color: var(--color-primary-700);
  --blockquote-bg-color: var(--color-primary-700);
  --blockquote-text-color: var(--color-shade-light);
  --blockquote-border-color: var(--color-primary-500);
  --secondary-button-bg-color: transparent;
  --secondary-button-text-color: var(--color-primary-300);
  --secondary-button-icon-color: var(--color-primary-300);
  --secondary-button-outline-color: var(--color-primary-300);
  --secondary-button-disabled-bg-color: var(--color-neutral-100);
  --secondary-button-disabled-text-color: var(--color-neutral-600);
  --secondary-button-disabled-icon-color: var(--color-neutral-600);
  --card-bg-color: var(--color-primary-700);
  --card-text-color: var(--color-shade-light);
  --card-icon-color: var(--color-primary-300);
  --card-hover-bg-color: var(--color-primary-300);
  --card-hover-text-color: var(--color-neutral-900);
  --card-hover-icon-color: var(--color-primary-500);
  --accordion-header-bg-color: var(--color-primary-700);
  --accordion-header-text-color: currentColor;
  --accordion-header-border-color: var(--color-primary-700);
  --accordion-button-color: var(--color-shade-light);
  --accordion-hover-header-bg-color: var(--color-primary-300);
  --accordion-hover-header-text-color: var(--color-neutral-900);
  --accordion-hover-header-border-color: var(--color-primary-300);
  --accordion-hover-button-color: var(--color-primary-700);
  --accordion-active-header-bg-color: var(--color-primary-300);
  --accordion-active-header-text-color: var(--color-neutral-900);
  --accordion-active-header-border-color: var(--color-primary-300);
  --accordion-active-button-color: var(--color-primary-700);
  --slider-button-bg-color: var(--color-primary-700);
  --slider-button-text-color: var(--color-primary-900);
  --slider-button-hover-bg-color: var(--color-shade-light);
  --slider-button-hover-text-color: var(--color-primary-900);
  --slider-button-active-bg-color: var(--color-shade-light);
  --slider-button-active-text-color: var(--color-shade-light);
  --slider-dot-bg-color: var(--color-primary-300);
  --slider-dot-active-bg-color: var(--color-shade-light);
  --testimonial-text-color: var(--color-shade-light);
  --date-color: var(--color-primary-300);
}

[class*=bg-] {
  background-color: var(--background-color);
  color: var(--text-color);
}

:root {
  --grid-columns: 12;
  --grid-gutter: 1rem;
  --grid-column-width: calc( ( 100% - ( var(--grid-columns) * var(--grid-gutter) ) ) / var(--grid-columns) );
  --col-1: calc(var(--grid-column-width) * 1 + var(--grid-gutter) * (0));
  --col-2: calc(var(--grid-column-width) * 2 + var(--grid-gutter) * (1));
  --col-3: calc(var(--grid-column-width) * 3 + var(--grid-gutter) * (2));
  --col-4: calc(var(--grid-column-width) * 4 + var(--grid-gutter) * (3));
  --col-5: calc(var(--grid-column-width) * 5 + var(--grid-gutter) * (4));
  --col-6: calc(var(--grid-column-width) * 6 + var(--grid-gutter) * (5));
  --col-7: calc(var(--grid-column-width) * 7 + var(--grid-gutter) * (6));
  --col-8: calc(var(--grid-column-width) * 8 + var(--grid-gutter) * (7));
  --col-9: calc(var(--grid-column-width) * 9 + var(--grid-gutter) * (8));
  --col-10: calc(var(--grid-column-width) * 10 + var(--grid-gutter) * (9));
  --col-11: calc(var(--grid-column-width) * 11 + var(--grid-gutter) * (10));
  --col-12: calc(var(--grid-column-width) * 12 + var(--grid-gutter) * (11));
}
@media (min-width: 768px) {
  :root {
    --grid-gutter: 1.25rem;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 0;
  margin-right: calc(var(--grid-gutter) / -2);
  margin-left: calc(var(--grid-gutter) / -2);
}
@media (min-width: 1120px) {
  .row {
    gap: 1.5rem 0;
  }
}

.col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-desktop-12, .col-desktop-11, .col-desktop-10, .col-desktop-9, .col-desktop-8, .col-desktop-7, .col-desktop-6, .col-desktop-5, .col-desktop-4, .col-desktop-3, .col-desktop-2, .col-desktop-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-laptop-12, .col-laptop-11, .col-laptop-10, .col-laptop-9, .col-laptop-8, .col-laptop-7, .col-laptop-6, .col-laptop-5, .col-laptop-4, .col-laptop-3, .col-laptop-2, .col-laptop-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-tablet-12, .col-tablet-11, .col-tablet-10, .col-tablet-9, .col-tablet-8, .col-tablet-7, .col-tablet-6, .col-tablet-5, .col-tablet-4, .col-tablet-3, .col-tablet-2, .col-tablet-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col-xxs-12, .col-xxs-11, .col-xxs-10, .col-xxs-9, .col-xxs-8, .col-xxs-7, .col-xxs-6, .col-xxs-5, .col-xxs-4, .col-xxs-3, .col-xxs-2, .col-xxs-1, .col-xxxs-12, .col-xxxs-11, .col-xxxs-10, .col-xxxs-9, .col-xxxs-8, .col-xxxs-7, .col-xxxs-6, .col-xxxs-5, .col-xxxs-4, .col-xxxs-3, .col-xxxs-2, .col-xxxs-1, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: calc(var(--grid-gutter) / 2);
  padding-left: calc(var(--grid-gutter) / 2);
  flex: 0 0 auto;
}

.col-1 {
  width: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

.offset-0 {
  margin-left: 0%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 360px) {
  .col-xxxs-1 {
    width: 8.3333333333%;
  }
  .col-xxxs-2 {
    width: 16.6666666667%;
  }
  .col-xxxs-3 {
    width: 25%;
  }
  .col-xxxs-4 {
    width: 33.3333333333%;
  }
  .col-xxxs-5 {
    width: 41.6666666667%;
  }
  .col-xxxs-6 {
    width: 50%;
  }
  .col-xxxs-7 {
    width: 58.3333333333%;
  }
  .col-xxxs-8 {
    width: 66.6666666667%;
  }
  .col-xxxs-9 {
    width: 75%;
  }
  .col-xxxs-10 {
    width: 83.3333333333%;
  }
  .col-xxxs-11 {
    width: 91.6666666667%;
  }
  .col-xxxs-12 {
    width: 100%;
  }
  .offset-xxxs-0 {
    margin-left: 0%;
  }
  .offset-xxxs-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxxs-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxxs-3 {
    margin-left: 25%;
  }
  .offset-xxxs-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxxs-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxxs-6 {
    margin-left: 50%;
  }
  .offset-xxxs-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxxs-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxxs-9 {
    margin-left: 75%;
  }
  .offset-xxxs-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxxs-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 540px) {
  .col-xxs-1 {
    width: 8.3333333333%;
  }
  .col-xxs-2 {
    width: 16.6666666667%;
  }
  .col-xxs-3 {
    width: 25%;
  }
  .col-xxs-4 {
    width: 33.3333333333%;
  }
  .col-xxs-5 {
    width: 41.6666666667%;
  }
  .col-xxs-6 {
    width: 50%;
  }
  .col-xxs-7 {
    width: 58.3333333333%;
  }
  .col-xxs-8 {
    width: 66.6666666667%;
  }
  .col-xxs-9 {
    width: 75%;
  }
  .col-xxs-10 {
    width: 83.3333333333%;
  }
  .col-xxs-11 {
    width: 91.6666666667%;
  }
  .col-xxs-12 {
    width: 100%;
  }
  .offset-xxs-0 {
    margin-left: 0%;
  }
  .offset-xxs-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxs-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxs-3 {
    margin-left: 25%;
  }
  .offset-xxs-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxs-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxs-6 {
    margin-left: 50%;
  }
  .offset-xxs-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxs-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxs-9 {
    margin-left: 75%;
  }
  .offset-xxs-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxs-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-xs-1 {
    width: 8.3333333333%;
  }
  .col-xs-2 {
    width: 16.6666666667%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-4 {
    width: 33.3333333333%;
  }
  .col-xs-5 {
    width: 41.6666666667%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-7 {
    width: 58.3333333333%;
  }
  .col-xs-8 {
    width: 66.6666666667%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-10 {
    width: 83.3333333333%;
  }
  .col-xs-11 {
    width: 91.6666666667%;
  }
  .col-xs-12 {
    width: 100%;
  }
  .offset-xs-0 {
    margin-left: 0%;
  }
  .offset-xs-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xs-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xs-3 {
    margin-left: 25%;
  }
  .offset-xs-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xs-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xs-6 {
    margin-left: 50%;
  }
  .offset-xs-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xs-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xs-9 {
    margin-left: 75%;
  }
  .offset-xs-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xs-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-tablet-1 {
    width: 8.3333333333%;
  }
  .col-tablet-2 {
    width: 16.6666666667%;
  }
  .col-tablet-3 {
    width: 25%;
  }
  .col-tablet-4 {
    width: 33.3333333333%;
  }
  .col-tablet-5 {
    width: 41.6666666667%;
  }
  .col-tablet-6 {
    width: 50%;
  }
  .col-tablet-7 {
    width: 58.3333333333%;
  }
  .col-tablet-8 {
    width: 66.6666666667%;
  }
  .col-tablet-9 {
    width: 75%;
  }
  .col-tablet-10 {
    width: 83.3333333333%;
  }
  .col-tablet-11 {
    width: 91.6666666667%;
  }
  .col-tablet-12 {
    width: 100%;
  }
  .offset-tablet-0 {
    margin-left: 0%;
  }
  .offset-tablet-1 {
    margin-left: 8.3333333333%;
  }
  .offset-tablet-2 {
    margin-left: 16.6666666667%;
  }
  .offset-tablet-3 {
    margin-left: 25%;
  }
  .offset-tablet-4 {
    margin-left: 33.3333333333%;
  }
  .offset-tablet-5 {
    margin-left: 41.6666666667%;
  }
  .offset-tablet-6 {
    margin-left: 50%;
  }
  .offset-tablet-7 {
    margin-left: 58.3333333333%;
  }
  .offset-tablet-8 {
    margin-left: 66.6666666667%;
  }
  .offset-tablet-9 {
    margin-left: 75%;
  }
  .offset-tablet-10 {
    margin-left: 83.3333333333%;
  }
  .offset-tablet-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 960px) {
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1120px) {
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1120px) {
  .col-laptop-1 {
    width: 8.3333333333%;
  }
  .col-laptop-2 {
    width: 16.6666666667%;
  }
  .col-laptop-3 {
    width: 25%;
  }
  .col-laptop-4 {
    width: 33.3333333333%;
  }
  .col-laptop-5 {
    width: 41.6666666667%;
  }
  .col-laptop-6 {
    width: 50%;
  }
  .col-laptop-7 {
    width: 58.3333333333%;
  }
  .col-laptop-8 {
    width: 66.6666666667%;
  }
  .col-laptop-9 {
    width: 75%;
  }
  .col-laptop-10 {
    width: 83.3333333333%;
  }
  .col-laptop-11 {
    width: 91.6666666667%;
  }
  .col-laptop-12 {
    width: 100%;
  }
  .offset-laptop-0 {
    margin-left: 0%;
  }
  .offset-laptop-1 {
    margin-left: 8.3333333333%;
  }
  .offset-laptop-2 {
    margin-left: 16.6666666667%;
  }
  .offset-laptop-3 {
    margin-left: 25%;
  }
  .offset-laptop-4 {
    margin-left: 33.3333333333%;
  }
  .offset-laptop-5 {
    margin-left: 41.6666666667%;
  }
  .offset-laptop-6 {
    margin-left: 50%;
  }
  .offset-laptop-7 {
    margin-left: 58.3333333333%;
  }
  .offset-laptop-8 {
    margin-left: 66.6666666667%;
  }
  .offset-laptop-9 {
    margin-left: 75%;
  }
  .offset-laptop-10 {
    margin-left: 83.3333333333%;
  }
  .offset-laptop-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1360px) {
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1360px) {
  .col-desktop-1 {
    width: 8.3333333333%;
  }
  .col-desktop-2 {
    width: 16.6666666667%;
  }
  .col-desktop-3 {
    width: 25%;
  }
  .col-desktop-4 {
    width: 33.3333333333%;
  }
  .col-desktop-5 {
    width: 41.6666666667%;
  }
  .col-desktop-6 {
    width: 50%;
  }
  .col-desktop-7 {
    width: 58.3333333333%;
  }
  .col-desktop-8 {
    width: 66.6666666667%;
  }
  .col-desktop-9 {
    width: 75%;
  }
  .col-desktop-10 {
    width: 83.3333333333%;
  }
  .col-desktop-11 {
    width: 91.6666666667%;
  }
  .col-desktop-12 {
    width: 100%;
  }
  .offset-desktop-0 {
    margin-left: 0%;
  }
  .offset-desktop-1 {
    margin-left: 8.3333333333%;
  }
  .offset-desktop-2 {
    margin-left: 16.6666666667%;
  }
  .offset-desktop-3 {
    margin-left: 25%;
  }
  .offset-desktop-4 {
    margin-left: 33.3333333333%;
  }
  .offset-desktop-5 {
    margin-left: 41.6666666667%;
  }
  .offset-desktop-6 {
    margin-left: 50%;
  }
  .offset-desktop-7 {
    margin-left: 58.3333333333%;
  }
  .offset-desktop-8 {
    margin-left: 66.6666666667%;
  }
  .offset-desktop-9 {
    margin-left: 75%;
  }
  .offset-desktop-10 {
    margin-left: 83.3333333333%;
  }
  .offset-desktop-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1600px) {
  .col-xl-1 {
    width: 8.3333333333%;
  }
  .col-xl-2 {
    width: 16.6666666667%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.3333333333%;
  }
  .col-xl-5 {
    width: 41.6666666667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.3333333333%;
  }
  .col-xl-8 {
    width: 66.6666666667%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.3333333333%;
  }
  .col-xl-11 {
    width: 91.6666666667%;
  }
  .col-xl-12 {
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1920px) {
  .col-xxl-1 {
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    width: 25%;
  }
  .col-xxl-4 {
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    width: 50%;
  }
  .col-xxl-7 {
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    width: 75%;
  }
  .col-xxl-10 {
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0%;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
}
:root {
  --icon-arrow: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.175 8.99999H1C0.716667 8.99999 0.479167 8.90415 0.2875 8.71249C0.0958333 8.52082 0 8.28332 0 7.99999C0 7.71665 0.0958333 7.47915 0.2875 7.28749C0.479167 7.09582 0.716667 6.99999 1 6.99999H12.175L7.275 2.09999C7.075 1.89999 6.97917 1.66665 6.9875 1.39999C6.99583 1.13332 7.1 0.899987 7.3 0.699987C7.5 0.516654 7.73333 0.420821 8 0.412487C8.26667 0.404154 8.5 0.499987 8.7 0.699987L15.3 7.29999C15.4 7.39999 15.4708 7.50832 15.5125 7.62499C15.5542 7.74165 15.575 7.86665 15.575 7.99999C15.575 8.13332 15.5542 8.25832 15.5125 8.37499C15.4708 8.49165 15.4 8.59999 15.3 8.69999L8.7 15.3C8.51667 15.4833 8.2875 15.575 8.0125 15.575C7.7375 15.575 7.5 15.4833 7.3 15.3C7.1 15.1 7 14.8625 7 14.5875C7 14.3125 7.1 14.075 7.3 13.875L12.175 8.99999Z' fill='%23005EC9'/%3E%3C/svg%3E%0A");
  --icon-download: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11.575C7.86667 11.575 7.74167 11.5542 7.625 11.5125C7.50833 11.4708 7.4 11.4 7.3 11.3L3.7 7.7C3.5 7.5 3.40417 7.26667 3.4125 7C3.42083 6.73333 3.51667 6.5 3.7 6.3C3.9 6.1 4.1375 5.99583 4.4125 5.9875C4.6875 5.97917 4.925 6.075 5.125 6.275L7 8.15V1C7 0.716667 7.09583 0.479167 7.2875 0.2875C7.47917 0.0958333 7.71667 0 8 0C8.28333 0 8.52083 0.0958333 8.7125 0.2875C8.90417 0.479167 9 0.716667 9 1V8.15L10.875 6.275C11.075 6.075 11.3125 5.97917 11.5875 5.9875C11.8625 5.99583 12.1 6.1 12.3 6.3C12.4833 6.5 12.5792 6.73333 12.5875 7C12.5958 7.26667 12.5 7.5 12.3 7.7L8.7 11.3C8.6 11.4 8.49167 11.4708 8.375 11.5125C8.25833 11.5542 8.13333 11.575 8 11.575ZM2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14V12C0 11.7167 0.0958333 11.4792 0.2875 11.2875C0.479167 11.0958 0.716667 11 1 11C1.28333 11 1.52083 11.0958 1.7125 11.2875C1.90417 11.4792 2 11.7167 2 12V14H14V12C14 11.7167 14.0958 11.4792 14.2875 11.2875C14.4792 11.0958 14.7167 11 15 11C15.2833 11 15.5208 11.0958 15.7125 11.2875C15.9042 11.4792 16 11.7167 16 12V14C16 14.55 15.8042 15.0208 15.4125 15.4125C15.0208 15.8042 14.55 16 14 16H2Z' fill='%23005EC9'/%3E%3C/svg%3E%0A");
  --icon-link: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10C3.61667 10 2.4375 9.5125 1.4625 8.5375C0.4875 7.5625 0 6.38333 0 5C0 3.61667 0.4875 2.4375 1.4625 1.4625C2.4375 0.4875 3.61667 0 5 0H8C8.28333 0 8.52083 0.0958333 8.7125 0.2875C8.90417 0.479167 9 0.716667 9 1C9 1.28333 8.90417 1.52083 8.7125 1.7125C8.52083 1.90417 8.28333 2 8 2H5C4.16667 2 3.45833 2.29167 2.875 2.875C2.29167 3.45833 2 4.16667 2 5C2 5.83333 2.29167 6.54167 2.875 7.125C3.45833 7.70833 4.16667 8 5 8H8C8.28333 8 8.52083 8.09583 8.7125 8.2875C8.90417 8.47917 9 8.71667 9 9C9 9.28333 8.90417 9.52083 8.7125 9.7125C8.52083 9.90417 8.28333 10 8 10H5ZM7 6C6.71667 6 6.47917 5.90417 6.2875 5.7125C6.09583 5.52083 6 5.28333 6 5C6 4.71667 6.09583 4.47917 6.2875 4.2875C6.47917 4.09583 6.71667 4 7 4H13C13.2833 4 13.5208 4.09583 13.7125 4.2875C13.9042 4.47917 14 4.71667 14 5C14 5.28333 13.9042 5.52083 13.7125 5.7125C13.5208 5.90417 13.2833 6 13 6H7ZM12 10C11.7167 10 11.4792 9.90417 11.2875 9.7125C11.0958 9.52083 11 9.28333 11 9C11 8.71667 11.0958 8.47917 11.2875 8.2875C11.4792 8.09583 11.7167 8 12 8H15C15.8333 8 16.5417 7.70833 17.125 7.125C17.7083 6.54167 18 5.83333 18 5C18 4.16667 17.7083 3.45833 17.125 2.875C16.5417 2.29167 15.8333 2 15 2H12C11.7167 2 11.4792 1.90417 11.2875 1.7125C11.0958 1.52083 11 1.28333 11 1C11 0.716667 11.0958 0.479167 11.2875 0.2875C11.4792 0.0958333 11.7167 0 12 0H15C16.3833 0 17.5625 0.4875 18.5375 1.4625C19.5125 2.4375 20 3.61667 20 5C20 6.38333 19.5125 7.5625 18.5375 8.5375C17.5625 9.5125 16.3833 10 15 10H12Z' fill='%23005EC9'/%3E%3C/svg%3E ");
  --icon-angle: url("data:image/svg+xml,%3Csvg width='10' height='20' viewBox='0 0 10 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.83101 10L0.298259 2.46725C0.0995927 2.26858 0.00284228 2.03208 0.00800894 1.75775C0.0131756 1.48342 0.115093 1.24683 0.313759 1.048C0.512426 0.849333 0.748926 0.75 1.02326 0.75C1.29759 0.75 1.53418 0.849333 1.73301 1.048L9.38876 8.71925C9.56943 8.90008 9.70334 9.10267 9.79051 9.327C9.87784 9.55133 9.92151 9.77567 9.92151 10C9.92151 10.2243 9.87784 10.4487 9.79051 10.673C9.70334 10.8973 9.56943 11.0999 9.38876 11.2808L1.71751 18.952C1.51884 19.1507 1.28493 19.2474 1.01576 19.2423C0.746426 19.2371 0.512426 19.1352 0.313759 18.9365C0.115093 18.7378 0.0157589 18.5013 0.0157589 18.227C0.0157589 17.9527 0.115093 17.7161 0.313759 17.5173L7.83101 10Z'/%3E%3C/svg%3E ");
  --icon-plus: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8.64697C0 8.09469 0.447715 7.64697 1 7.64697H15C15.5523 7.64697 16 8.09469 16 8.64697C16 9.19926 15.5523 9.64697 15 9.64697H1C0.447715 9.64697 0 9.19926 0 8.64697Z' /%3E%3Cpath d='M8 0.646973C8.55228 0.646973 9 1.09469 9 1.64697L9 15.647C9 16.1993 8.55228 16.647 8 16.647C7.44771 16.647 7 16.1993 7 15.647L7 1.64697C7 1.09469 7.44772 0.646973 8 0.646973Z' /%3E%3C/svg%3E%0A");
}

:root {
  --gap-0: 0;
  --gap-1: 4px;
  --gap-2: 8px;
  --gap-3: 12px;
  --gap-4: 16px;
  --gap-5: 18px;
  --gap-6: 20px;
  --gap-7: 24px;
  --gap-8: 32px;
  --gap-9: 40px;
  --gap-10: 48px;
  --gap-11: 64px;
  --gap-12: 80px;
  --gap-13: 96px;
}
@media (min-width: 768px) {
  :root {
    --gap-1: 4px;
    --gap-2: 8px;
    --gap-3: 12px;
    --gap-4: 16px;
    --gap-5: 20px;
    --gap-6: 24px;
    --gap-7: 32px;
    --gap-8: 40px;
    --gap-9: 48px;
    --gap-10: 64px;
    --gap-11: 80px;
    --gap-12: 96px;
    --gap-13: 128px;
  }
}
:root {
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-full: 9999px;
}
@media (min-width: 768px) {
  :root {
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
  }
}
:root {
  --size-xs: 20px;
  --size-sm: 24px;
  --size-md: 32px;
  --size-lg: 48px;
  --size-xl: 64px;
}
@media (min-width: 768px) {
  :root {
    --size-xs: 24px;
    --size-sm: 32px;
    --size-md: 48px;
    --size-lg: 64px;
    --size-xl: 80px;
  }
}
:root {
  --image-landscape-ratio: 59%;
  --image-portrait-ratio: 133%;
  --image-border-radius: .75rem;
  --field-height: 3rem;
  --field-border-radius: .5rem;
  --field-border-width: 1px;
  --field-padding-x: 1rem;
  --field-padding-y: .5rem;
}
@media (min-width: 1120px) {
  :root {
    --field-height: 3.5rem;
  }
}
:root {
  --container-max-width: 1510px;
  --container-padding-x: var(--gap-4);
  --section-padding: 5rem;
  --header-height: 160px;
}
@media (min-width: 768px) {
  :root {
    --container-padding-x: var(--gap-8);
  }
}
@media (min-width: 1120px) {
  :root {
    --container-padding-x: 72px;
  }
}

.radius-none {
  border-radius: var(--radius-none);
}
.radius-xs {
  border-radius: var(--radius-xs);
}
.radius-sm {
  border-radius: var(--radius-sm);
}
.radius-md {
  border-radius: var(--radius-md);
}
.radius-lg {
  border-radius: var(--radius-lg);
}
.radius-xl {
  border-radius: var(--radius-xl);
}
.radius-full {
  border-radius: var(--radius-full);
}

.size-xs {
  width: var(--radius-xs);
}
.size-sm {
  width: var(--radius-sm);
}
.size-md {
  width: var(--radius-md);
}
.size-lg {
  width: var(--radius-lg);
}
.size-xl {
  width: var(--radius-xl);
}

.tns-outer {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-7);
}

.tns-carousel {
  display: flex;
  align-items: stretch;
}

.tns-controls {
  display: flex;
  justify-content: center;
  gap: var(--gap-7);
}
@media (min-width: 1120px) {
  .tns-controls {
    position: absolute;
    top: 50%;
    left: calc(-1 * var(--container-padding-x));
    right: calc(-1 * var(--container-padding-x));
  }
}
.tns-controls button {
  position: relative;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  background: var(--slider-button-bg-color);
  color: var(--slider-button-text-color);
  border-radius: var(--radius-full);
  border: none;
  transition: all 0.3s;
}
@media (min-width: 1120px) {
  .tns-controls button {
    position: absolute;
    top: 50%;
  }
}
.tns-controls button:before {
  content: "";
  display: block;
  border: solid transparent;
  width: 12px;
  height: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -60% -50%;
  mask: var(--icon-angle) no-repeat right center;
  mask-size: auto 18px;
  background: currentColor;
}
@media (min-width: 1120px) {
  .tns-controls button[data-controls=prev] {
    left: calc(var(--container-padding-x) / 2);
    translate: -50% -50%;
  }
}
.tns-controls button[data-controls=prev]:before {
  rotate: 180deg;
  translate: -40% -50%;
}
@media (min-width: 1120px) {
  .tns-controls button[data-controls=next] {
    right: calc(var(--container-padding-x) / 2);
    translate: 50% -50%;
  }
}
.tns-controls button[disabled] {
  visibility: hidden;
  opacity: 0;
}
@media (hover: hover) {
  .tns-controls button:hover {
    background: var(--slider-button-hover-bg-color);
    color: var(--slider-button-hover-text-color);
  }
}

.tns-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--gap-2);
  min-height: 0.75rem;
}
.tns-nav button {
  display: block;
  padding: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--radius-full);
  background: var(--slider-dot-bg-color);
  border: none;
  transition: all 0.3s;
}
.tns-nav button.tns-nav-active {
  width: 0.75rem;
  height: 0.75rem;
  background: var(--slider-dot-active-bg-color);
}

.fancybox-slide--html {
  padding: 40px 30px;
}
.fancybox-slide--html .fancybox-content {
  overflow: visible;
  max-width: 570px;
  padding: 50px 30px;
}
@media (min-width: 768px) {
  .fancybox-slide--html .fancybox-content {
    padding: 60px 90px 70px;
  }
}
.fancybox-slide--html .fancybox-close-small {
  color: var(--color-shade-light);
  opacity: 1;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -10px;
  top: -40px;
}
@media (min-width: 768px) {
  .fancybox-slide--html .fancybox-close-small {
    right: -40px;
  }
}
.fancybox-slide--html .fancybox-close-small svg {
  width: 40px;
  height: 40px;
}
.fancybox-slide .fancybox-loading {
  padding: 0;
}
.fancybox-slide .fancybox-loading .fancybox-close-small {
  display: none;
}

.section {
  margin-bottom: clamp(60px, 4.1666666667vw, 80px);
  margin-top: clamp(60px, 4.1666666667vw, 80px);
}
.section[class*=bg-light], .section[class*=bg-dark] {
  margin: 0 -20px;
  padding: clamp(60px, 4.1666666667vw, 80px) 20px;
}
@media (min-width: 650px) {
  .section[class*=bg-light], .section[class*=bg-dark] {
    margin: 0 calc(-1 * clamp(20px, 9.8958333333vw, 190px));
    padding: clamp(60px, 4.1666666667vw, 80px) clamp(20px, 9.8958333333vw, 190px);
  }
}
@media (min-width: 1024px) {
  .section[class*=bg-light], .section[class*=bg-dark] {
    margin: clamp(60px, 4.1666666667vw, 80px) -2vw;
    padding: clamp(60px, 4.1666666667vw, 80px) 2vw;
    border-radius: 0.75rem;
  }
}
.section:first-child {
  margin-top: 0;
}
.section:last-child {
  margin-bottom: 0;
}
.section + .section--shifted {
  margin-top: calc(-1 * clamp(60px, 4.1666666667vw, 80px));
}

.container * {
  box-sizing: border-box;
}
.container {
  /*
  max-width: 1920px;
  margin: auto;
  padding: 0 20px;
  box-sizing: border-box;
  @include breakpoint(laptop) {
    padding: 0 clamp(20px, 9.8958333333vw, 190px);
  }
   */
}

button, .button {
  outline: 1px solid transparent;
  outline-offset: 2px;
}

.button {
  --button-bg-color: var(--color-primary-900);
  --button-border-color: var(--color-primary-900);
  --button-text-color: var(--color-shade-light);
  --button-outline-color: transparent;
  --button-hover-bg-color: var(--color-primary-700);
  --button-hover-border-color: var(--color-primary-700);
  --button-hover-text-color: var(--color-shade-light);
  --button-hover-outline-color: transparent;
  --button-focus-bg-color: var(--color-primary-900);
  --button-focus-border-color: var(--color-primary-900);
  --button-focus-text-color: var(--color-shade-light);
  --button-focus-outline-color: var(--color-primary-900);
  --button-active-bg-color: var(--color-primary-700);
  --button-active-border-color: var(--color-primary-700);
  --button-active-text-color: var(--color-shade-light);
  --button-active-outline-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  text-decoration: none;
  min-height: 48px;
  border-radius: 12px;
  background: var(--button-bg-color);
  color: var(--button-text-color);
  border: 1px solid var(--button-border-color);
  outline-color: var(--button-outline-color);
  font-weight: 600;
  padding: 0.625rem 1.25rem;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s, outline-color 0.3s, scale 0.3s;
}
@media (min-width: 768px) {
  .button {
    padding: 1rem 2rem;
    min-height: 56px;
  }
}
.button--style2 {
  --button-bg-color: var(--color-primary-700);
  --button-border-color: var(--color-primary-700);
  --button-text-color: var(--color-shade-light);
  --button-outline-color: transparent;
  --button-hover-bg-color: var(--color-primary-300);
  --button-hover-border-color: var(--color-primary-300);
  --button-hover-text-color: var(--color-primary-900);
  --button-hover-outline-color: transparent;
  --button-focus-bg-color: var(--color-primary-700);
  --button-focus-border-color: var(--color-primary-700);
  --button-focus-text-color: var(--color-shade-light);
  --button-focus-outline-color: var(--color-primary-700);
  --button-active-bg-color: var(--color-primary-300);
  --button-active-border-color: var(--color-primary-300);
  --button-active-text-color: var(--color-primary-900);
  --button-active-outline-color: transparent;
}
.button--style3 {
  --button-bg-color: var(--color-primary-300);
  --button-border-color: var(--color-primary-300);
  --button-text-color: var(--color-primary-900);
  --button-outline-color: transparent;
  --button-hover-bg-color: var(--color-shade-light);
  --button-hover-border-color: var(--color-shade-light);
  --button-hover-text-color: var(--color-primary-900);
  --button-hover-outline-color: transparent;
  --button-focus-bg-color: var(--color-primary-300);
  --button-focus-border-color: var(--color-primary-300);
  --button-focus-text-color: var(--color-primary-900);
  --button-focus-outline-color: var(--color-primary-300);
  --button-active-bg-color: var(--color-shade-light);
  --button-active-border-color: var(--color-shade-light);
  --button-active-text-color: var(--color-primary-900);
  --button-active-outline-color: transparent;
}
.button--style4 {
  --button-bg-color: var(--color-secondary-500);
  --button-border-color: var(--color-secondary-500);
  --button-text-color: var(--color-primary-900);
  --button-outline-color: transparent;
  --button-hover-bg-color: var(--color-secondary-300);
  --button-hover-border-color: var(--color-secondary-300);
  --button-hover-text-color: var(--color-primary-900);
  --button-hover-outline-color: transparent;
  --button-focus-bg-color: var(--color-secondary-500);
  --button-focus-border-color: var(--color-secondary-500);
  --button-focus-text-color: var(--color-primary-900);
  --button-focus-outline-color: var(--color-secondary-500);
  --button-active-bg-color: var(--color-secondary-300);
  --button-active-border-color: var(--color-secondary-300);
  --button-active-text-color: var(--color-primary-900);
  --button-active-outline-color: transparent;
}
@media (hover: hover) {
  .button:hover {
    background: var(--button-hover-bg-color);
    color: var(--button-hover-text-color);
    border-color: var(--button-hover-border-color);
    outline-color: var(--button-hover-outline-color);
  }
}
.button:focus {
  background: var(--button-focus-bg-color);
  color: var(--button-focus-text-color);
  border-color: var(--button-focus-border-color);
  outline-color: var(--button-focus-outline-color);
}
.button:active {
  scale: 0.9;
  background: var(--button-active-bg-color);
  color: var(--button-active-text-color);
  border-color: var(--button-active-border-color);
  outline-color: var(--button-active-outline-color);
  outline: none;
}
.button--fullWidth {
  width: 100%;
}

.secondaryButton {
  position: relative;
  color: var(--secondary-button-text-color);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  text-decoration: underline;
  text-decoration-color: transparent;
  border-radius: var(--radius-xs);
  outline: 1px solid transparent;
  outline-offset: 0.125rem;
  transition: color 0.3s, background-color 0.3s, scale 0.3s, text-decoration-color 0.3s, outline-color 0.3s, gap 0.3s;
}
@media (hover: hover) {
  .secondaryButton:hover {
    text-decoration-color: currentColor;
    text-decoration: underline;
  }
}
.secondaryButton:focus {
  outline-color: var(--secondary-button-outline-color, currentColor);
}
.secondaryButton:active {
  scale: 0.95;
  text-decoration-color: transparent;
}
.secondaryButton[disabled] {
  background-color: var(--secondary-button-disabled-bg-color);
  color: var(--secondary-button-disabled-text-color);
  padding: 0.25rem;
  text-decoration: none;
}
.secondaryButton--iconLeft:after, .secondaryButton--iconRight:after {
  content: "";
  background: var(--secondary-button-icon-color, currentColor);
  mask: no-repeat center center;
  mask-size: contain;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  transition: translate 0.3s;
}
.secondaryButton--iconLeft {
  padding-left: 1.75rem;
}
.secondaryButton--iconLeft:after {
  left: 0;
}
.secondaryButton--iconRight {
  padding-right: 1.75rem;
}
.secondaryButton--iconRight:after {
  right: 0;
}
.secondaryButton--arrowLeft:after {
  mask-image: var(--icon-arrow);
  rotate: 180deg;
}
.secondaryButton--arrowRight:after {
  mask-image: var(--icon-arrow);
}
.secondaryButton--plus:after {
  mask-image: var(--icon-plus);
}

p:has(.button:not(:first-child)), p:has(.secondaryButton:not(:first-child)) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.5rem;
}

.card {
  --icon-color: var(--card-icon-color);
  background: var(--card-bg-color);
  color: var(--card-text-color);
  transition: background-color 0.3s, color 0.3s;
}
@media (hover: hover) {
  .card:hover {
    --icon-color: var(--card-hover-icon-color);
    background: var(--card-hover-bg-color);
    color: var(--card-hover-text-color);
  }
}

.imageContainer {
  position: relative;
  overflow: hidden;
  border-radius: var(--image-border-radius);
}
.imageContainer img {
  display: block;
  width: 100%;
  height: auto;
  scale: var(--image-scale);
  transition: scale 0.3s;
}
.imageContainer--landscape:before, .imageContainer--portrait:before, .imageContainer--square:before {
  content: "";
  display: block;
}
.imageContainer--landscape img, .imageContainer--portrait img, .imageContainer--square img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imageContainer--landscape:before {
  padding-bottom: var(--image-landscape-ratio, 75%);
}
.imageContainer--portrait:before {
  padding-bottom: var(--image-portrait-ratio, 133%);
}
.imageContainer--square:before {
  padding-bottom: 100%;
}

.textImage {
  display: flex;
  flex-direction: column;
  gap: var(--gap-7) var(--gap-10);
}
@media (min-width: 768px) {
  .textImage {
    flex-direction: row;
    justify-content: space-between;
  }
}
.textImage__imageCol {
  flex: 1;
}
.textImage__textCol {
  flex: 1;
}
@media (min-width: 768px) {
  .textImage__textCol {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.textImage--imageRight {
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .textImage--imageRight {
    flex-direction: row-reverse;
  }
}

.textText {
  display: flex;
  flex-direction: column;
  gap: var(--gap-7) var(--gap-10);
}
@media (min-width: 768px) {
  .textText {
    flex-direction: row;
    justify-content: space-between;
  }
}
.textText__col {
  flex: 1;
}
.infoCards {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-9) 0;
  margin: var(--gap-7) calc(var(--grid-gutter) / -2);
}
@media (min-width: 768px) {
  .infoCards {
    gap: var(--gap-7) 0;
    justify-content: center;
  }
}
.infoCards:first-child {
  margin-top: 0;
}
.infoCards__item {
  width: 100%;
  padding: 0 calc(var(--grid-gutter) / 2);
}
@media (min-width: 768px) {
  .infoCards__item {
    width: 50%;
  }
}
@media (min-width: 1120px) {
  .infoCards__item {
    width: 33.33%;
  }
}
.infoCards__item:nth-child(n+4):last-child {
  margin-right: auto;
}

.infoCard {
  display: flex;
  flex-direction: column;
  gap: var(--gap-6);
}
.infoCard__text h3 {
  margin-bottom: 1rem;
}
.infoCard img.cover {
  object-fit: cover;
}
.infoCard img.contain {
  object-fit: contain;
}

.ctaBlock {
  --secondary-button-text-color: var(--color-shade-light);
  --secondary-button-icon-color: var(--color-shade-light);
  --secondary-button-outline-color: var(--color-shade-light);
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
}
.ctaBlock__imageContainer {
  position: absolute;
  inset: 0;
}
.ctaBlock__imageContainer:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: #000000;
  opacity: 0.6;
}
@media (min-width: 1120px) {
  .ctaBlock__imageContainer:after {
    background: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 100%);
  }
}
.ctaBlock__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ctaBlock__content {
  position: relative;
  padding: var(--gap-9) var(--gap-6);
  color: var(--color-shade-light);
}
@media (min-width: 768px) {
  .ctaBlock__content {
    padding-left: calc(var(--col-1) + var(--grid-gutter));
    padding-right: calc(var(--col-1) + var(--grid-gutter));
  }
}
@media (min-width: 1120px) {
  .ctaBlock__content {
    width: var(--col-6);
  }
}

.mediaLinks {
  display: flex;
  flex-direction: column;
  gap: var(--gap-7);
}
@media (min-width: 1120px) {
  .mediaLinks__intro {
    width: var(--col-6);
  }
}
.mediaLinks__items {
  display: flex;
  flex-direction: column;
  gap: var(--gap-3);
}
.mediaLink {
  position: relative;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: var(--gap-5) var(--gap-5) var(--gap-5) 60px;
  border-radius: var(--radius-md);
}
.mediaLink:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 24px;
  top: 20px;
  mask: no-repeat center;
  background: var(--icon-color);
  transition: background-color 0.3s;
}
.mediaLink--url:before {
  mask-image: var(--icon-link);
  mask-size: 20px auto;
}
.mediaLink--file:before {
  mask-image: var(--icon-download);
  mask-size: 16px auto;
}
.mediaLink__title {
  display: block;
  margin-bottom: 0;
  color: var(--icon-color);
}

.fullWidthImage {
  position: relative;
}
.fullWidthImage:before {
  content: "";
  display: block;
  padding-bottom: 52%;
}
@media (min-width: 768px) {
  .fullWidthImage:before {
    padding-bottom: 26.3%;
  }
}
.fullWidthImage__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsBlock {
  display: flex;
  flex-direction: column;
  gap: var(--gap-7) 0;
}
@media (min-width: 768px) {
  .newsBlock {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .newsBlock__intro {
    width: var(--col-6);
  }
}
.newsBlock__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-9) 0;
  justify-content: center;
  margin: 0 calc(var(--grid-gutter) / -2);
}
@media (min-width: 768px) {
  .newsBlock__items {
    gap: var(--gap-7) 0;
    order: 9999;
  }
}
.newsBlock__item {
  width: 100%;
  padding: 0 calc(var(--grid-gutter) / 2);
}
@media (min-width: 768px) {
  .newsBlock__item {
    width: 50%;
  }
}
@media (min-width: 1120px) {
  .newsBlock__item {
    width: 33.33%;
  }
}
@media (min-width: 768px) {
  .newsBlock__item:nth-child(3) {
    display: none;
  }
}
@media (min-width: 1120px) {
  .newsBlock__item:nth-child(3) {
    display: block;
  }
}
.newsBlock__item:nth-child(n+4):last-child {
  margin-right: auto;
}
.newsBlock__more {
  margin-top: var(--gap-4);
}
@media (min-width: 768px) {
  .newsBlock__more {
    width: var(--col-6);
    margin: 0;
    display: flex;
    justify-content: flex-end;
  }
}

.newsCard {
  --image-border-radius: .75rem;
  display: flex;
  flex-direction: column;
  gap: var(--gap-6);
}
@media (hover: hover) {
  .newsCard__image:hover + .newsCard__content .newsCard__title a {
    text-decoration: underline;
  }
}
.newsCard__content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
}
.newsCard__text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.newsCard__date {
  color: var(--date-color);
}
.newsCard__title {
  margin: 0;
}
@media (hover: hover) {
  .newsCard__title a:hover {
    text-decoration: underline;
  }
}
.newsCard__categories {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.newsCard__category {
  border-radius: var(--radius-full);
  background-color: var(--color-primary-300);
  color: var(--color-primary-900);
  padding: 0 0.5rem;
  line-height: 1.5rem;
}

.newsletterBlock {
  padding: var(--gap-10) var(--gap-6);
  color: var(--color-shade-light);
  background-color: var(--color-primary-700);
  border-radius: var(--radius-lg);
}
@media (min-width: 768px) {
  .newsletterBlock {
    padding-left: calc(var(--col-1) + var(--grid-gutter));
    padding-right: calc(var(--col-1) + var(--grid-gutter));
  }
}
.newsletterBlock__inner {
  display: flex;
  flex-direction: column;
  gap: var(--gap-7) var(--grid-gutter);
}
@media (min-width: 1120px) {
  .newsletterBlock__inner {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 1120px) {
  .newsletterBlock__col1 {
    width: var(--col-5);
  }
}
@media (min-width: 1120px) {
  .newsletterBlock__col2 {
    width: var(--col-6);
  }
}

.newsletterForm {
  --field-text-color: var(--color-shade-light);
}
@media (min-width: 768px) {
  .newsletterForm .formFields {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .newsletterForm .formField {
    flex: 1;
  }
}
@media (min-width: 768px) {
  .newsletterForm .formField--fullWidth {
    width: 100%;
    flex: none;
  }
}

.accordions {
  display: flex;
  flex-direction: column;
  gap: var(--gap-7);
}
@media (min-width: 1120px) {
  .accordions__intro {
    width: var(--col-6);
  }
}

.accordion__header {
  --icon-color: var(--accordion-button-color);
  position: relative;
  cursor: pointer;
  border-radius: var(--radius-md);
  padding: var(--gap-5) var(--gap-10) var(--gap-5) var(--gap-6);
  background: var(--accordion-header-bg-color);
  border: 1px solid var(--accordion-header-border-color);
  color: var(--accordion-header-text-color);
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.accordion__header:not(:first-child) {
  margin-top: var(--gap-3);
}
.accordion__header .ui-accordion-header-icon {
  position: absolute;
  right: var(--gap-8);
  top: 50%;
  translate: 50% -50%;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--icon-color);
}
.accordion__header .ui-accordion-header-icon:before, .accordion__header .ui-accordion-header-icon:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  border-radius: var(--radius-full);
  background-color: currentColor;
  transition: opacity 0.3s;
}
.accordion__header .ui-accordion-header-icon:before {
  width: 16px;
  height: 2px;
}
.accordion__header .ui-accordion-header-icon:after {
  width: 2px;
  height: 16px;
}
@media (hover: hover) {
  .accordion__header:hover {
    --icon-color: var(--accordion-hover-button-color);
    border-color: var(--accordion-hover-header-border-color);
    background: var(--accordion-hover-header-bg-color);
    color: var(--accordion-hover-header-text-color);
  }
}
.accordion__header.ui-state-active {
  --icon-color: var(--accordion-active-button-color);
  border-color: var(--accordion-active-header-border-color);
  background-color: var(--accordion-active-header-bg-color);
  color: var(--accordion-active-header-text-color);
}
.accordion__header.ui-state-active .ui-accordion-header-icon:after {
  opacity: 0;
}
.accordion__title {
  --heading-color: currentColor;
}
.accordion__body {
  display: none;
}
.accordion__content {
  padding: var(--gap-6) var(--gap-6);
  max-width: 800px;
}

.galleryCarousel {
  --image-landscape-ratio: 87.4%;
  --image-border-radius: var(--radius-md);
  margin: var(--gap-7) 0;
}
.galleryCarousel:first-child {
  margin-top: 0;
}
.galleryCarousel:last-child {
  margin-bottom: 0;
}

.mosaic {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
  margin: var(--gap-7) 0;
}
.mosaic:first-child {
  margin-top: 0;
}
.mosaic:last-child {
  margin-bottom: 0;
}
.mosaic__items {
  margin: 0 calc(-1 * var(--grid-gutter) / 2);
}
.mosaic__item {
  margin: 0 calc(var(--grid-gutter) / 2) var(--grid-gutter);
}
@media (min-width: 768px) {
  .mosaic__item {
    width: var(--col-6);
  }
}
@media (min-width: 1120px) {
  .mosaic__item {
    width: var(--col-4);
  }
}
@media (min-width: 1360px) {
  .mosaic__item {
    width: var(--col-3);
  }
}
.mosaic__pagination {
  display: flex;
  justify-content: center;
}

.logosCarousel {
  margin: var(--gap-7) 0;
}
.logosCarousel:first-child {
  margin-top: 0;
}
.logosCarousel:last-child {
  margin-bottom: 0;
}
.logosCarousel__slide {
  position: relative;
  background: var(--color-shade-light);
  border-radius: var(--radius-md);
}
.logosCarousel__slide:before {
  content: "";
  display: block;
  padding-bottom: 56.7%;
}
.logosCarousel__slide a {
  position: absolute;
  display: block;
  inset: 0;
}
.logosCarousel__logoContainer {
  display: block;
  position: absolute;
  inset: 0;
}
.logosCarousel__logoContainer img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 1120px) {
  .logosCarousel .tns-controls {
    translate: 0 calc(-1 * (var(--gap-2) + 0.75rem));
  }
}

.testimonialsCarousel {
  margin: var(--gap-7) 0;
}
.testimonialsCarousel:first-child {
  margin-top: 0;
}
.testimonialsCarousel:last-child {
  margin-bottom: 0;
}
.testimonialsCarousel__slide {
  height: 100%;
}
@media (min-width: 1120px) {
  .testimonialsCarousel .tns-controls {
    translate: 0 calc(-1 * (var(--gap-2) + 0.75rem));
  }
}

.testimonialBlock {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gap-8);
  padding: var(--gap-8);
  border-radius: var(--radius-md);
  color: var(--testimonial-text-color);
  height: 100%;
}
@media (min-width: 768px) {
  .testimonialBlock__author {
    display: flex;
    align-items: flex-end;
    gap: var(--gap-4);
  }
}
.testimonialBlock__authorPhoto {
  position: relative;
  width: 96px;
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: var(--gap-4);
}
@media (min-width: 768px) {
  .testimonialBlock__authorPhoto {
    margin-bottom: 0;
  }
}
.testimonialBlock__authorPhoto:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.testimonialBlock__authorPhoto img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonialBlock__authorName {
  font-weight: 700;
}
@media (hover: hover) {
  .testimonialBlock:hover {
    background-color: var(--card-bg-color);
    color: currentColor;
  }
}

.contentBuilder {
  font-family: "Sarabun", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  font-size: clamp(16px, 0.9375vw, 18px);
  color: #3A4651;
  letter-spacing: 0;
  text-transform: initial;
}
.contentBuilder h2 {
  color: currentColor;
  font-weight: 700;
  line-height: 1;
  text-transform: none;
  font-size: clamp(30px, 1.875vw, 36px);
  margin-bottom: clamp(20px, 1.3020833333vw, 25px);
}
.contentBuilder p, .contentBuilder ul, .contentBuilder ol {
  margin: clamp(20px, 1.3020833333vw, 25px) 0;
}
.contentBuilder p:first-child, .contentBuilder ul:first-child, .contentBuilder ol:first-child {
  margin-top: 0;
}
.contentBuilder p:last-child, .contentBuilder ul:last-child, .contentBuilder ol:last-child {
  margin-bottom: 0;
}

/*# sourceMappingURL=builder.css.map */