@charset "UTF-8";
/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * BOOTSTRAP.............................Declarations Bootstrap
 * ABSTRACTS..............................Declarations of Sass variables & mixins
 * BASE...................................Default element styles
 * LAYOUT.................................Layout-specific styles
 * COMPONENTS.............................Component styles
 * UTILITIES..............................Utility classes
 */
/*------------------------------------*\
    #BOOTSTRAP
\*------------------------------------*/
.gs-dev-tools {
  z-index: 99999999;
  top: 0;
}

/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
/**
 * CONTENTS
 *
 * COLORS
 * Brand Colors...............Globally-available variables and config
 * Neutral Colors.............Grayscale colors, including white and black
 * Utility Colors.............Info, Warning, Error, Success
 *
 * TYPOGRAPHY
 * Font Families..............The fonts used in the design system
 * Sizing.....................Font sizing
 *
 * LAYOUT
 * Max-widths.................Maximum layout container width
 *
 * SPACING
 * Spacing defaults...........Spacing between elements
 *
 * BORDERS
 * Border Width...............Border thicknesses
 * Border Radius..............Border radius definitions
 *
 * ANIMATION
 * Animation Speed............Transition/animation speed variables
 * Animation easing...........Easing variables
 *
 * BREAKPOINTS
 * Breakpoints................Global breakpoint definitions
 */
/*------------------------------------*\
     #COLORS
\*------------------------------------*/
/* Light */
/* color */
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
/**
 * Font Family
 */
/**
 * Font Sizing Mobile
 */
/**
* Font Sizing Desktop
*/
/**
* Font Sizing HD Desktop
*/
/**
* Font Sizing Paragraph Mobile
*/
/**
* Font Sizing Paragraph
*/
/**
 * Font Sizing Paragraph HD
 */
/**
 * Line Height
 */
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * Max Width
 */
/*------------------------------------*\
    #SPACING
\*------------------------------------*/
/**
 * Spacing and offsets
 */
/*------------------------------------*\
    #BORDERS
\*------------------------------------*/
/**
 * Border widths
 */
/**
 * Border radius
 */
/*------------------------------------*\
    #ANIMATION
\*------------------------------------*/
/**
 * Transition Speed
 */
/**
 * Transition Ease
 */
/*------------------------------------*\
    #BREAKPOINTS
\*------------------------------------*/
/**
 * Breakpoints used in media queries
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #7F6053;
  --bs-primary-rgb: 127, 96, 83;
  --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 8px;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(109.8, 168, 253.8);
  --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, h5, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}

h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}

h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}

h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: 600;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.container,
.container-fluid,
.container-xxxl,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1200px;
  }
}
@media (min-width: 1980px) {
  .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1580px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
  --bs-breakpoint-xxxl: 1980px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

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

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

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

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

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

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1980px) {
  .col-xxxl {
    flex: 1 0 0%;
  }
  .row-cols-xxxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxxl-0 {
    margin-left: 0;
  }
  .offset-xxxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxxl-3 {
    margin-left: 25%;
  }
  .offset-xxxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxxl-6 {
    margin-left: 50%;
  }
  .offset-xxxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxxl-9 {
    margin-left: 75%;
  }
  .offset-xxxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxxl-0,
  .gx-xxxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxxl-0,
  .gy-xxxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxxl-1,
  .gx-xxxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxxl-1,
  .gy-xxxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxxl-2,
  .gx-xxxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxxl-2,
  .gy-xxxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxxl-3,
  .gx-xxxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxxl-3,
  .gy-xxxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxxl-4,
  .gx-xxxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxxl-4,
  .gy-xxxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxxl-5,
  .gx-xxxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxxl-5,
  .gy-xxxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  object-fit: contain !important;
}

.object-fit-cover {
  object-fit: cover !important;
}

.object-fit-fill {
  object-fit: fill !important;
}

.object-fit-scale {
  object-fit: scale-down !important;
}

.object-fit-none {
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

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

.flex-column {
  flex-direction: column !important;
}

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

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

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

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

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

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

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

.justify-content-between {
  justify-content: space-between !important;
}

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

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

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

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

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: 200 !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: 600 !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 0.8 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

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

.text-decoration-none {
  text-decoration: none !important;
}

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

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

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

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

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1980px) {
  .float-xxxl-start {
    float: left !important;
  }
  .float-xxxl-end {
    float: right !important;
  }
  .float-xxxl-none {
    float: none !important;
  }
  .object-fit-xxxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxxl-none {
    object-fit: none !important;
  }
  .d-xxxl-inline {
    display: inline !important;
  }
  .d-xxxl-inline-block {
    display: inline-block !important;
  }
  .d-xxxl-block {
    display: block !important;
  }
  .d-xxxl-grid {
    display: grid !important;
  }
  .d-xxxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxxl-table {
    display: table !important;
  }
  .d-xxxl-table-row {
    display: table-row !important;
  }
  .d-xxxl-table-cell {
    display: table-cell !important;
  }
  .d-xxxl-flex {
    display: flex !important;
  }
  .d-xxxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxxl-none {
    display: none !important;
  }
  .flex-xxxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxxl-row {
    flex-direction: row !important;
  }
  .flex-xxxl-column {
    flex-direction: column !important;
  }
  .flex-xxxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxxl-center {
    justify-content: center !important;
  }
  .justify-content-xxxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxxl-center {
    align-items: center !important;
  }
  .align-items-xxxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxxl-center {
    align-content: center !important;
  }
  .align-content-xxxl-between {
    align-content: space-between !important;
  }
  .align-content-xxxl-around {
    align-content: space-around !important;
  }
  .align-content-xxxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxxl-auto {
    align-self: auto !important;
  }
  .align-self-xxxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxxl-center {
    align-self: center !important;
  }
  .align-self-xxxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxxl-stretch {
    align-self: stretch !important;
  }
  .order-xxxl-first {
    order: -1 !important;
  }
  .order-xxxl-0 {
    order: 0 !important;
  }
  .order-xxxl-1 {
    order: 1 !important;
  }
  .order-xxxl-2 {
    order: 2 !important;
  }
  .order-xxxl-3 {
    order: 3 !important;
  }
  .order-xxxl-4 {
    order: 4 !important;
  }
  .order-xxxl-5 {
    order: 5 !important;
  }
  .order-xxxl-last {
    order: 6 !important;
  }
  .m-xxxl-0 {
    margin: 0 !important;
  }
  .m-xxxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxxl-3 {
    margin: 1rem !important;
  }
  .m-xxxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxxl-5 {
    margin: 3rem !important;
  }
  .m-xxxl-auto {
    margin: auto !important;
  }
  .mx-xxxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxxl-auto {
    margin-top: auto !important;
  }
  .me-xxxl-0 {
    margin-right: 0 !important;
  }
  .me-xxxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxxl-auto {
    margin-right: auto !important;
  }
  .mb-xxxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxxl-auto {
    margin-left: auto !important;
  }
  .p-xxxl-0 {
    padding: 0 !important;
  }
  .p-xxxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxxl-3 {
    padding: 1rem !important;
  }
  .p-xxxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxxl-5 {
    padding: 3rem !important;
  }
  .px-xxxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxxl-0 {
    gap: 0 !important;
  }
  .gap-xxxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxxl-3 {
    gap: 1rem !important;
  }
  .gap-xxxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxxl-start {
    text-align: left !important;
  }
  .text-xxxl-end {
    text-align: right !important;
  }
  .text-xxxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
@font-face {
  font-family: "lg";
  src: url("../fonts/lg.woff2?io9a6k") format("woff2"), url("../fonts/lg.ttf?io9a6k") format("truetype"), url("../fonts/lg.woff?io9a6k") format("woff"), url("../fonts/lg.svg?io9a6k#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1084;
  outline: none;
  border: none;
}
.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}
.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}
.lg-next:before {
  content: "\e095";
}

.lg-prev {
  left: 20px;
}
.lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  background: none;
  border: none;
  box-shadow: none;
}
.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}
.lg-toolbar .lg-icon:hover {
  color: #fff;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-maximize {
  font-size: 22px;
}
.lg-toolbar .lg-maximize:after {
  content: "\e90a";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0s;
  -o-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}
.lg-sub-html a {
  color: inherit;
}
.lg-sub-html a:hover {
  text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-error-msg {
  font-size: 14px;
  color: #999;
}

.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont {
  opacity: 0;
  -moz-transform: scale3d(0.5, 0.5, 0.5);
  -o-transform: scale3d(0.5, 0.5, 0.5);
  -ms-transform: scale3d(0.5, 0.5, 0.5);
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont {
  opacity: 1;
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.lg-icon:focus-visible {
  color: #fff;
  border-radius: 3px;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
}

.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: none;
}
.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-overlay-open {
  overflow: hidden;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
  opacity: 1;
}
.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}
.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0.001;
  outline: none;
  will-change: auto;
  overflow: hidden;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-zoom-from-image {
  opacity: 1;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.lg-outer .lg-inner {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity 0s;
  -o-transition: opacity 0s;
  transition: opacity 0s;
  white-space: nowrap;
}
.lg-outer .lg-item {
  display: none !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("../images/loading.gif") no-repeat scroll center center transparent;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}
.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}
.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}
.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}
.lg-outer .lg-media-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.lg-outer .lg-media-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-media-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  -webkit-transition: opacity 333ms ease-in 0s;
  -o-transition: opacity 333ms ease-in 0s;
  transition: opacity 333ms ease-in 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-container {
  display: none;
}
.lg-container.lg-show {
  display: block;
}
.lg-container.lg-dragging-vertical .lg-backdrop {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}
.lg-inline .lg-backdrop {
  z-index: 1;
}
.lg-inline .lg-outer {
  z-index: 2;
}
.lg-inline .lg-maximize:after {
  content: "\e909";
}

.lg-components {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s ease-out 0s;
  -moz-transition: -moz-transform 0.35s ease-out 0s;
  -o-transition: -o-transform 0.35s ease-out 0s;
  transition: transform 0.35s ease-out 0s;
  z-index: 1080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

@media (min-width: 1980px) {
  .col-xxxl-1 {
    flex: 0 0 auto;
    width: calc(100% * 1 / 12);
  }
  .col-xxxl-2 {
    flex: 0 0 auto;
    width: calc(100% * 2 / 12);
  }
  .col-xxxl-3 {
    flex: 0 0 auto;
    width: calc(100% * 3 / 12);
  }
  .col-xxxl-4 {
    flex: 0 0 auto;
    width: calc(100% * 4 / 12);
  }
  .col-xxxl-5 {
    flex: 0 0 auto;
    width: calc(100% * 5 / 12);
  }
  .col-xxxl-6 {
    flex: 0 0 auto;
    width: calc(100% * 6 / 12);
  }
  .col-xxxl-7 {
    flex: 0 0 auto;
    width: calc(100% * 7 / 12);
  }
  .col-xxxl-8 {
    flex: 0 0 auto;
    width: calc(100% * 8 / 12);
  }
  .col-xxxl-9 {
    flex: 0 0 auto;
    width: calc(100% * 9 / 12);
  }
  .col-xxxl-10 {
    flex: 0 0 auto;
    width: calc(100% * 10 / 12);
  }
  .col-xxxl-11 {
    flex: 0 0 auto;
    width: calc(100% * 11 / 12);
  }
  .col-xxxl-12 {
    flex: 0 0 auto;
    width: calc(100% * 12 / 12);
  }
}
@media (min-width: 1980px) {
  .offset-xxxl-1 {
    margin-left: calc(100% * 1 / 12);
  }
  .offset-xxxl-2 {
    margin-left: calc(100% * 2 / 12);
  }
  .offset-xxxl-3 {
    margin-left: calc(100% * 3 / 12);
  }
  .offset-xxxl-4 {
    margin-left: calc(100% * 4 / 12);
  }
  .offset-xxxl-5 {
    margin-left: calc(100% * 5 / 12);
  }
  .offset-xxxl-6 {
    margin-left: calc(100% * 6 / 12);
  }
  .offset-xxxl-7 {
    margin-left: calc(100% * 7 / 12);
  }
  .offset-xxxl-8 {
    margin-left: calc(100% * 8 / 12);
  }
  .offset-xxxl-9 {
    margin-left: calc(100% * 9 / 12);
  }
  .offset-xxxl-10 {
    margin-left: calc(100% * 10 / 12);
  }
  .offset-xxxl-11 {
    margin-left: calc(100% * 11 / 12);
  }
  .offset-xxxl-12 {
    margin-left: calc(100% * 12 / 12);
  }
}
@media (min-width: 1980px) {
  .fw-lighter {
    font-weight: 325 !important;
  }
}

/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book.woff") format("woff");
  font-weight: 325;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Thin.woff2") format("woff2"), url("../fonts/Gotham-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Ultra";
  src: url("../fonts/Gotham-Ultra.woff2") format("woff2"), url("../fonts/Gotham-Ultra.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Black.woff2") format("woff2"), url("../fonts/Gotham-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Medium.woff2") format("woff2"), url("../fonts/Gotham-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Bold.woff2") format("woff2"), url("../fonts/Gotham-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Old Standard TT";
  src: url("../fonts/OldStandardTT-Italic.woff2") format("woff2"), url("../fonts/OldStandardTT-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Old Standard TT";
  src: url("../fonts/OldStandardTT-Regular.woff2") format("woff2"), url("../fonts/OldStandardTT-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Old Standard TT";
  src: url("../fonts/OldStandardTT-Bold.woff2") format("woff2"), url("../fonts/OldStandardTT-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*------------------------------------*\
    #MIXINS
\*------------------------------------*/
/**
 * Body Styles 
 * 1) Prevent Mobile Safari from scaling up text: https://blog.55minutes.com/2012/04/iphone-text-resizing/
 */
/**
 * XL Type Styles
 */
/**
 * XL Heading Styles
 */
/**
 * Large Heading Styles
 */
/**
 * Medium 2 Heading Styles
 */
/**
 * Medium Heading Styles
 */
/**
 * Small 2 Heading Styles
 */
/**
 * Small Heading Styles
 */
/**
 * Paragraph Styles
 */
/**
 * Paragraph Uppercase Styles
 */
/**
 * Paragraph Overline Styles
 */
/**
 * Paragraph Extra Small Styles
 */
/**
 * Paragraph Small Styles
 */
/**
 * Paragraph Medium Styles
 */
/**
 * Paragraph Large Styles
 */
/**
 * Paragraph Extra Large Styles
 */
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/**
 * In this file, we take the literal colors from our palette (defined in variables.scss)
 * and define them against variables that we can utilise anywhere throughout the project.
 */
/*------------------------------------*\
    #GLOBAL TEXT COLOR
\*------------------------------------*/
/**
 * Body text and background colors
 */
/**
 * Highlight colors
 */
/*------------------------------------*\
    #LINKS
\*------------------------------------*/
/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/
/*------------------------------------*\
    #FORMS
\*------------------------------------*/
/*------------------------------------*\
    #BASE
\*------------------------------------*/
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/
 */
* {
  box-sizing: border-box;
}

/**
 * 1) Zero out margins and padding for elements
 */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
  margin: 0;
  padding: 0;
}

/**
 * 1) Set HTML5 elements to display: block
 */
header, footer, nav, section, article, figure {
  display: block;
}

button {
  border-width: 0px;
  background-color: unset;
}

/*------------------------------------*\
    #BODY
\*------------------------------------*/
/**
 * HTML base styles
 * 1) Set the html element's height to at least 100% of the viewport.
 *    This is used to achieve a sticky footer
 */
html {
  min-height: 100vh; /* 1 */
}

/**
 * Body base styles
 * 1) Set the body element's height to at least 100% of the viewport.
 *    This is used to achieve a sticky footer
 */
body {
  min-height: 100vh; /* 1 */
  font-family: "HelveticaNeue", "Helvetica", "Arial", sans-serif;
  font-size: var(--font-size-m, 16px);
  line-height: 1.4;
  -webkit-text-size-adjust: 100%; /* 1 */
  font-family: "Gotham";
  font-optical-sizing: auto;
  font-weight: 325;
  font-style: normal;
  background-color: #fff;
  color: #000000;
}

/*------------------------------------*\
    #LINKS
\*------------------------------------*/
/**
 * Link base styles
 */
a {
  color: #000000;
  text-decoration: none;
  outline: 0;
  transition: color 0.15s ease-out;
}
a:hover, a:focus {
  color: initial;
}
a:active {
  color: initial;
}
a:visited {
  color: initial;
}

/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * 1) List base styles
 */
/**
 * Remove list styles from unordered and ordered lists
 */
ol, ul {
  list-style: none;
}

.alert {
  padding: 8px;
  margin-bottom: -8px;
  width: fit-content;
}
.alert-warning {
  color: var(--Text-error, #D8494E);
  background-color: #FBF0F0;
}

/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/**
 * Heading 1 base styles
 */
h1, .h1 {
  display: inline-block;
  letter-spacing: var(--font-spacing--2, -2px);
  font-family: "Gotham";
  font-style: normal;
  font-size: 64px;
  font-weight: 350;
  line-height: 64px;
}
@media (min-width: 992px) {
  h1, .h1 {
    font-size: var(--font-size-7xl, 80px);
    line-height: var(--font-line-height-5xl, 80px); /* 100% */
  }
}
@media (min-width: 1980px) {
  h1, .h1 {
    font-size: var(--font-size-7xl, 96px);
    line-height: var(--font-line-height-5xl, 96px); /* 100% */
  }
}
h1.fw-lighter, .h1.fw-lighter {
  font-family: "Gotham";
  font-weight: 325 !important;
}
h1.fw-bolder, .h1.fw-bolder {
  font-family: "Gotham";
  font-weight: bold;
}

/**
 * Heading 2 base styles
 */
h2, .h2 {
  display: inline-block;
  font-size: 48px;
  font-family: "Gotham";
  font-style: normal;
  letter-spacing: var(--font-spacing--2, -2px);
  line-height: 56px;
  font-weight: 350;
}
@media (min-width: 992px) {
  h2, .h2 {
    font-size: var(--font-size-6xl, 64px);
    line-height: var(--font-line-height-4xl, 72px); /* 112.5% */
  }
}
@media (min-width: 1980px) {
  h2, .h2 {
    font-size: var(--font-size-6xl, 80px);
    line-height: var(--font-line-height-4xl, 80px); /* 100% */
  }
}
h2.fw-lighter, .h2.fw-lighter {
  font-family: "Gotham";
  font-weight: 325 !important;
}
h2.fw-bolder, .h2.fw-bolder {
  font-family: "Gotham";
  font-weight: bold;
}

/**
 * Heading 3 base styles
 */
h3, .h3 {
  display: inline-block;
  font-family: "Gotham";
  font-size: 40px;
  font-weight: 350;
  line-height: 48px; /* 114.286% */
  letter-spacing: var(--font-spacing--2, -2px);
  font-style: normal;
}
@media (min-width: 992px) {
  h3, .h3 {
    font-size: var(--font-size-5xl, 56px);
    line-height: var(--font-line-height-xl, 56px); /* 110% */
  }
}
@media (min-width: 1980px) {
  h3, .h3 {
    font-size: 64px;
    line-height: 64px; /* 112.5% */
  }
}
h3.fw-lighter, .h3.fw-lighter {
  font-family: "Gotham";
  font-weight: 325 !important;
}
h3.fw-bolder, .h3.fw-bolder {
  font-family: "Gotham";
  font-weight: bold;
}

/**
 * Heading 4 base styles
 */
h4, .h4 {
  display: inline-block;
  font-family: Gotham;
  letter-spacing: var(--font-spacing--1, -1px);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
}
@media (min-width: 992px) {
  h4, .h4 {
    font-size: var(--font-size-4xl, 48px);
    line-height: var(--font-line-height-2xl, 52px); /* 108.333% */
  }
}
@media (min-width: 1980px) {
  h4, .h4 {
    font-size: var(--font-size-4xl, 56px);
    line-height: var(--font-line-height-2xl, 64px); /* 114.286% */
  }
}
h4.fw-lighter, .h4.fw-lighter {
  font-family: "Gotham";
  font-weight: 100;
}
h4.fw-bolder, .h4.fw-bolder {
  font-family: "Gotham";
  font-weight: bold;
}

/**
 * Heading 5 base styles
 */
h5, .h5 {
  display: inline-block;
  font-family: "Gotham";
  letter-spacing: var(--font-spacing--1, -1px);
  font-style: normal;
  font-size: 28px;
  font-weight: 350;
  line-height: 30px;
}
@media (min-width: 992px) {
  h5, .h5 {
    font-size: var(--font-size-3xl, 40px);
    line-height: var(--font-line-height-2xl, 52px); /* 130% */
  }
}
@media (min-width: 1980px) {
  h5, .h5 {
    font-size: var(--font-size-3xl, 48px);
    line-height: var(--font-line-height-2xl, 64px); /* 133.333% */
  }
}
h5.fw-lighter, .h5.fw-lighter {
  font-family: "Gotham";
  font-weight: 100;
}
h5.fw-bolder, .h5.fw-bolder {
  font-family: "Gotham";
  font-weight: bold;
}

/**
 * Heading 6 base styles
 */
h6, .h6 {
  display: inline-block;
  font-family: "Gotham";
  font-size: 20px;
  font-weight: 350;
  line-height: 28px; /* 112.5% */
  letter-spacing: var(--font-spacing--1, -1px);
  font-style: normal;
}
@media (min-width: 992px) {
  h6, .h6 {
    font-size: var(--font-size-2xl, 32px);
    line-height: var(--font-line-height-l, 36px); /* 112.5% */
  }
}
@media (min-width: 1980px) {
  h6, .h6 {
    font-size: var(--font-size-2xl, 40px);
    line-height: var(--font-line-height-l, 44px); /* 110% */
  }
}
h6.fw-lighter, .h6.fw-lighter {
  font-family: "Gotham";
  font-weight: 100;
}
h6.fw-bolder, .h6.fw-bolder {
  font-family: "Gotham";
  font-weight: bold;
}

/*------------------------------------*\
    #PARAGRAPHS
\*------------------------------------*/
/**
 * Paragraph Uppercase base styles
 */
.p-up {
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
@media (min-width: 1980px) {
  .p-up {
    letter-spacing: 2.4px;
    text-transform: uppercase;
  }
}
.p-up.fw-lighter {
  font-family: "Gotham";
  font-weight: 100;
}
.p-up.fw-bolder {
  font-family: "Gotham";
  font-weight: bold !important;
}

/**
 * Paragraph Overline base styles
 */
.p-overline {
  text-transform: uppercase;
  font-family: Gotham;
  font-size: 10px;
  line-height: var(--font-line-height-xs, 16px); /* 160% */
  font-style: normal;
  font-weight: 500;
  letter-spacing: var(--font-spacing-1, 2px);
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .p-overline {
    font-size: 10px;
    line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  }
}
@media (min-width: 1980px) {
  .p-overline {
    font-size: 12px;
    font-weight: 500;
    line-height: var(--font-line-height-xs, 24px); /* 150% */
  }
}
.p-overline.fw-lighter {
  font-family: "Gotham";
  font-weight: 325 !important;
}
.p-overline.fw-bolder {
  font-family: "Gotham";
  font-weight: bold !important;
}

/**
 * Paragraph Extra Small base styles
 */
.p-xs {
  font-family: Gotham;
  font-size: 12px;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  font-weight: 500;
}
@media (min-width: 992px) {
  .p-xs {
    font-size: 12px;
    line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  }
}
@media (min-width: 1980px) {
  .p-xs {
    font-size: 16px;
    line-height: var(--font-line-height-xs, 16px);
  }
}
.p-xs.fw-lighter {
  font-family: "Gotham";
  font-weight: 325 !important;
}
.p-xs.fw-bolder {
  font-family: "Gotham";
  font-weight: bold !important;
}

/**
 * Paragraph Small base styles
 */
.p-s {
  font-family: Gotham;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  font-weight: 500;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  font-size: 14px;
}
@media (min-width: 992px) {
  .p-s {
    font-size: 14px;
    line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  }
}
@media (min-width: 1980px) {
  .p-s {
    font-size: 16px;
    line-height: var(--font-line-height-xs, 24px); /* 150% */
  }
}
.p-s.fw-lighter {
  font-family: "Gotham";
  font-weight: 325 !important;
}
.p-s.fw-bolder {
  font-family: "Gotham";
  font-weight: bold !important;
}

/**
 * Paragraph Medium base styles
 */
.p-m {
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
}
@media (min-width: 992px) {
  .p-m {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  .p-m {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
  }
}
.p-m.fw-lighter {
  font-family: "Gotham";
  font-weight: 325 !important;
}
.p-m.fw-bolder {
  font-family: "Gotham";
  font-weight: bold !important;
}

/**
 * Paragraph Large base styles
 */
.p-l {
  font-size: 18px;
  font-family: Gotham;
  font-style: normal;
  font-weight: 500;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: 28px; /* 177.778% */
}
@media (min-width: 992px) {
  .p-l {
    font-size: 20px;
    line-height: var(--font-line-height-m, 28px); /* 140% */
  }
}
@media (min-width: 1980px) {
  .p-l {
    font-size: 24px;
    line-height: var(--font-line-height-m, 32px); /* 133.333% */
  }
}
.p-l.fw-lighter {
  font-family: "Gotham";
  font-weight: 325 !important;
}
.p-l.fw-bolder {
  font-family: "Gotham";
  font-weight: bold !important;
}

/**
 * Paragraph Extra Large base styles
 */
.p-xl {
  font-style: normal;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  line-height: var(--font-line-height-m, 28px); /* 160% */
}
@media (min-width: 992px) {
  .p-xl {
    font-size: 24px;
    line-height: var(--font-line-height-m, 28px); /* 116.667% */
  }
}
@media (min-width: 1980px) {
  .p-xl {
    font-size: 28px;
    line-height: var(--font-line-height-m, 32px); /* 114.286% */
  }
}
.p-xl.fw-lighter {
  font-family: "Gotham";
  font-weight: 325 !important;
}
.p-xl.fw-bolder {
  font-family: "Gotham";
  font-weight: bold !important;
}

/*------------------------------------*\
    #FORMS
\*------------------------------------*/
/**
 * 1) Form element base styles
 */
/**
 * Input placeholder text base styles
 */
::-webkit-input-placeholder {
  color: #000000;
}

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

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

:hover::-webkit-input-placeholder {
  color: var(--text-action, #2E53C2);
}
:hover::-moz-placeholder {
  color: var(--text-action, #2E53C2);
}
:hover:-ms-input-placeholder {
  color: var(--text-action, #2E53C2);
}

/**
 * Fieldset base styles
 */
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

/**
 * Legend base styles
 */
legend {
  margin-bottom: 0.25rem;
}

/**
 * Label base styles
 */
label {
  display: block;
  padding-bottom: 0.25rem;
  color: #000000;
}

/**
 * Add font size 100% of form element and margin 0 to these elements
 */
button,
input,
select,
textarea {
  margin: 0;
  font-family: "Gotham";
  font-size: var(--font-size-l, 20px);
  font-style: normal;
  font-weight: 325;
  letter-spacing: var(--font-spacing-0, 0px);
}
button.fix-size,
input.fix-size,
select.fix-size,
textarea.fix-size {
  font-size: var(--font-size-m, 16px);
  line-height: var(--font-line-height-s, 20px); /* 125% */
}
@media (min-width: 768px) {
  button.fix-size,
  input.fix-size,
  select.fix-size,
  textarea.fix-size {
    font-size: var(--font-size-l, 20px);
    line-height: var(--font-line-height-m, 28px);
  }
}

/**
 * Text area base styles
 */
textarea {
  outline: unset;
  -webkit-appearance: none;
  display: flex;
  padding: 16px;
  justify-content: space-between;
  align-items: flex-end;
}

/**
 * Input  and text area base styles
 */
input,
textarea {
  border-top: unset;
  border-left: unset;
  border-right: unset;
  width: 100%;
  border: var(--Stroke-s, 2px) solid #fff;
  background: unset;
}
input:hover,
textarea:hover {
  border-color: #F2F2F3;
}
input:focus,
textarea:focus {
  border-color: #000000;
}

/**
 * Remove webkit appearance styles from these elements
 */
input[type=text],
input[type=search],
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=url],
input[type=number],
input[type=email] {
  outline: unset;
  -webkit-appearance: none;
  display: flex;
  padding: var(--Spacing-m, 16px) var(--Spacing-m, 16px) var(--Spacing-m, 16px) 48px;
  justify-content: space-between;
  align-items: flex-end;
}

input[type=date],
input[type=time] {
  padding: var(--Spacing-m, 16px) var(--Spacing-m, 16px) var(--Spacing-m, 16px) 16px;
}

/**
 * Checkbox and radio button base styles
 */
input[type=checkbox],
input[type=radio] {
  width: auto;
  margin-right: 0.3rem;
  border-color: #000000;
}

/**
 * Search input base styles
 */
input[type=search] {
  -webkit-appearance: none;
  border-radius: 0;
}

/**
 * Select
 * 1) Remove default styling
 */
select {
  display: block;
  font-size: var(--font-size-4xl, 48px);
  width: 100%;
  border: 1px solid #000000;
  padding: 0.5rem;
  background: #e8e8eb;
  color: #000000;
}
select:focus {
  border-color: inherit;
}

.InputWrap {
  position: relative;
}
.InputWrap input, .InputWrap textarea {
  background-color: #fff;
}
.InputWrap--multiple {
  flex: 1;
  cursor: pointer;
}
.InputWrap--more {
  border-radius: var(--Radius-null, 0px);
  border: 1px solid var(--Border-secondary-400, #93949E);
  background: var(--Surface-page, #FFF);
  padding: 12px 16px;
  gap: 8px;
}
.InputWrap--right input[type=text],
.InputWrap--right input[type=search],
.InputWrap--right input[type=search]::-webkit-search-cancel-button,
.InputWrap--right input[type=search]::-webkit-search-decoration,
.InputWrap--right input[type=url],
.InputWrap--right input[type=number],
.InputWrap--right input[type=email],
.InputWrap--right input[type=date],
.InputWrap--right input[type=password] {
  padding: 16px 50px 16px 16px;
}
.InputWrap--right .wpcf7 svg {
  left: unset !important;
  right: 16px;
}
.InputWrap--right .InputPlaceholder, .InputWrap--right .InputPlaceholder--search {
  left: 16px;
  bottom: 18px;
}
.InputWrap--right .wpcf7 svg.check {
  right: 32px !important;
}
.InputWrap--noicon input[type=text],
.InputWrap--noicon input[type=search],
.InputWrap--noicon input[type=search]::-webkit-search-cancel-button,
.InputWrap--noicon input[type=search]::-webkit-search-decoration,
.InputWrap--noicon input[type=url],
.InputWrap--noicon input[type=number],
.InputWrap--noicon input[type=email],
.InputWrap--noicon input[type=date],
.InputWrap--noicon input[type=password] {
  padding: 16px 50px 16px 16px;
}
.InputWrap--noicon .InputPlaceholder, .InputWrap--noicon .InputPlaceholder--search {
  left: 16px;
  bottom: 18px;
}
.InputWrap--primary input {
  border-left: 2px solid #ffdf00;
  border-top: 2px solid #ffdf00;
  border-bottom: 2px solid #ffdf00;
  border-right: unset;
}
.InputWrap--primary:hover input {
  background: var(--Surface-100, #FCFCFC);
}
.InputWrap--primary-filter {
  max-width: 508px;
}
.InputWrap--primary-subscription {
  max-width: 508px;
}
.InputWrap--primary-subscription input:focus {
  border-color: #FFF;
}
.InputWrap--textarea .InputPlaceholder, .InputWrap--textarea .InputPlaceholder--search {
  top: 36px;
  left: 16px;
}
.InputWrap--tinymce {
  background-color: unset;
  margin-top: -4px;
}
.InputWrap--tinymce .InputPlaceholder-label {
  top: 10px;
}
.InputWrap-wrapper {
  padding: 42px 16px;
  border: 1px solid var(--Border-disabled, #999);
  background: var(--Surface-page, #FFF);
}
.InputWrap:hover input, .InputWrap:hover textarea {
  background: var(--Surface-primary, #fff);
  border-color: #dbdbdb;
}
.InputWrap .check {
  opacity: 0;
  transition: 0.3s;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.InputWrap .wpcf7-wrapper {
  position: relative;
}
.InputWrap .wpcf7 svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
}
.InputWrap .wpcf7 svg.check {
  left: unset;
  right: 16px;
}
.InputWrap.InputWrap--disabled {
  cursor: no-drop;
}
.InputWrap.InputWrap--disabled > div {
  pointer-events: none;
}
.InputWrap.InputWrap--disabled:hover input, .InputWrap.InputWrap--disabled:hover textarea {
  background: unset;
}
.InputWrap.InputWrap--disabled input, .InputWrap.InputWrap--disabled textarea {
  border: var(--Stroke-s, 1px) solid var(--Border-disabled, #999);
  color: var(--Text-disabled, #DDD);
  pointer-events: none;
}
.InputWrap.InputWrap--disabled .InputPlaceholder, .InputWrap.InputWrap--disabled .InputPlaceholder-hint, .InputWrap.InputWrap--disabled .InputPlaceholder-label, .InputWrap.InputWrap--disabled .InputPlaceholder--search {
  color: var(--Text-disabled, #DDD);
}
.InputWrap.InputWrap--disabled svg path {
  fill: var(--Text-disabled, #DDD);
}
.InputWrap--novalid.--active input, .InputWrap--novalid.--active textarea {
  border-color: #ffdf00 !important;
}
.InputWrap--novalid.--active .check {
  display: none;
}
.InputWrap--novalid.--error input, .InputWrap--novalid.--error textarea {
  border-color: #ffdf00 !important;
}
.InputWrap--novalid.--error .check {
  display: none;
}
.InputWrap.--active input, .InputWrap.--active textarea {
  border-color: var(--Border-success, #05A60A);
}
.InputWrap.--active .check {
  opacity: 1;
}
.InputWrap.--active .check path {
  fill: #05A60A;
}
.InputWrap.--active svg path {
  fill: #05A60A;
}
.InputWrap.--error .InputWrap-wrapper {
  border: 2px solid var(--Border-error, #CD0714);
  color: var(--text-error, #EA2424);
}
.InputWrap.--error input, .InputWrap.--error textarea {
  border: 2px solid var(--Border-error, #CD0714);
  color: var(--text-error, #EA2424);
}
.InputWrap.--error .InputPlaceholder, .InputWrap.--error .InputPlaceholder-hint, .InputWrap.--error .InputPlaceholder-label, .InputWrap.--error .InputPlaceholder--search {
  color: var(--text-error, #EA2424);
}
.InputWrap.--error svg {
  opacity: 1;
}
.InputWrap.--error svg.check {
  opacity: 0;
}
.InputWrap.--error svg path {
  fill: var(--text-error, #EA2424);
}
.InputWrap.--error .wp-editor-container {
  border: 2px solid var(--Border-error, #CD0714);
}
.InputWrap.--error .wp-switch-editor {
  border-bottom: 1px solid var(--Border-error, #cd0714);
}
.InputWrap.--error .html-active .switch-html, .InputWrap.--error .tmce-active .switch-tmce {
  border-bottom: var(--Border-error, #CD0714);
}
.InputWrap.--error .custom-select .select-selected {
  color: var(--text-error, #EA2424);
  border: 2px solid var(--Border-error, #CD0714);
}
.InputWrap.--error .custom-select .select-selected svg path {
  fill: var(--text-error, #EA2424);
}
.InputWrap span > span {
  display: none;
}
.InputWrap--filter .custom-select:before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.69442 9.68442C5.00463 9.40993 5.47862 9.43889 5.7531 9.7491L11.9722 17.2983L18.1923 9.74908C18.4667 9.43888 18.9407 9.40994 19.2509 9.68444C19.5611 9.95894 19.5901 10.4329 19.3156 10.7431L12.885 18.5302C12.7707 18.6595 12.6302 18.763 12.4728 18.8339C12.3154 18.9048 12.1448 18.9415 11.9722 18.9415C11.7996 18.9415 11.629 18.9048 11.4716 18.8339C11.3142 18.763 11.1737 18.6595 11.0594 18.5302L4.62973 10.7431C4.35524 10.4329 4.3842 9.9589 4.69442 9.68442Z" fill="%23000"/></svg>');
}
.InputWrap--filter .custom-select .select-selected {
  border: 2px solid var(--Border-tertiary, #1D1E1F);
}
.InputPlaceholder, .InputPlaceholder--search {
  color: var(--Text-body, #14131C);
  z-index: 2;
  pointer-events: none;
  max-width: 350px;
  position: absolute;
  bottom: 16px;
  left: 48px;
  transition: 0.3s;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  font-family: Gotham;
  font-style: normal;
  font-weight: 325;
  letter-spacing: var(--font-spacing-0, 0px);
}
.InputPlaceholder.fix-size, .InputPlaceholder--search.fix-size {
  font-size: var(--font-size-m, 16px);
  line-height: var(--font-line-height-s, 20px); /* 125% */
}
@media (min-width: 768px) {
  .InputPlaceholder.fix-size, .InputPlaceholder--search.fix-size {
    font-size: var(--font-size-l, 20px);
    line-height: var(--font-line-height-m, 28px);
  }
}
.InputPlaceholder.--focus, .InputPlaceholder--search.--focus {
  max-width: 0;
}
.InputPlaceholder-label, .InputPlaceholder--search-label {
  color: var(--Text-body, #1D1E1F);
}
.InputPlaceholder-counter, .InputPlaceholder--search-counter {
  color: #ffdf00;
  display: inline-block;
}
.InputPlaceholder-hint, .InputPlaceholder--search-hint {
  position: absolute;
  bottom: -20px;
  color: var(--Text-body, #14131C);
  font-family: "Gotham";
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: 325;
  line-height: 14px;
  letter-spacing: var(--font-spacing-0, 0px);
}

.custom-select {
  display: inline-block;
  position: relative;
  user-select: none;
  width: 100%;
  z-index: 8;
}
.custom-select:before {
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10.5 14L6.60288 7.25L14.3971 7.25L10.5 14Z" fill="black"/></svg>');
  width: 20px;
  height: 20px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
  pointer-events: none;
}
.custom-select .select-selected {
  background: var(--surface-page, #FFF);
  padding: 16px 48px 16px 16px;
  min-width: 180px;
  background-color: white;
  cursor: pointer;
  color: var(--Text-headline, #000);
  font-family: inherit;
  font-size: var(--font-size-l, 20px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 400);
  line-height: var(--font-line-height-m, 28px); /* 140% */
  letter-spacing: var(--font-spacing-0, 0px);
}
.custom-select .select-selected:hover {
  border-radius: var(--Radius-null, 0px);
  background: rgba(0, 0, 0, 0.1);
}
.custom-select.--show .select-selected {
  background-color: #ffdf00;
}
.custom-select .select-options-container {
  display: none;
  position: absolute;
  background-color: white;
  border: 1px solid #ccc;
  border-top: none;
  z-index: 1;
  max-height: 200px;
  overflow-y: auto;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.custom-select .select-options-container .select-option {
  padding: var(--gap-s, 12px) var(--gap-l, 24px);
  white-space: nowrap;
  cursor: pointer;
}
.custom-select .select-options-container .select-option:hover {
  background-color: #f0f0f0;
}
.custom-select .select-options-container .select-option.--active {
  color: #ffdf00;
}
.custom-select.--show:before {
  transform: translateY(-50%) rotate(180deg);
}
.custom-select.--active:before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10.5 14L6.60288 7.25L14.3971 7.25L10.5 14Z" fill="%2305A60A"/></svg>');
}
.custom-select.--active .select-selected {
  border-color: #05A60A;
}
.custom-select .select-options-container.--show {
  display: block;
}
.custom-select-menu:before {
  background: unset;
}
.custom-select-menu .select-options-container {
  width: initial;
  left: 0;
  transform: unset;
  padding-top: 20px;
  max-height: unset;
  border: unset;
}
.custom-select-menu .custom-select-selected {
  border-color: #fff;
}
.custom-select-menu .custom-select-selected.c-btn-outline--black:hover {
  border-color: #276EFF;
  background: var(--Surface-tertiary, #276EFF);
}
.custom-select-menu .custom-select-selected.c-btn-outline--black:hover span {
  color: #fff;
}
.custom-select-menu .custom-select-selected.c-btn-outline--black:hover svg path {
  fill: #fff;
}
.custom-select-menu a {
  padding: 16px 32px;
  width: 100%;
  min-width: 100%;
  display: block;
  white-space: nowrap;
  color: var(--Text-headline, #000);
  transition: 0.3s;
}
.custom-select-menu a:hover {
  color: #fff;
  background: var(--Surface-tertiary, #276EFF);
}
.custom-select-message:before {
  background: unset;
}
.custom-select-message .select-options-container {
  width: initial;
  left: 0;
  transform: unset;
  padding-top: 20px;
  max-height: unset;
  border: unset;
}
.custom-select-message a {
  padding: 16px 32px;
  width: 100%;
  min-width: 100%;
  display: block;
  white-space: nowrap;
  color: var(--Text-headline, #000);
  transition: 0.3s;
}
.custom-select-message a:hover {
  color: #fff;
  background: var(--Surface-tertiary, #276EFF);
}

.screen-reader-response {
  display: none;
}

.wpcf7-submit:disabled {
  opacity: 0.2;
}

#clearInput {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
#clearInput path {
  fill: #000 !important;
}

.clear-icon {
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
}

.clear-icon.--show {
  opacity: 1;
  pointer-events: auto;
}

/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/
/**
 * Button and submit inputs reset
 * 1) These should be styled using c-btn
 */
button {
  cursor: pointer;
}

/**
 *
 * 1) Button or link that has functionality to it
 */
.c-btn {
  font-family: "Gotham Book";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  transition: 0.3s ease;
  cursor: pointer;
  white-space: nowrap;
}
.c-btn:hover {
  background: #25273a;
}

/*
 * Inner container wrapper
 * 1) Container is direct decendant of <button>, since there's
 *    a bug with applying flexbox directly to a <button>
 * 2) Only needs to be used for buttons containing both icons and text
 */
.c-btn__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

/*
 * Button icon
 */
.c-btn__icon {
  width: 1rem;
  height: 1rem;
  fill: #ffdf00;
  transition: fill 0.15s ease-out;
}

/* Rozmiary */
.c-btn-xs {
  font-family: Gotham;
  font-size: 12px;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  font-weight: 500;
  padding: var(--Spacing-s, 8px) var(--Spacing-m, 12px);
  font-weight: 500;
}
@media (min-width: 992px) {
  .c-btn-xs {
    font-size: 12px;
    line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  }
}
@media (min-width: 1980px) {
  .c-btn-xs {
    font-size: 16px;
    line-height: var(--font-line-height-xs, 16px);
  }
}
.c-btn-xs svg {
  width: 16px;
  height: 16px;
}
.c-btn-xs > span {
  padding: 0px 8px;
}

.c-btn-s {
  font-family: Gotham;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  font-weight: 500;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  font-size: 14px;
  padding: var(--Spacing-s, 8px) var(--Spacing-m, 12px);
  font-weight: 500;
}
@media (min-width: 992px) {
  .c-btn-s {
    font-size: 14px;
    line-height: var(--font-line-height-xs, 16px); /* 114.286% */
    padding: var(--Spacing-s, 12px) var(--Spacing-m, 16px);
  }
}
@media (min-width: 1980px) {
  .c-btn-s {
    font-size: 16px;
    line-height: var(--font-line-height-xs, 24px); /* 150% */
  }
}
.c-btn-s svg {
  width: 16px;
  height: 16px;
}
.c-btn-s > span {
  padding: 0px 8px;
}

.c-btn-m {
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
  font-weight: 500;
  padding: var(--Spacing-m, 12px) 24px;
}
@media (min-width: 992px) {
  .c-btn-m {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  .c-btn-m {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
    font-weight: 500;
  }
}
.c-btn-m svg {
  width: 20px;
  height: 20px;
}
.c-btn-m .c-btn__inner {
  padding: 0px 8px;
}
.c-btn-m > span {
  padding: 0px 8px;
}

.c-btn-l {
  font-size: 18px;
  font-family: Gotham;
  font-style: normal;
  font-weight: 500;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: 28px; /* 177.778% */
  padding: var(--Spacing-m, 12px) var(--Spacing-m, 16px);
  gap: 4px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .c-btn-l {
    font-size: 20px;
    line-height: var(--font-line-height-m, 28px); /* 140% */
  }
}
@media (min-width: 1980px) {
  .c-btn-l {
    font-size: 24px;
    line-height: var(--font-line-height-m, 32px); /* 133.333% */
    font-weight: 500;
  }
}
.c-btn-l > span {
  padding: 0px var(--Spacing-m, 12px);
}
@media (min-width: 1980px) {
  .c-btn-l {
    padding: var(--Spacing-m, 16px) var(--Spacing-m, 24px);
  }
}

.c-btn-xl {
  font-style: normal;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  line-height: var(--font-line-height-m, 28px); /* 160% */
  padding: var(--Spacing-m, 16px) var(--Spacing-l, 24px);
  gap: 4px;
}
@media (min-width: 992px) {
  .c-btn-xl {
    font-size: 24px;
    line-height: var(--font-line-height-m, 28px); /* 116.667% */
  }
}
@media (min-width: 1980px) {
  .c-btn-xl {
    font-size: 28px;
    line-height: var(--font-line-height-m, 32px); /* 114.286% */
  }
}
.c-btn-xl > span {
  padding: 0px var(--Spacing-m, 12px);
}

.c-btn-nogap span {
  padding: 0px !important;
}

.c-btn-link {
  color: #ce181e;
  padding: 0px;
  position: relative;
}
.c-btn-link:after {
  content: "";
  width: 0px;
  height: 2px;
  transition: 0.3s;
  background: #ce181e;
  position: absolute;
  bottom: 0;
}
.c-btn-link:target, .c-btn-link:active, .c-btn-link:focus, .c-btn-link:visited {
  color: #000000;
}
.c-btn-link:hover {
  color: #ce181e;
  background: unset;
}
.c-btn-link:hover svg path {
  fill: #000000;
}
.c-btn-link:hover:after {
  content: "";
  width: 100%;
  height: 2px;
  transition: 0.3s;
}

/* Typy */
.c-btn-fill {
  color: #000000;
  border-radius: 0;
  background: #ffdf00;
  border: 2px solid #ffdf00;
}
.c-btn-fill:hover {
  background: #25273a;
  border: 2px solid #25273a;
  color: #ffffff;
}
.c-btn-fill:hover svg path {
  fill: #ffffff;
}
.c-btn-fill:target, .c-btn-fill:active, .c-btn-fill:focus {
  background: #25273a;
  color: #ffdf00;
  border: 2px solid #25273a;
}
.c-btn-fill svg path {
  fill: #000000;
}
.c-btn-fill.c-white:hover {
  color: #ffdf00 !important;
}

.c-btn-secondary {
  color: #ffffff;
  border-radius: 0;
  background: #25273a;
  border: 2px solid #25273a;
}
.c-btn-secondary:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%), var(--Surface-secondary, #25273A);
  border: 2px solid #676875;
  color: #ffffff;
}
.c-btn-secondary:hover svg path {
  fill: #ffffff;
}
.c-btn-secondary:target, .c-btn-secondary:active, .c-btn-secondary:focus, .c-btn-secondary:visited {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%), var(--Surface-secondary, #25273A);
  color: #fff;
  border: 2px solid #25273a;
}
.c-btn-secondary:target:hover, .c-btn-secondary:active:hover, .c-btn-secondary:focus:hover, .c-btn-secondary:visited:hover {
  border: 2px solid #676875;
}
.c-btn-secondary svg path {
  fill: #ffffff;
}
.c-btn-secondary.c-white:hover {
  color: #ffffff !important;
}
.c-btn-secondary--icon-yellow svg path {
  fill: #ffdf00;
}

.c-btn-outline {
  text-wrap: nowrap;
  color: #000000;
  border-radius: 0;
  border: 2px solid #25273a;
}
.c-btn-outline:hover {
  background: rgba(0, 0, 0, 0.05);
  border: 2px solid #25273a;
  color: #000000;
}
.c-btn-outline:hover svg path {
  fill: #000000;
}
.c-btn-outline:target, .c-btn-outline:active, .c-btn-outline:focus {
  background: unset;
  border: 2px solid #25273a;
  background: #ffdf00;
  color: #000000;
}
.c-btn-outline svg path {
  fill: #000000;
}
.c-btn-outline.c-white:hover {
  color: #000000 !important;
  border: 2px solid #fff;
}
.c-btn-outline.c-white:target, .c-btn-outline.c-white:active, .c-btn-outline.c-white:focus {
  border: 2px solid #fff;
}
.c-btn-outline-white {
  border: 2px solid #fff;
}
.c-btn-outline-white svg path {
  fill: #FFDF00;
}
.c-btn-outline-white:hover {
  color: #000000;
  background: #fff;
}
.c-btn-outline-white:hover svg path {
  fill: #FFDF00;
}
.c-btn-outline-white:target, .c-btn-outline-white:active, .c-btn-outline-white:focus {
  background: #fff;
  color: #000000;
}
.c-btn-outline-white:target svg path, .c-btn-outline-white:active svg path, .c-btn-outline-white:focus svg path {
  fill: #FFDF00;
}

.c-btn-text {
  padding: 0px;
  color: #000000;
  position: relative;
  font-family: var(--font-family-body, Gotham);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  letter-spacing: var(--font-spacing-0, 0px);
  padding-bottom: 2px;
}
.c-btn-text svg path {
  transition: 0.3s ease;
}
.c-btn-text:after {
  content: "";
  width: 0px;
  height: 2px;
  transition: 0.3s;
  background: #000000;
  position: absolute;
  bottom: -2px;
}
.c-btn-text:hover {
  background: unset;
  border: none;
  color: #000000;
}
.c-btn-text:hover svg path {
  fill: #000000;
}
.c-btn-text:hover:after {
  content: "";
  width: 100%;
  height: 2px;
  transition: 0.3s;
}
.c-btn-text:target:after, .c-btn-text:active:after, .c-btn-text:focus:after {
  width: 0px;
}
.c-btn-text .c-btn__inner {
  padding: 0px;
}
.c-btn-text.c-white svg path {
  fill: #FFF;
}
.c-btn-text.c-white:hover svg path {
  fill: #4D3A33;
}
.c-btn-text.c-text-white span {
  color: #fff;
}
.c-btn-text.c-text-white svg path {
  fill: #FFDF00;
}
.c-btn-text.c-text-white:hover svg path {
  fill: #FFDF00;
}
.c-btn-text.c-text-white:hover:after {
  content: unset;
}

/* Ikony */
.c-btn__icon {
  fill: red; /* Ustawia kolor wypełnienia SVG na czerwony */
}

.c-btn-icon {
  transition: 0.3s;
  align-items: center;
  justify-content: center;
  padding: 0px;
  box-sizing: border-box;
}

.c-btn-icon-s {
  width: 32px;
  height: 32px;
}
.c-btn-icon-s svg {
  width: 16px;
  height: 16px;
}

.c-btn-icon-m {
  width: 44px;
  height: 44px;
}
.c-btn-icon-m svg {
  width: 20px;
  height: 20px;
}

.c-btn-icon-l {
  width: 48px;
  height: 48px;
}

.c-btn-icon-xl {
  width: 56px;
  height: 56px;
}

.c-btn-text.c-btn-icon-xl {
  width: 40px;
  height: 40px;
}

.c-btn-text.c-btn-icon-l {
  width: 32px;
  height: 32px;
}

.c-btn-text.c-btn-icon-m {
  width: 28px;
  height: 28px;
}

.c-btn-text.c-btn-icon-s {
  width: 24px;
  height: 24px;
}

.c-btn-wherebuy {
  text-align: center;
  flex: 1;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.c-btn-red {
  background: var(--Surface-brand, #CE181E);
  border-color: #CE181E;
  color: #fff;
}
.c-btn-red svg path {
  fill: #fff;
}
.c-btn-red:visited {
  color: #fff;
}

.c-btn-label {
  transition: 0.3s;
  border: unset;
  padding: var(--gap-s, 12px) var(--gap-m, 16px);
  border-radius: 1000px;
  background: var(--surface-page, #FFF);
  color: var(--text-action, #2E53C2);
  font-family: "Gotham";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  gap: 8px;
}
.c-btn-label span {
  padding: 0px 4px;
}
.c-btn-label:hover {
  color: #fff;
  background: #2E53C2;
}
.c-btn-label:hover svg path {
  fill: #fff;
}

.c-btn-mobile {
  width: 100%;
}
@media (min-width: 992px) {
  .c-btn-mobile {
    width: fit-content;
  }
}
.c-btn-mobile-sm {
  width: 100%;
}
@media (min-width: 576px) {
  .c-btn-mobile-sm {
    width: fit-content;
  }
}

.c-icon-red svg path {
  fill: #CE181E;
}

.usun-btn span {
  padding: 0;
}

/*------------------------------------*\
    #MAIN ELEMENT
\*------------------------------------*/
/**
 * Main element
 */
[role=main] {
  display: block;
  padding: 1rem;
}

.m-auto {
  margin: 0 auto;
}

/*------------------------------------*\
    #MEDIA
\*------------------------------------*/
/**
 * Responsive image styling
 * 1) Allows for images to flex with varying screen size
 */
img {
  max-width: 100%;
  height: auto;
}

/*------------------------------------*\
    #TEXT
\*------------------------------------*/
/**
 * Paragraph base styles
 */
/**
 * Blockquote base styles
 */
.blockquote-body {
  flex: 1;
}
@media (min-width: 768px) {
  .blockquote-container {
    padding: 32px;
  }
}
@media (min-width: 1980px) {
  .blockquote-container {
    padding: 32px;
  }
}

/**
 * Horizontal rule base styles
 */
hr {
  border: 0;
  height: 1px;
  background: #696975;
  margin: 1rem 0;
}

/**
 * Selection styles
 */
::-moz-selection {
  color: #e8e8eb;
  background: #ffe94d; /* Gecko Browsers */
}

::selection {
  color: #1e1d1d;
  background: #fff39d;
}

/**
 * Code base styles
 */
code {
  display: inline-block;
  background: #d2d2d6;
  border: 1px solid #e8e8eb;
  padding: 0.2rem 0.5rem;
  line-height: 1.2;
  font-size: 0.85rem;
}

/**
 * Preformatted text base styles
 */
pre {
  background: #d2d2d6;
  border: 1px solid #e8e8eb;
  font-size: var(--font-size-4xl, 48px);
  padding: 1rem;
  overflow-x: auto;
  /**
   * Remove border from code within preformatted text block
   */
}
pre code {
  border: 0;
}

/**
 * Code with languages associated with them
 * 1) Override Prism sysles for code blocks with language
 */
code[class*=language-],
pre[class*=language-] {
  font-family: monospace !important;
}

.c-headline {
  color: #000000;
}

.c-action {
  color: #ffdf00 !important;
}
.c-action svg path {
  fill: #ffdf00;
}

.c-body {
  color: #000000;
}

.c-btn .c-white {
  color: #ffffff !important;
}
.c-btn .c-white path {
  fill: #ffffff;
}
.c-btn .c-white:hover path {
  fill: #4D3A33;
}

.c-red {
  color: #ce181e !important;
}
.c-red svg path {
  fill: #ce181e;
}
.c-red:hover svg path {
  fill: #ce181e;
}
.c-red:after {
  background-color: #ce181e;
}

.c-black {
  color: #000000 !important;
}

.event {
  pointer-events: none;
}

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

.c-secondary-500 {
  color: #93949E;
}

.c-neutral-500 {
  color: #696975;
}

span.c-white, p.c-white, a.c-white, h1.c-white, h2.c-white, h3.c-white, h4.c-white, h5.c-white, h6.c-white {
  color: #fff;
}
span.c-white svg path, p.c-white svg path, a.c-white svg path, h1.c-white svg path, h2.c-white svg path, h3.c-white svg path, h4.c-white svg path, h5.c-white svg path, h6.c-white svg path {
  fill: #fff;
}
span.c-primary, p.c-primary, a.c-primary, h1.c-primary, h2.c-primary, h3.c-primary, h4.c-primary, h5.c-primary, h6.c-primary {
  color: #FFDF00;
}
span.c-red, p.c-red, a.c-red, h1.c-red, h2.c-red, h3.c-red, h4.c-red, h5.c-red, h6.c-red {
  color: var(--Text-brand, #CE181E);
}

@media (min-width: 768px) {
  .t-md-right {
    text-align: right;
  }
}

/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 *
 * 1) This caps the width of text passages
 *    to achieve a comfortable line length
 */
.l-linelength-container {
  max-width: 36rem;
}

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

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

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

@media screen and (min-width: 768px) {
  .col-12.col-md-66-procent {
    flex: 0 0 auto;
    width: 66.66% !important;
  }
}
@media screen and (min-width: 768px) {
  .col-md-66-procent {
    flex: 0 0 auto;
    width: 66.66% !important;
  }
}
@media screen and (min-width: 992px) {
  .col-md-66-procent.col-lg-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .col-md-66-procent.col-lg-2 {
    flex: 0 0 auto;
    width: 25% !important;
  }
}
@media screen and (min-width: 768px) {
  .col-md-66-procent.col-md-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .col-md-66-procent.col-xl-16 {
    flex: 0 0 auto;
    width: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .col-md-66-procent.col-xl-8 {
    flex: 0 0 auto;
    width: 50% !important;
  }
}
@media screen and (min-width: 1600px) {
  .col-md-66-procent.col-xxl-3 {
    flex: 0 0 auto;
    width: 18.75% !important;
  }
}
@media screen and (min-width: 1600px) {
  .col-md-66-procent.col-xxl-16 {
    flex: 0 0 auto;
    width: 100% !important;
  }
}
@media screen and (min-width: 1600px) {
  .col-md-66-procent.col-xxl-33-procent {
    flex: 0 0 auto;
    width: 66.66% !important;
  }
}
.col-66-procent {
  flex: 0 0 auto;
  width: 66.66% !important;
}

@media screen and (min-width: 768px) {
  .col-66-procent.col-md-8 {
    flex: 0 0 auto;
    width: 50% !important;
  }
}
@media screen and (min-width: 1600px) {
  .col-66-procent.col-xxl-5 {
    flex: 0 0 auto;
    width: 31.25% !important;
  }
}
.z-99 {
  z-index: 99;
}

@media (min-width: 1200px) {
  .row-city {
    margin-top: -74px;
  }
}

/*------------------------------------*\
    #UTILITIES
\*------------------------------------*/
/*------------------------------------*\
    #VISIBILITY CLASSES
\*------------------------------------*/
/**
 * Is Hidden
 * 1) Completely remove from the flow and screen readers.
 */
.u-is-hidden {
  display: none !important;
  visibility: hidden !important;
}

/**
 * Is Visibly Hidden
 * 1) Completely remove from the flow but leave available to screen readers.
 */
.u-is-vishidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}

.aspect-ratio-1 {
  aspect-ratio: 1/1;
}
.aspect-ratio-1 img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .aspect-ratio-md-1 {
    aspect-ratio: 1/1;
  }
}
.aspect-ratio-md-1 img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (min-width: 992px) {
  .aspect-ratio-lg-1 {
    aspect-ratio: 1/1;
  }
}
.aspect-ratio-lg-1 img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.x-mobile {
  overflow-x: scroll;
}
@media (min-width: 1200px) {
  .x-mobile {
    overflow-x: unset;
  }
}

/*------------------------------------*\
    #SPACING
\*------------------------------------*/
/**
 * Margin bottom none
 * 1) Force margin bottom of 0
 */
.u-margin-bottom-none {
  margin-bottom: 0 !important;
}

/**
 * Margin bottom small
 * 1) Force margin bottom of $spacing-small variable
 */
.u-margin-bottom-small {
  margin-bottom: 1rem !important;
}

/**
 * Margin bottom
 * 1) Force margin bottom of $spacing variable
 */
.u-margin-bottom {
  margin-bottom: 1rem !important;
}

/**
 * Margin bottom large
 * 1) Force margin bottom of $spacing-large variable
 */
.u-margin-bottom-large {
  margin-bottom: 2rem !important;
}

.u-margin-bottom-large-to-xxl {
  margin-bottom: 2rem !important;
}
@media all and (min-width: 60em) {
  .u-margin-bottom-large-to-xxl {
    margin-bottom: 8rem !important;
  }
}

/**
 * Margin top none
 * 1) Force margin top of 0
 */
.u-margin-top-none {
  margin-top: 0 !important;
}

/**
 * Margin top small
 * 1) Force margin top of $spacing-small variable
 */
.u-margin-top-small {
  margin-top: 1rem !important;
}

/**
 * Margin top
 * 1) Force margin top of $spacing variable
 */
.u-margin-top {
  margin-top: 1rem !important;
}

/**
 * Margin top large
 * 1) Force margin top of $spacing-large variable
 */
.u-margin-top-large {
  margin-top: 2rem !important;
}

.u-margin-top-booking {
  margin-top: 28rem !important;
}

/**
 * Margin right none
 * 1) Force margin right of 0
 */
.u-margin-right-none {
  margin-right: 0 !important;
}

/**
 * Margin right small
 * 1) Force margin right of $spacing-small variable
 */
.u-margin-right-small {
  margin-right: 1rem !important;
}

/**
 * Margin right
 * 1) Force margin right of $spacing variable
 */
.u-margin-right {
  margin-right: 1rem !important;
}

/**
 * Margin right large
 * 1) Force margin right of $spacing-large variable
 */
.u-margin-right-large {
  margin-right: 2rem !important;
}

/**
 * Margin left none
 * 1) Force margin left of 0
 */
.u-margin-left-none {
  margin-left: 0 !important;
}

/**
 * Margin left small
 * 1) Force margin left of $spacing-small variable
 */
.u-margin-left-small {
  margin-left: 1rem !important;
}

/**
 * Margin left
 * 1) Force margin left of $spacing variable
 */
.u-margin-left {
  margin-left: 1rem !important;
}

/**
 * Margin left large
 * 1) Force margin left of $spacing-large variable
 */
.u-margin-left-large {
  margin-left: 2rem !important;
}

/**
 * Center display block contents
 */
.u-margin-center {
  margin: 0 auto !important;
}

/**
 * Padding none
 */
.u-padding-none {
  padding: 0 !important;
}

/**
 * Padding small
 */
.u-padding-small {
  padding: 1rem !important;
}

/**
 * Padding
 */
.u-padding {
  padding: 1rem !important;
}

/**
 * Padding large
 */
.u-padding-large {
  padding: 2rem !important;
}

/**
 * Padding top none
 */
.u-padding-top-none {
  padding-top: 0 !important;
}

/**
 * Padding top small
 */
.u-padding-top-small {
  padding-top: 1rem !important;
}

/**
 * Padding top
 */
.u-padding-top {
  padding-top: 1rem !important;
}

/**
 * Padding top large
 */
.u-padding-top-large {
  padding-top: 2rem !important;
}

/**
 * Padding bottom none
 */
.u-padding-bottom-none {
  padding-bottom: 0 !important;
}

/**
 * Padding bottom small
 */
.u-padding-bottom-small {
  padding-bottom: 1rem !important;
}

/**
 * Padding bottom
 */
.u-padding-bottom {
  padding-bottom: 1rem !important;
}

/**
 * Padding bottom large
 */
.u-padding-bottom-large {
  padding-bottom: 2rem !important;
}

/**
 * Padding right none
 */
.u-padding-right-none {
  padding-right: 0 !important;
}

/**
 * Padding right small
 */
.u-padding-right-small {
  padding-right: 1rem !important;
}

/**
 * Padding right
 */
.u-padding-right {
  padding-right: 1rem !important;
}

/**
 * Padding right large
 */
.u-padding-right-large {
  padding-right: 2rem !important;
}

/**
 * Padding left none
 */
.u-padding-left-none {
  padding-left: 0 !important;
}

/**
 * Padding left small
 */
.u-padding-left-small {
  padding-left: 1rem !important;
}

/**
 * Padding left
 */
.u-padding-left {
  padding-left: 1rem !important;
}

/**
 * Padding left large
 */
.u-padding-left-large {
  padding-left: 2rem !important;
}

.mx-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.mx-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.ml-auto {
  margin-left: auto;
}

@media (min-width: 768px) {
  .ml-md-auto {
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .t-md-right {
    text-align: right;
  }
}

.r-gap-24 {
  row-gap: 24px;
}
@media (min-width: 1200px) {
  .r-gap-24 {
    row-gap: 48px;
  }
}

.row-lg-c-2 > *:nth-child(2n+1) {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}
@media (min-width: 1980px) {
  .row-lg-c-2 > *:nth-child(2n+1) {
    padding-right: calc(var(--bs-gutter-x) * 1);
  }
}

.row-lg-c-2 > *:nth-child(2n+2) {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
@media (min-width: 1980px) {
  .row-lg-c-2 > *:nth-child(2n+2) {
    padding-left: calc(var(--bs-gutter-x) * 1);
  }
}

@media (min-width: 1980px) {
  .row-lg-c-3 > *:nth-child(3n+1) {
    padding-right: calc(var(--bs-gutter-x) * 1);
  }
}

@media (min-width: 1980px) {
  .row-lg-c-3 > *:nth-child(3n+2) {
    padding-left: calc(var(--bs-gutter-x) * 0.75);
    padding-right: calc(var(--bs-gutter-x) * 0.75);
  }
}

@media (min-width: 1980px) {
  .row-lg-c-3 > *:nth-child(3n+3) {
    padding-left: calc(var(--bs-gutter-x) * 1);
  }
}

@media (min-width: 1980px) {
  .row-lg-c-4 > *:nth-child(4n+1) {
    padding-right: calc(var(--bs-gutter-x) * 1);
  }
}

@media (min-width: 1980px) {
  .row-lg-c-4 > *:nth-child(4n+2) {
    padding-left: calc(var(--bs-gutter-x) * 0.75);
    padding-right: calc(var(--bs-gutter-x) * 0.75);
  }
}

@media (min-width: 1980px) {
  .row-lg-c-4 > *:nth-child(4n+3) {
    padding-left: calc(var(--bs-gutter-x) * 0.75);
    padding-right: calc(var(--bs-gutter-x) * 0.75);
  }
}

@media (min-width: 1980px) {
  .row-lg-c-4 > *:nth-child(4n+4) {
    padding-left: calc(var(--bs-gutter-x) * 1);
  }
}

.r-gap-2 {
  row-gap: 2px;
}

.r-gap-8 {
  row-gap: 8px;
}

.r-gap-16 {
  row-gap: 16px;
}

.r-gap-24 {
  row-gap: 24px;
}

.r-gap-32 {
  row-gap: 32px;
}

.r-gap-48 {
  row-gap: 48px;
}

.r-gap-64 {
  row-gap: 64px;
}

@media (min-width: 768px) {
  .r-gap-md-48 {
    row-gap: 48px;
  }
}

@media (min-width: 992px) {
  .r-gap-lg-48 {
    row-gap: 48px;
  }
}

@media (min-width: 1980px) {
  .r-gap-xxxl-48 {
    row-gap: 48px;
  }
}

@media (min-width: 1980px) {
  .r-gap-xxxl-96 {
    row-gap: 96px;
  }
}

.gap-2 {
  gap: 2px !important;
}

.gap-4 {
  gap: 4px !important;
}

.gap-8 {
  gap: 8px;
}

.gap-12 {
  gap: 12px;
}

@media (min-width: 1980px) {
  .gap-xl-64 {
    gap: 64px;
  }
}

@media (min-width: 576px) {
  .w-sm-50 {
    width: 50% !important;
  }
}

.bb-light {
  border-bottom: var(--Stroke-s, 1px) solid var(--Border-action, #7F6053);
}

.bb-dark {
  border-bottom: var(--Stroke-s, 1px) solid var(--Border-action-hover, #4D3A33);
}

.bb-gray {
  border-bottom: var(--Stroke-s, 1px) solid var(--Border-secondary, #C1C1C4);
}

.bt-menu {
  border-bottom: unset;
}
@media (min-width: 768px) {
  .bt-menu {
    border-top: var(--Stroke-s, 1px) solid rgba(127, 96, 83, 0.25);
  }
}

.m-0 {
  margin: 0;
}

.m-4 {
  margin: 4px;
}

.m-8 {
  margin: 8px;
}

.m-12 {
  margin: 12px;
}

.m-16 {
  margin: 16px;
}

.m-24 {
  margin: 24px;
}

.m-32 {
  margin: 32px;
}

.m-48 {
  margin: 48px;
}

.m-52 {
  margin: 52px;
}

.m-64 {
  margin: 64px;
}

.m-80 {
  margin: 80px;
}

.m-96 {
  margin: 96px;
}

.m-128 {
  margin: 128px;
}

.m-144 {
  margin: 144px;
}

.m-160 {
  margin: 160px;
}

.m-192 {
  margin: 192px;
}

.m-200 {
  margin: 200px;
}

.m-240 {
  margin: 240px;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0;
  }
  .m-sm-4 {
    margin: 4px;
  }
  .m-sm-8 {
    margin: 8px;
  }
  .m-sm-12 {
    margin: 12px;
  }
  .m-sm-16 {
    margin: 16px;
  }
  .m-sm-24 {
    margin: 24px;
  }
  .m-sm-32 {
    margin: 32px;
  }
  .m-sm-48 {
    margin: 48px;
  }
  .m-sm-52 {
    margin: 52px;
  }
  .m-sm-64 {
    margin: 64px;
  }
  .m-sm-80 {
    margin: 80px;
  }
  .m-sm-96 {
    margin: 96px;
  }
  .m-sm-128 {
    margin: 128px;
  }
  .m-sm-144 {
    margin: 144px;
  }
  .m-sm-160 {
    margin: 160px;
  }
  .m-sm-192 {
    margin: 192px;
  }
  .m-sm-200 {
    margin: 200px;
  }
  .m-sm-240 {
    margin: 240px;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0;
  }
  .m-md-4 {
    margin: 4px;
  }
  .m-md-8 {
    margin: 8px;
  }
  .m-md-12 {
    margin: 12px;
  }
  .m-md-16 {
    margin: 16px;
  }
  .m-md-24 {
    margin: 24px;
  }
  .m-md-32 {
    margin: 32px;
  }
  .m-md-48 {
    margin: 48px;
  }
  .m-md-52 {
    margin: 52px;
  }
  .m-md-64 {
    margin: 64px;
  }
  .m-md-80 {
    margin: 80px;
  }
  .m-md-96 {
    margin: 96px;
  }
  .m-md-128 {
    margin: 128px;
  }
  .m-md-144 {
    margin: 144px;
  }
  .m-md-160 {
    margin: 160px;
  }
  .m-md-192 {
    margin: 192px;
  }
  .m-md-200 {
    margin: 200px;
  }
  .m-md-240 {
    margin: 240px;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0;
  }
  .m-lg-4 {
    margin: 4px;
  }
  .m-lg-8 {
    margin: 8px;
  }
  .m-lg-12 {
    margin: 12px;
  }
  .m-lg-16 {
    margin: 16px;
  }
  .m-lg-24 {
    margin: 24px;
  }
  .m-lg-32 {
    margin: 32px;
  }
  .m-lg-48 {
    margin: 48px;
  }
  .m-lg-52 {
    margin: 52px;
  }
  .m-lg-64 {
    margin: 64px;
  }
  .m-lg-80 {
    margin: 80px;
  }
  .m-lg-96 {
    margin: 96px;
  }
  .m-lg-128 {
    margin: 128px;
  }
  .m-lg-144 {
    margin: 144px;
  }
  .m-lg-160 {
    margin: 160px;
  }
  .m-lg-192 {
    margin: 192px;
  }
  .m-lg-200 {
    margin: 200px;
  }
  .m-lg-240 {
    margin: 240px;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0;
  }
  .m-xl-4 {
    margin: 4px;
  }
  .m-xl-8 {
    margin: 8px;
  }
  .m-xl-12 {
    margin: 12px;
  }
  .m-xl-16 {
    margin: 16px;
  }
  .m-xl-24 {
    margin: 24px;
  }
  .m-xl-32 {
    margin: 32px;
  }
  .m-xl-48 {
    margin: 48px;
  }
  .m-xl-52 {
    margin: 52px;
  }
  .m-xl-64 {
    margin: 64px;
  }
  .m-xl-80 {
    margin: 80px;
  }
  .m-xl-96 {
    margin: 96px;
  }
  .m-xl-128 {
    margin: 128px;
  }
  .m-xl-144 {
    margin: 144px;
  }
  .m-xl-160 {
    margin: 160px;
  }
  .m-xl-192 {
    margin: 192px;
  }
  .m-xl-200 {
    margin: 200px;
  }
  .m-xl-240 {
    margin: 240px;
  }
}
@media (min-width: 1400px) {
  .m-xxl-0 {
    margin: 0;
  }
  .m-xxl-4 {
    margin: 4px;
  }
  .m-xxl-8 {
    margin: 8px;
  }
  .m-xxl-12 {
    margin: 12px;
  }
  .m-xxl-16 {
    margin: 16px;
  }
  .m-xxl-24 {
    margin: 24px;
  }
  .m-xxl-32 {
    margin: 32px;
  }
  .m-xxl-48 {
    margin: 48px;
  }
  .m-xxl-52 {
    margin: 52px;
  }
  .m-xxl-64 {
    margin: 64px;
  }
  .m-xxl-80 {
    margin: 80px;
  }
  .m-xxl-96 {
    margin: 96px;
  }
  .m-xxl-128 {
    margin: 128px;
  }
  .m-xxl-144 {
    margin: 144px;
  }
  .m-xxl-160 {
    margin: 160px;
  }
  .m-xxl-192 {
    margin: 192px;
  }
  .m-xxl-200 {
    margin: 200px;
  }
  .m-xxl-240 {
    margin: 240px;
  }
}
@media (min-width: 1980px) {
  .m-xxxl-0 {
    margin: 0;
  }
  .m-xxxl-4 {
    margin: 4px;
  }
  .m-xxxl-8 {
    margin: 8px;
  }
  .m-xxxl-12 {
    margin: 12px;
  }
  .m-xxxl-16 {
    margin: 16px;
  }
  .m-xxxl-24 {
    margin: 24px;
  }
  .m-xxxl-32 {
    margin: 32px;
  }
  .m-xxxl-48 {
    margin: 48px;
  }
  .m-xxxl-52 {
    margin: 52px;
  }
  .m-xxxl-64 {
    margin: 64px;
  }
  .m-xxxl-80 {
    margin: 80px;
  }
  .m-xxxl-96 {
    margin: 96px;
  }
  .m-xxxl-128 {
    margin: 128px;
  }
  .m-xxxl-144 {
    margin: 144px;
  }
  .m-xxxl-160 {
    margin: 160px;
  }
  .m-xxxl-192 {
    margin: 192px;
  }
  .m-xxxl-200 {
    margin: 200px;
  }
  .m-xxxl-240 {
    margin: 240px;
  }
}
.mt-0 {
  margin-top: 0;
}

.mt-4 {
  margin-top: 4px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-52 {
  margin-top: 52px;
}

.mt-64 {
  margin-top: 64px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-96 {
  margin-top: 96px;
}

.mt-128 {
  margin-top: 128px;
}

.mt-144 {
  margin-top: 144px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-192 {
  margin-top: 192px;
}

.mt-200 {
  margin-top: 200px;
}

.mt-240 {
  margin-top: 240px;
}

@media (min-width: 576px) {
  .mt-sm-0 {
    margin-top: 0;
  }
  .mt-sm-4 {
    margin-top: 4px;
  }
  .mt-sm-8 {
    margin-top: 8px;
  }
  .mt-sm-12 {
    margin-top: 12px;
  }
  .mt-sm-16 {
    margin-top: 16px;
  }
  .mt-sm-24 {
    margin-top: 24px;
  }
  .mt-sm-32 {
    margin-top: 32px;
  }
  .mt-sm-48 {
    margin-top: 48px;
  }
  .mt-sm-52 {
    margin-top: 52px;
  }
  .mt-sm-64 {
    margin-top: 64px;
  }
  .mt-sm-80 {
    margin-top: 80px;
  }
  .mt-sm-96 {
    margin-top: 96px;
  }
  .mt-sm-128 {
    margin-top: 128px;
  }
  .mt-sm-144 {
    margin-top: 144px;
  }
  .mt-sm-160 {
    margin-top: 160px;
  }
  .mt-sm-192 {
    margin-top: 192px;
  }
  .mt-sm-200 {
    margin-top: 200px;
  }
  .mt-sm-240 {
    margin-top: 240px;
  }
}
@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0;
  }
  .mt-md-4 {
    margin-top: 4px;
  }
  .mt-md-8 {
    margin-top: 8px;
  }
  .mt-md-12 {
    margin-top: 12px;
  }
  .mt-md-16 {
    margin-top: 16px;
  }
  .mt-md-24 {
    margin-top: 24px;
  }
  .mt-md-32 {
    margin-top: 32px;
  }
  .mt-md-48 {
    margin-top: 48px;
  }
  .mt-md-52 {
    margin-top: 52px;
  }
  .mt-md-64 {
    margin-top: 64px;
  }
  .mt-md-80 {
    margin-top: 80px;
  }
  .mt-md-96 {
    margin-top: 96px;
  }
  .mt-md-128 {
    margin-top: 128px;
  }
  .mt-md-144 {
    margin-top: 144px;
  }
  .mt-md-160 {
    margin-top: 160px;
  }
  .mt-md-192 {
    margin-top: 192px;
  }
  .mt-md-200 {
    margin-top: 200px;
  }
  .mt-md-240 {
    margin-top: 240px;
  }
}
@media (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0;
  }
  .mt-lg-4 {
    margin-top: 4px;
  }
  .mt-lg-8 {
    margin-top: 8px;
  }
  .mt-lg-12 {
    margin-top: 12px;
  }
  .mt-lg-16 {
    margin-top: 16px;
  }
  .mt-lg-24 {
    margin-top: 24px;
  }
  .mt-lg-32 {
    margin-top: 32px;
  }
  .mt-lg-48 {
    margin-top: 48px;
  }
  .mt-lg-52 {
    margin-top: 52px;
  }
  .mt-lg-64 {
    margin-top: 64px;
  }
  .mt-lg-80 {
    margin-top: 80px;
  }
  .mt-lg-96 {
    margin-top: 96px;
  }
  .mt-lg-128 {
    margin-top: 128px;
  }
  .mt-lg-144 {
    margin-top: 144px;
  }
  .mt-lg-160 {
    margin-top: 160px;
  }
  .mt-lg-192 {
    margin-top: 192px;
  }
  .mt-lg-200 {
    margin-top: 200px;
  }
  .mt-lg-240 {
    margin-top: 240px;
  }
}
@media (min-width: 1200px) {
  .mt-xl-0 {
    margin-top: 0;
  }
  .mt-xl-4 {
    margin-top: 4px;
  }
  .mt-xl-8 {
    margin-top: 8px;
  }
  .mt-xl-12 {
    margin-top: 12px;
  }
  .mt-xl-16 {
    margin-top: 16px;
  }
  .mt-xl-24 {
    margin-top: 24px;
  }
  .mt-xl-32 {
    margin-top: 32px;
  }
  .mt-xl-48 {
    margin-top: 48px;
  }
  .mt-xl-52 {
    margin-top: 52px;
  }
  .mt-xl-64 {
    margin-top: 64px;
  }
  .mt-xl-80 {
    margin-top: 80px;
  }
  .mt-xl-96 {
    margin-top: 96px;
  }
  .mt-xl-128 {
    margin-top: 128px;
  }
  .mt-xl-144 {
    margin-top: 144px;
  }
  .mt-xl-160 {
    margin-top: 160px;
  }
  .mt-xl-192 {
    margin-top: 192px;
  }
  .mt-xl-200 {
    margin-top: 200px;
  }
  .mt-xl-240 {
    margin-top: 240px;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-0 {
    margin-top: 0;
  }
  .mt-xxl-4 {
    margin-top: 4px;
  }
  .mt-xxl-8 {
    margin-top: 8px;
  }
  .mt-xxl-12 {
    margin-top: 12px;
  }
  .mt-xxl-16 {
    margin-top: 16px;
  }
  .mt-xxl-24 {
    margin-top: 24px;
  }
  .mt-xxl-32 {
    margin-top: 32px;
  }
  .mt-xxl-48 {
    margin-top: 48px;
  }
  .mt-xxl-52 {
    margin-top: 52px;
  }
  .mt-xxl-64 {
    margin-top: 64px;
  }
  .mt-xxl-80 {
    margin-top: 80px;
  }
  .mt-xxl-96 {
    margin-top: 96px;
  }
  .mt-xxl-128 {
    margin-top: 128px;
  }
  .mt-xxl-144 {
    margin-top: 144px;
  }
  .mt-xxl-160 {
    margin-top: 160px;
  }
  .mt-xxl-192 {
    margin-top: 192px;
  }
  .mt-xxl-200 {
    margin-top: 200px;
  }
  .mt-xxl-240 {
    margin-top: 240px;
  }
}
@media (min-width: 1980px) {
  .mt-xxxl-0 {
    margin-top: 0;
  }
  .mt-xxxl-4 {
    margin-top: 4px;
  }
  .mt-xxxl-8 {
    margin-top: 8px;
  }
  .mt-xxxl-12 {
    margin-top: 12px;
  }
  .mt-xxxl-16 {
    margin-top: 16px;
  }
  .mt-xxxl-24 {
    margin-top: 24px;
  }
  .mt-xxxl-32 {
    margin-top: 32px;
  }
  .mt-xxxl-48 {
    margin-top: 48px;
  }
  .mt-xxxl-52 {
    margin-top: 52px;
  }
  .mt-xxxl-64 {
    margin-top: 64px;
  }
  .mt-xxxl-80 {
    margin-top: 80px;
  }
  .mt-xxxl-96 {
    margin-top: 96px;
  }
  .mt-xxxl-128 {
    margin-top: 128px;
  }
  .mt-xxxl-144 {
    margin-top: 144px;
  }
  .mt-xxxl-160 {
    margin-top: 160px;
  }
  .mt-xxxl-192 {
    margin-top: 192px;
  }
  .mt-xxxl-200 {
    margin-top: 200px;
  }
  .mt-xxxl-240 {
    margin-top: 240px;
  }
}
.mr-0 {
  margin-right: 0;
}

.mr-4 {
  margin-right: 4px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-12 {
  margin-right: 12px;
}

.mr-16 {
  margin-right: 16px;
}

.mr-24 {
  margin-right: 24px;
}

.mr-32 {
  margin-right: 32px;
}

.mr-48 {
  margin-right: 48px;
}

.mr-52 {
  margin-right: 52px;
}

.mr-64 {
  margin-right: 64px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-96 {
  margin-right: 96px;
}

.mr-128 {
  margin-right: 128px;
}

.mr-144 {
  margin-right: 144px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-192 {
  margin-right: 192px;
}

.mr-200 {
  margin-right: 200px;
}

.mr-240 {
  margin-right: 240px;
}

@media (min-width: 576px) {
  .mr-sm-0 {
    margin-right: 0;
  }
  .mr-sm-4 {
    margin-right: 4px;
  }
  .mr-sm-8 {
    margin-right: 8px;
  }
  .mr-sm-12 {
    margin-right: 12px;
  }
  .mr-sm-16 {
    margin-right: 16px;
  }
  .mr-sm-24 {
    margin-right: 24px;
  }
  .mr-sm-32 {
    margin-right: 32px;
  }
  .mr-sm-48 {
    margin-right: 48px;
  }
  .mr-sm-52 {
    margin-right: 52px;
  }
  .mr-sm-64 {
    margin-right: 64px;
  }
  .mr-sm-80 {
    margin-right: 80px;
  }
  .mr-sm-96 {
    margin-right: 96px;
  }
  .mr-sm-128 {
    margin-right: 128px;
  }
  .mr-sm-144 {
    margin-right: 144px;
  }
  .mr-sm-160 {
    margin-right: 160px;
  }
  .mr-sm-192 {
    margin-right: 192px;
  }
  .mr-sm-200 {
    margin-right: 200px;
  }
  .mr-sm-240 {
    margin-right: 240px;
  }
}
@media (min-width: 768px) {
  .mr-md-0 {
    margin-right: 0;
  }
  .mr-md-4 {
    margin-right: 4px;
  }
  .mr-md-8 {
    margin-right: 8px;
  }
  .mr-md-12 {
    margin-right: 12px;
  }
  .mr-md-16 {
    margin-right: 16px;
  }
  .mr-md-24 {
    margin-right: 24px;
  }
  .mr-md-32 {
    margin-right: 32px;
  }
  .mr-md-48 {
    margin-right: 48px;
  }
  .mr-md-52 {
    margin-right: 52px;
  }
  .mr-md-64 {
    margin-right: 64px;
  }
  .mr-md-80 {
    margin-right: 80px;
  }
  .mr-md-96 {
    margin-right: 96px;
  }
  .mr-md-128 {
    margin-right: 128px;
  }
  .mr-md-144 {
    margin-right: 144px;
  }
  .mr-md-160 {
    margin-right: 160px;
  }
  .mr-md-192 {
    margin-right: 192px;
  }
  .mr-md-200 {
    margin-right: 200px;
  }
  .mr-md-240 {
    margin-right: 240px;
  }
}
@media (min-width: 992px) {
  .mr-lg-0 {
    margin-right: 0;
  }
  .mr-lg-4 {
    margin-right: 4px;
  }
  .mr-lg-8 {
    margin-right: 8px;
  }
  .mr-lg-12 {
    margin-right: 12px;
  }
  .mr-lg-16 {
    margin-right: 16px;
  }
  .mr-lg-24 {
    margin-right: 24px;
  }
  .mr-lg-32 {
    margin-right: 32px;
  }
  .mr-lg-48 {
    margin-right: 48px;
  }
  .mr-lg-52 {
    margin-right: 52px;
  }
  .mr-lg-64 {
    margin-right: 64px;
  }
  .mr-lg-80 {
    margin-right: 80px;
  }
  .mr-lg-96 {
    margin-right: 96px;
  }
  .mr-lg-128 {
    margin-right: 128px;
  }
  .mr-lg-144 {
    margin-right: 144px;
  }
  .mr-lg-160 {
    margin-right: 160px;
  }
  .mr-lg-192 {
    margin-right: 192px;
  }
  .mr-lg-200 {
    margin-right: 200px;
  }
  .mr-lg-240 {
    margin-right: 240px;
  }
}
@media (min-width: 1200px) {
  .mr-xl-0 {
    margin-right: 0;
  }
  .mr-xl-4 {
    margin-right: 4px;
  }
  .mr-xl-8 {
    margin-right: 8px;
  }
  .mr-xl-12 {
    margin-right: 12px;
  }
  .mr-xl-16 {
    margin-right: 16px;
  }
  .mr-xl-24 {
    margin-right: 24px;
  }
  .mr-xl-32 {
    margin-right: 32px;
  }
  .mr-xl-48 {
    margin-right: 48px;
  }
  .mr-xl-52 {
    margin-right: 52px;
  }
  .mr-xl-64 {
    margin-right: 64px;
  }
  .mr-xl-80 {
    margin-right: 80px;
  }
  .mr-xl-96 {
    margin-right: 96px;
  }
  .mr-xl-128 {
    margin-right: 128px;
  }
  .mr-xl-144 {
    margin-right: 144px;
  }
  .mr-xl-160 {
    margin-right: 160px;
  }
  .mr-xl-192 {
    margin-right: 192px;
  }
  .mr-xl-200 {
    margin-right: 200px;
  }
  .mr-xl-240 {
    margin-right: 240px;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-0 {
    margin-right: 0;
  }
  .mr-xxl-4 {
    margin-right: 4px;
  }
  .mr-xxl-8 {
    margin-right: 8px;
  }
  .mr-xxl-12 {
    margin-right: 12px;
  }
  .mr-xxl-16 {
    margin-right: 16px;
  }
  .mr-xxl-24 {
    margin-right: 24px;
  }
  .mr-xxl-32 {
    margin-right: 32px;
  }
  .mr-xxl-48 {
    margin-right: 48px;
  }
  .mr-xxl-52 {
    margin-right: 52px;
  }
  .mr-xxl-64 {
    margin-right: 64px;
  }
  .mr-xxl-80 {
    margin-right: 80px;
  }
  .mr-xxl-96 {
    margin-right: 96px;
  }
  .mr-xxl-128 {
    margin-right: 128px;
  }
  .mr-xxl-144 {
    margin-right: 144px;
  }
  .mr-xxl-160 {
    margin-right: 160px;
  }
  .mr-xxl-192 {
    margin-right: 192px;
  }
  .mr-xxl-200 {
    margin-right: 200px;
  }
  .mr-xxl-240 {
    margin-right: 240px;
  }
}
@media (min-width: 1980px) {
  .mr-xxxl-0 {
    margin-right: 0;
  }
  .mr-xxxl-4 {
    margin-right: 4px;
  }
  .mr-xxxl-8 {
    margin-right: 8px;
  }
  .mr-xxxl-12 {
    margin-right: 12px;
  }
  .mr-xxxl-16 {
    margin-right: 16px;
  }
  .mr-xxxl-24 {
    margin-right: 24px;
  }
  .mr-xxxl-32 {
    margin-right: 32px;
  }
  .mr-xxxl-48 {
    margin-right: 48px;
  }
  .mr-xxxl-52 {
    margin-right: 52px;
  }
  .mr-xxxl-64 {
    margin-right: 64px;
  }
  .mr-xxxl-80 {
    margin-right: 80px;
  }
  .mr-xxxl-96 {
    margin-right: 96px;
  }
  .mr-xxxl-128 {
    margin-right: 128px;
  }
  .mr-xxxl-144 {
    margin-right: 144px;
  }
  .mr-xxxl-160 {
    margin-right: 160px;
  }
  .mr-xxxl-192 {
    margin-right: 192px;
  }
  .mr-xxxl-200 {
    margin-right: 200px;
  }
  .mr-xxxl-240 {
    margin-right: 240px;
  }
}
.mb-0 {
  margin-bottom: 0;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-48 {
  margin-bottom: 48px;
}

.mb-52 {
  margin-bottom: 52px;
}

.mb-64 {
  margin-bottom: 64px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-96 {
  margin-bottom: 96px;
}

.mb-128 {
  margin-bottom: 128px;
}

.mb-144 {
  margin-bottom: 144px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-192 {
  margin-bottom: 192px;
}

.mb-200 {
  margin-bottom: 200px;
}

.mb-240 {
  margin-bottom: 240px;
}

@media (min-width: 576px) {
  .mb-sm-0 {
    margin-bottom: 0;
  }
  .mb-sm-4 {
    margin-bottom: 4px;
  }
  .mb-sm-8 {
    margin-bottom: 8px;
  }
  .mb-sm-12 {
    margin-bottom: 12px;
  }
  .mb-sm-16 {
    margin-bottom: 16px;
  }
  .mb-sm-24 {
    margin-bottom: 24px;
  }
  .mb-sm-32 {
    margin-bottom: 32px;
  }
  .mb-sm-48 {
    margin-bottom: 48px;
  }
  .mb-sm-52 {
    margin-bottom: 52px;
  }
  .mb-sm-64 {
    margin-bottom: 64px;
  }
  .mb-sm-80 {
    margin-bottom: 80px;
  }
  .mb-sm-96 {
    margin-bottom: 96px;
  }
  .mb-sm-128 {
    margin-bottom: 128px;
  }
  .mb-sm-144 {
    margin-bottom: 144px;
  }
  .mb-sm-160 {
    margin-bottom: 160px;
  }
  .mb-sm-192 {
    margin-bottom: 192px;
  }
  .mb-sm-200 {
    margin-bottom: 200px;
  }
  .mb-sm-240 {
    margin-bottom: 240px;
  }
}
@media (min-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0;
  }
  .mb-md-4 {
    margin-bottom: 4px;
  }
  .mb-md-8 {
    margin-bottom: 8px;
  }
  .mb-md-12 {
    margin-bottom: 12px;
  }
  .mb-md-16 {
    margin-bottom: 16px;
  }
  .mb-md-24 {
    margin-bottom: 24px;
  }
  .mb-md-32 {
    margin-bottom: 32px;
  }
  .mb-md-48 {
    margin-bottom: 48px;
  }
  .mb-md-52 {
    margin-bottom: 52px;
  }
  .mb-md-64 {
    margin-bottom: 64px;
  }
  .mb-md-80 {
    margin-bottom: 80px;
  }
  .mb-md-96 {
    margin-bottom: 96px;
  }
  .mb-md-128 {
    margin-bottom: 128px;
  }
  .mb-md-144 {
    margin-bottom: 144px;
  }
  .mb-md-160 {
    margin-bottom: 160px;
  }
  .mb-md-192 {
    margin-bottom: 192px;
  }
  .mb-md-200 {
    margin-bottom: 200px;
  }
  .mb-md-240 {
    margin-bottom: 240px;
  }
}
@media (min-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0;
  }
  .mb-lg-4 {
    margin-bottom: 4px;
  }
  .mb-lg-8 {
    margin-bottom: 8px;
  }
  .mb-lg-12 {
    margin-bottom: 12px;
  }
  .mb-lg-16 {
    margin-bottom: 16px;
  }
  .mb-lg-24 {
    margin-bottom: 24px;
  }
  .mb-lg-32 {
    margin-bottom: 32px;
  }
  .mb-lg-48 {
    margin-bottom: 48px;
  }
  .mb-lg-52 {
    margin-bottom: 52px;
  }
  .mb-lg-64 {
    margin-bottom: 64px;
  }
  .mb-lg-80 {
    margin-bottom: 80px;
  }
  .mb-lg-96 {
    margin-bottom: 96px;
  }
  .mb-lg-128 {
    margin-bottom: 128px;
  }
  .mb-lg-144 {
    margin-bottom: 144px;
  }
  .mb-lg-160 {
    margin-bottom: 160px;
  }
  .mb-lg-192 {
    margin-bottom: 192px;
  }
  .mb-lg-200 {
    margin-bottom: 200px;
  }
  .mb-lg-240 {
    margin-bottom: 240px;
  }
}
@media (min-width: 1200px) {
  .mb-xl-0 {
    margin-bottom: 0;
  }
  .mb-xl-4 {
    margin-bottom: 4px;
  }
  .mb-xl-8 {
    margin-bottom: 8px;
  }
  .mb-xl-12 {
    margin-bottom: 12px;
  }
  .mb-xl-16 {
    margin-bottom: 16px;
  }
  .mb-xl-24 {
    margin-bottom: 24px;
  }
  .mb-xl-32 {
    margin-bottom: 32px;
  }
  .mb-xl-48 {
    margin-bottom: 48px;
  }
  .mb-xl-52 {
    margin-bottom: 52px;
  }
  .mb-xl-64 {
    margin-bottom: 64px;
  }
  .mb-xl-80 {
    margin-bottom: 80px;
  }
  .mb-xl-96 {
    margin-bottom: 96px;
  }
  .mb-xl-128 {
    margin-bottom: 128px;
  }
  .mb-xl-144 {
    margin-bottom: 144px;
  }
  .mb-xl-160 {
    margin-bottom: 160px;
  }
  .mb-xl-192 {
    margin-bottom: 192px;
  }
  .mb-xl-200 {
    margin-bottom: 200px;
  }
  .mb-xl-240 {
    margin-bottom: 240px;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-0 {
    margin-bottom: 0;
  }
  .mb-xxl-4 {
    margin-bottom: 4px;
  }
  .mb-xxl-8 {
    margin-bottom: 8px;
  }
  .mb-xxl-12 {
    margin-bottom: 12px;
  }
  .mb-xxl-16 {
    margin-bottom: 16px;
  }
  .mb-xxl-24 {
    margin-bottom: 24px;
  }
  .mb-xxl-32 {
    margin-bottom: 32px;
  }
  .mb-xxl-48 {
    margin-bottom: 48px;
  }
  .mb-xxl-52 {
    margin-bottom: 52px;
  }
  .mb-xxl-64 {
    margin-bottom: 64px;
  }
  .mb-xxl-80 {
    margin-bottom: 80px;
  }
  .mb-xxl-96 {
    margin-bottom: 96px;
  }
  .mb-xxl-128 {
    margin-bottom: 128px;
  }
  .mb-xxl-144 {
    margin-bottom: 144px;
  }
  .mb-xxl-160 {
    margin-bottom: 160px;
  }
  .mb-xxl-192 {
    margin-bottom: 192px;
  }
  .mb-xxl-200 {
    margin-bottom: 200px;
  }
  .mb-xxl-240 {
    margin-bottom: 240px;
  }
}
@media (min-width: 1980px) {
  .mb-xxxl-0 {
    margin-bottom: 0;
  }
  .mb-xxxl-4 {
    margin-bottom: 4px;
  }
  .mb-xxxl-8 {
    margin-bottom: 8px;
  }
  .mb-xxxl-12 {
    margin-bottom: 12px;
  }
  .mb-xxxl-16 {
    margin-bottom: 16px;
  }
  .mb-xxxl-24 {
    margin-bottom: 24px;
  }
  .mb-xxxl-32 {
    margin-bottom: 32px;
  }
  .mb-xxxl-48 {
    margin-bottom: 48px;
  }
  .mb-xxxl-52 {
    margin-bottom: 52px;
  }
  .mb-xxxl-64 {
    margin-bottom: 64px;
  }
  .mb-xxxl-80 {
    margin-bottom: 80px;
  }
  .mb-xxxl-96 {
    margin-bottom: 96px;
  }
  .mb-xxxl-128 {
    margin-bottom: 128px;
  }
  .mb-xxxl-144 {
    margin-bottom: 144px;
  }
  .mb-xxxl-160 {
    margin-bottom: 160px;
  }
  .mb-xxxl-192 {
    margin-bottom: 192px;
  }
  .mb-xxxl-200 {
    margin-bottom: 200px;
  }
  .mb-xxxl-240 {
    margin-bottom: 240px;
  }
}
.ml-0 {
  margin-left: 0;
}

.ml-4 {
  margin-left: 4px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-24 {
  margin-left: 24px;
}

.ml-32 {
  margin-left: 32px;
}

.ml-48 {
  margin-left: 48px;
}

.ml-52 {
  margin-left: 52px;
}

.ml-64 {
  margin-left: 64px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-96 {
  margin-left: 96px;
}

.ml-128 {
  margin-left: 128px;
}

.ml-144 {
  margin-left: 144px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-192 {
  margin-left: 192px;
}

.ml-200 {
  margin-left: 200px;
}

.ml-240 {
  margin-left: 240px;
}

@media (min-width: 576px) {
  .ml-sm-0 {
    margin-left: 0;
  }
  .ml-sm-4 {
    margin-left: 4px;
  }
  .ml-sm-8 {
    margin-left: 8px;
  }
  .ml-sm-12 {
    margin-left: 12px;
  }
  .ml-sm-16 {
    margin-left: 16px;
  }
  .ml-sm-24 {
    margin-left: 24px;
  }
  .ml-sm-32 {
    margin-left: 32px;
  }
  .ml-sm-48 {
    margin-left: 48px;
  }
  .ml-sm-52 {
    margin-left: 52px;
  }
  .ml-sm-64 {
    margin-left: 64px;
  }
  .ml-sm-80 {
    margin-left: 80px;
  }
  .ml-sm-96 {
    margin-left: 96px;
  }
  .ml-sm-128 {
    margin-left: 128px;
  }
  .ml-sm-144 {
    margin-left: 144px;
  }
  .ml-sm-160 {
    margin-left: 160px;
  }
  .ml-sm-192 {
    margin-left: 192px;
  }
  .ml-sm-200 {
    margin-left: 200px;
  }
  .ml-sm-240 {
    margin-left: 240px;
  }
}
@media (min-width: 768px) {
  .ml-md-0 {
    margin-left: 0;
  }
  .ml-md-4 {
    margin-left: 4px;
  }
  .ml-md-8 {
    margin-left: 8px;
  }
  .ml-md-12 {
    margin-left: 12px;
  }
  .ml-md-16 {
    margin-left: 16px;
  }
  .ml-md-24 {
    margin-left: 24px;
  }
  .ml-md-32 {
    margin-left: 32px;
  }
  .ml-md-48 {
    margin-left: 48px;
  }
  .ml-md-52 {
    margin-left: 52px;
  }
  .ml-md-64 {
    margin-left: 64px;
  }
  .ml-md-80 {
    margin-left: 80px;
  }
  .ml-md-96 {
    margin-left: 96px;
  }
  .ml-md-128 {
    margin-left: 128px;
  }
  .ml-md-144 {
    margin-left: 144px;
  }
  .ml-md-160 {
    margin-left: 160px;
  }
  .ml-md-192 {
    margin-left: 192px;
  }
  .ml-md-200 {
    margin-left: 200px;
  }
  .ml-md-240 {
    margin-left: 240px;
  }
}
@media (min-width: 992px) {
  .ml-lg-0 {
    margin-left: 0;
  }
  .ml-lg-4 {
    margin-left: 4px;
  }
  .ml-lg-8 {
    margin-left: 8px;
  }
  .ml-lg-12 {
    margin-left: 12px;
  }
  .ml-lg-16 {
    margin-left: 16px;
  }
  .ml-lg-24 {
    margin-left: 24px;
  }
  .ml-lg-32 {
    margin-left: 32px;
  }
  .ml-lg-48 {
    margin-left: 48px;
  }
  .ml-lg-52 {
    margin-left: 52px;
  }
  .ml-lg-64 {
    margin-left: 64px;
  }
  .ml-lg-80 {
    margin-left: 80px;
  }
  .ml-lg-96 {
    margin-left: 96px;
  }
  .ml-lg-128 {
    margin-left: 128px;
  }
  .ml-lg-144 {
    margin-left: 144px;
  }
  .ml-lg-160 {
    margin-left: 160px;
  }
  .ml-lg-192 {
    margin-left: 192px;
  }
  .ml-lg-200 {
    margin-left: 200px;
  }
  .ml-lg-240 {
    margin-left: 240px;
  }
}
@media (min-width: 1200px) {
  .ml-xl-0 {
    margin-left: 0;
  }
  .ml-xl-4 {
    margin-left: 4px;
  }
  .ml-xl-8 {
    margin-left: 8px;
  }
  .ml-xl-12 {
    margin-left: 12px;
  }
  .ml-xl-16 {
    margin-left: 16px;
  }
  .ml-xl-24 {
    margin-left: 24px;
  }
  .ml-xl-32 {
    margin-left: 32px;
  }
  .ml-xl-48 {
    margin-left: 48px;
  }
  .ml-xl-52 {
    margin-left: 52px;
  }
  .ml-xl-64 {
    margin-left: 64px;
  }
  .ml-xl-80 {
    margin-left: 80px;
  }
  .ml-xl-96 {
    margin-left: 96px;
  }
  .ml-xl-128 {
    margin-left: 128px;
  }
  .ml-xl-144 {
    margin-left: 144px;
  }
  .ml-xl-160 {
    margin-left: 160px;
  }
  .ml-xl-192 {
    margin-left: 192px;
  }
  .ml-xl-200 {
    margin-left: 200px;
  }
  .ml-xl-240 {
    margin-left: 240px;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-0 {
    margin-left: 0;
  }
  .ml-xxl-4 {
    margin-left: 4px;
  }
  .ml-xxl-8 {
    margin-left: 8px;
  }
  .ml-xxl-12 {
    margin-left: 12px;
  }
  .ml-xxl-16 {
    margin-left: 16px;
  }
  .ml-xxl-24 {
    margin-left: 24px;
  }
  .ml-xxl-32 {
    margin-left: 32px;
  }
  .ml-xxl-48 {
    margin-left: 48px;
  }
  .ml-xxl-52 {
    margin-left: 52px;
  }
  .ml-xxl-64 {
    margin-left: 64px;
  }
  .ml-xxl-80 {
    margin-left: 80px;
  }
  .ml-xxl-96 {
    margin-left: 96px;
  }
  .ml-xxl-128 {
    margin-left: 128px;
  }
  .ml-xxl-144 {
    margin-left: 144px;
  }
  .ml-xxl-160 {
    margin-left: 160px;
  }
  .ml-xxl-192 {
    margin-left: 192px;
  }
  .ml-xxl-200 {
    margin-left: 200px;
  }
  .ml-xxl-240 {
    margin-left: 240px;
  }
}
@media (min-width: 1980px) {
  .ml-xxxl-0 {
    margin-left: 0;
  }
  .ml-xxxl-4 {
    margin-left: 4px;
  }
  .ml-xxxl-8 {
    margin-left: 8px;
  }
  .ml-xxxl-12 {
    margin-left: 12px;
  }
  .ml-xxxl-16 {
    margin-left: 16px;
  }
  .ml-xxxl-24 {
    margin-left: 24px;
  }
  .ml-xxxl-32 {
    margin-left: 32px;
  }
  .ml-xxxl-48 {
    margin-left: 48px;
  }
  .ml-xxxl-52 {
    margin-left: 52px;
  }
  .ml-xxxl-64 {
    margin-left: 64px;
  }
  .ml-xxxl-80 {
    margin-left: 80px;
  }
  .ml-xxxl-96 {
    margin-left: 96px;
  }
  .ml-xxxl-128 {
    margin-left: 128px;
  }
  .ml-xxxl-144 {
    margin-left: 144px;
  }
  .ml-xxxl-160 {
    margin-left: 160px;
  }
  .ml-xxxl-192 {
    margin-left: 192px;
  }
  .ml-xxxl-200 {
    margin-left: 200px;
  }
  .ml-xxxl-240 {
    margin-left: 240px;
  }
}
.p-0 {
  padding: 0;
}

.p-4 {
  padding: 4px;
}

.p-8 {
  padding: 8px;
}

.p-12 {
  padding: 12px;
}

.p-16 {
  padding: 16px;
}

.p-24 {
  padding: 24px;
}

.p-32 {
  padding: 32px;
}

.p-48 {
  padding: 48px;
}

.p-52 {
  padding: 52px;
}

.p-64 {
  padding: 64px;
}

.p-80 {
  padding: 80px;
}

.p-96 {
  padding: 96px;
}

.p-128 {
  padding: 128px;
}

.p-144 {
  padding: 144px;
}

.p-160 {
  padding: 160px;
}

.p-192 {
  padding: 192px;
}

.p-200 {
  padding: 200px;
}

.p-240 {
  padding: 240px;
}

@media (min-width: 576px) {
  .p-sm-0 {
    padding: 0;
  }
  .p-sm-4 {
    padding: 4px;
  }
  .p-sm-8 {
    padding: 8px;
  }
  .p-sm-12 {
    padding: 12px;
  }
  .p-sm-16 {
    padding: 16px;
  }
  .p-sm-24 {
    padding: 24px;
  }
  .p-sm-32 {
    padding: 32px;
  }
  .p-sm-48 {
    padding: 48px;
  }
  .p-sm-52 {
    padding: 52px;
  }
  .p-sm-64 {
    padding: 64px;
  }
  .p-sm-80 {
    padding: 80px;
  }
  .p-sm-96 {
    padding: 96px;
  }
  .p-sm-128 {
    padding: 128px;
  }
  .p-sm-144 {
    padding: 144px;
  }
  .p-sm-160 {
    padding: 160px;
  }
  .p-sm-192 {
    padding: 192px;
  }
  .p-sm-200 {
    padding: 200px;
  }
  .p-sm-240 {
    padding: 240px;
  }
}
@media (min-width: 768px) {
  .p-md-0 {
    padding: 0;
  }
  .p-md-4 {
    padding: 4px;
  }
  .p-md-8 {
    padding: 8px;
  }
  .p-md-12 {
    padding: 12px;
  }
  .p-md-16 {
    padding: 16px;
  }
  .p-md-24 {
    padding: 24px;
  }
  .p-md-32 {
    padding: 32px;
  }
  .p-md-48 {
    padding: 48px;
  }
  .p-md-52 {
    padding: 52px;
  }
  .p-md-64 {
    padding: 64px;
  }
  .p-md-80 {
    padding: 80px;
  }
  .p-md-96 {
    padding: 96px;
  }
  .p-md-128 {
    padding: 128px;
  }
  .p-md-144 {
    padding: 144px;
  }
  .p-md-160 {
    padding: 160px;
  }
  .p-md-192 {
    padding: 192px;
  }
  .p-md-200 {
    padding: 200px;
  }
  .p-md-240 {
    padding: 240px;
  }
}
@media (min-width: 992px) {
  .p-lg-0 {
    padding: 0;
  }
  .p-lg-4 {
    padding: 4px;
  }
  .p-lg-8 {
    padding: 8px;
  }
  .p-lg-12 {
    padding: 12px;
  }
  .p-lg-16 {
    padding: 16px;
  }
  .p-lg-24 {
    padding: 24px;
  }
  .p-lg-32 {
    padding: 32px;
  }
  .p-lg-48 {
    padding: 48px;
  }
  .p-lg-52 {
    padding: 52px;
  }
  .p-lg-64 {
    padding: 64px;
  }
  .p-lg-80 {
    padding: 80px;
  }
  .p-lg-96 {
    padding: 96px;
  }
  .p-lg-128 {
    padding: 128px;
  }
  .p-lg-144 {
    padding: 144px;
  }
  .p-lg-160 {
    padding: 160px;
  }
  .p-lg-192 {
    padding: 192px;
  }
  .p-lg-200 {
    padding: 200px;
  }
  .p-lg-240 {
    padding: 240px;
  }
}
@media (min-width: 1200px) {
  .p-xl-0 {
    padding: 0;
  }
  .p-xl-4 {
    padding: 4px;
  }
  .p-xl-8 {
    padding: 8px;
  }
  .p-xl-12 {
    padding: 12px;
  }
  .p-xl-16 {
    padding: 16px;
  }
  .p-xl-24 {
    padding: 24px;
  }
  .p-xl-32 {
    padding: 32px;
  }
  .p-xl-48 {
    padding: 48px;
  }
  .p-xl-52 {
    padding: 52px;
  }
  .p-xl-64 {
    padding: 64px;
  }
  .p-xl-80 {
    padding: 80px;
  }
  .p-xl-96 {
    padding: 96px;
  }
  .p-xl-128 {
    padding: 128px;
  }
  .p-xl-144 {
    padding: 144px;
  }
  .p-xl-160 {
    padding: 160px;
  }
  .p-xl-192 {
    padding: 192px;
  }
  .p-xl-200 {
    padding: 200px;
  }
  .p-xl-240 {
    padding: 240px;
  }
}
@media (min-width: 1400px) {
  .p-xxl-0 {
    padding: 0;
  }
  .p-xxl-4 {
    padding: 4px;
  }
  .p-xxl-8 {
    padding: 8px;
  }
  .p-xxl-12 {
    padding: 12px;
  }
  .p-xxl-16 {
    padding: 16px;
  }
  .p-xxl-24 {
    padding: 24px;
  }
  .p-xxl-32 {
    padding: 32px;
  }
  .p-xxl-48 {
    padding: 48px;
  }
  .p-xxl-52 {
    padding: 52px;
  }
  .p-xxl-64 {
    padding: 64px;
  }
  .p-xxl-80 {
    padding: 80px;
  }
  .p-xxl-96 {
    padding: 96px;
  }
  .p-xxl-128 {
    padding: 128px;
  }
  .p-xxl-144 {
    padding: 144px;
  }
  .p-xxl-160 {
    padding: 160px;
  }
  .p-xxl-192 {
    padding: 192px;
  }
  .p-xxl-200 {
    padding: 200px;
  }
  .p-xxl-240 {
    padding: 240px;
  }
}
@media (min-width: 1980px) {
  .p-xxxl-0 {
    padding: 0;
  }
  .p-xxxl-4 {
    padding: 4px;
  }
  .p-xxxl-8 {
    padding: 8px;
  }
  .p-xxxl-12 {
    padding: 12px;
  }
  .p-xxxl-16 {
    padding: 16px;
  }
  .p-xxxl-24 {
    padding: 24px;
  }
  .p-xxxl-32 {
    padding: 32px;
  }
  .p-xxxl-48 {
    padding: 48px;
  }
  .p-xxxl-52 {
    padding: 52px;
  }
  .p-xxxl-64 {
    padding: 64px;
  }
  .p-xxxl-80 {
    padding: 80px;
  }
  .p-xxxl-96 {
    padding: 96px;
  }
  .p-xxxl-128 {
    padding: 128px;
  }
  .p-xxxl-144 {
    padding: 144px;
  }
  .p-xxxl-160 {
    padding: 160px;
  }
  .p-xxxl-192 {
    padding: 192px;
  }
  .p-xxxl-200 {
    padding: 200px;
  }
  .p-xxxl-240 {
    padding: 240px;
  }
}
.pt-0 {
  padding-top: 0;
}

.pt-4 {
  padding-top: 4px;
}

.pt-8 {
  padding-top: 8px;
}

.pt-12 {
  padding-top: 12px;
}

.pt-16 {
  padding-top: 16px;
}

.pt-24 {
  padding-top: 24px;
}

.pt-32 {
  padding-top: 32px;
}

.pt-48 {
  padding-top: 48px;
}

.pt-52 {
  padding-top: 52px;
}

.pt-64 {
  padding-top: 64px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-96 {
  padding-top: 96px;
}

.pt-128 {
  padding-top: 128px;
}

.pt-144 {
  padding-top: 144px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-192 {
  padding-top: 192px;
}

.pt-200 {
  padding-top: 200px;
}

.pt-240 {
  padding-top: 240px;
}

@media (min-width: 576px) {
  .pt-sm-0 {
    padding-top: 0;
  }
  .pt-sm-4 {
    padding-top: 4px;
  }
  .pt-sm-8 {
    padding-top: 8px;
  }
  .pt-sm-12 {
    padding-top: 12px;
  }
  .pt-sm-16 {
    padding-top: 16px;
  }
  .pt-sm-24 {
    padding-top: 24px;
  }
  .pt-sm-32 {
    padding-top: 32px;
  }
  .pt-sm-48 {
    padding-top: 48px;
  }
  .pt-sm-52 {
    padding-top: 52px;
  }
  .pt-sm-64 {
    padding-top: 64px;
  }
  .pt-sm-80 {
    padding-top: 80px;
  }
  .pt-sm-96 {
    padding-top: 96px;
  }
  .pt-sm-128 {
    padding-top: 128px;
  }
  .pt-sm-144 {
    padding-top: 144px;
  }
  .pt-sm-160 {
    padding-top: 160px;
  }
  .pt-sm-192 {
    padding-top: 192px;
  }
  .pt-sm-200 {
    padding-top: 200px;
  }
  .pt-sm-240 {
    padding-top: 240px;
  }
}
@media (min-width: 768px) {
  .pt-md-0 {
    padding-top: 0;
  }
  .pt-md-4 {
    padding-top: 4px;
  }
  .pt-md-8 {
    padding-top: 8px;
  }
  .pt-md-12 {
    padding-top: 12px;
  }
  .pt-md-16 {
    padding-top: 16px;
  }
  .pt-md-24 {
    padding-top: 24px;
  }
  .pt-md-32 {
    padding-top: 32px;
  }
  .pt-md-48 {
    padding-top: 48px;
  }
  .pt-md-52 {
    padding-top: 52px;
  }
  .pt-md-64 {
    padding-top: 64px;
  }
  .pt-md-80 {
    padding-top: 80px;
  }
  .pt-md-96 {
    padding-top: 96px;
  }
  .pt-md-128 {
    padding-top: 128px;
  }
  .pt-md-144 {
    padding-top: 144px;
  }
  .pt-md-160 {
    padding-top: 160px;
  }
  .pt-md-192 {
    padding-top: 192px;
  }
  .pt-md-200 {
    padding-top: 200px;
  }
  .pt-md-240 {
    padding-top: 240px;
  }
}
@media (min-width: 992px) {
  .pt-lg-0 {
    padding-top: 0;
  }
  .pt-lg-4 {
    padding-top: 4px;
  }
  .pt-lg-8 {
    padding-top: 8px;
  }
  .pt-lg-12 {
    padding-top: 12px;
  }
  .pt-lg-16 {
    padding-top: 16px;
  }
  .pt-lg-24 {
    padding-top: 24px;
  }
  .pt-lg-32 {
    padding-top: 32px;
  }
  .pt-lg-48 {
    padding-top: 48px;
  }
  .pt-lg-52 {
    padding-top: 52px;
  }
  .pt-lg-64 {
    padding-top: 64px;
  }
  .pt-lg-80 {
    padding-top: 80px;
  }
  .pt-lg-96 {
    padding-top: 96px;
  }
  .pt-lg-128 {
    padding-top: 128px;
  }
  .pt-lg-144 {
    padding-top: 144px;
  }
  .pt-lg-160 {
    padding-top: 160px;
  }
  .pt-lg-192 {
    padding-top: 192px;
  }
  .pt-lg-200 {
    padding-top: 200px;
  }
  .pt-lg-240 {
    padding-top: 240px;
  }
}
@media (min-width: 1200px) {
  .pt-xl-0 {
    padding-top: 0;
  }
  .pt-xl-4 {
    padding-top: 4px;
  }
  .pt-xl-8 {
    padding-top: 8px;
  }
  .pt-xl-12 {
    padding-top: 12px;
  }
  .pt-xl-16 {
    padding-top: 16px;
  }
  .pt-xl-24 {
    padding-top: 24px;
  }
  .pt-xl-32 {
    padding-top: 32px;
  }
  .pt-xl-48 {
    padding-top: 48px;
  }
  .pt-xl-52 {
    padding-top: 52px;
  }
  .pt-xl-64 {
    padding-top: 64px;
  }
  .pt-xl-80 {
    padding-top: 80px;
  }
  .pt-xl-96 {
    padding-top: 96px;
  }
  .pt-xl-128 {
    padding-top: 128px;
  }
  .pt-xl-144 {
    padding-top: 144px;
  }
  .pt-xl-160 {
    padding-top: 160px;
  }
  .pt-xl-192 {
    padding-top: 192px;
  }
  .pt-xl-200 {
    padding-top: 200px;
  }
  .pt-xl-240 {
    padding-top: 240px;
  }
}
@media (min-width: 1400px) {
  .pt-xxl-0 {
    padding-top: 0;
  }
  .pt-xxl-4 {
    padding-top: 4px;
  }
  .pt-xxl-8 {
    padding-top: 8px;
  }
  .pt-xxl-12 {
    padding-top: 12px;
  }
  .pt-xxl-16 {
    padding-top: 16px;
  }
  .pt-xxl-24 {
    padding-top: 24px;
  }
  .pt-xxl-32 {
    padding-top: 32px;
  }
  .pt-xxl-48 {
    padding-top: 48px;
  }
  .pt-xxl-52 {
    padding-top: 52px;
  }
  .pt-xxl-64 {
    padding-top: 64px;
  }
  .pt-xxl-80 {
    padding-top: 80px;
  }
  .pt-xxl-96 {
    padding-top: 96px;
  }
  .pt-xxl-128 {
    padding-top: 128px;
  }
  .pt-xxl-144 {
    padding-top: 144px;
  }
  .pt-xxl-160 {
    padding-top: 160px;
  }
  .pt-xxl-192 {
    padding-top: 192px;
  }
  .pt-xxl-200 {
    padding-top: 200px;
  }
  .pt-xxl-240 {
    padding-top: 240px;
  }
}
@media (min-width: 1980px) {
  .pt-xxxl-0 {
    padding-top: 0;
  }
  .pt-xxxl-4 {
    padding-top: 4px;
  }
  .pt-xxxl-8 {
    padding-top: 8px;
  }
  .pt-xxxl-12 {
    padding-top: 12px;
  }
  .pt-xxxl-16 {
    padding-top: 16px;
  }
  .pt-xxxl-24 {
    padding-top: 24px;
  }
  .pt-xxxl-32 {
    padding-top: 32px;
  }
  .pt-xxxl-48 {
    padding-top: 48px;
  }
  .pt-xxxl-52 {
    padding-top: 52px;
  }
  .pt-xxxl-64 {
    padding-top: 64px;
  }
  .pt-xxxl-80 {
    padding-top: 80px;
  }
  .pt-xxxl-96 {
    padding-top: 96px;
  }
  .pt-xxxl-128 {
    padding-top: 128px;
  }
  .pt-xxxl-144 {
    padding-top: 144px;
  }
  .pt-xxxl-160 {
    padding-top: 160px;
  }
  .pt-xxxl-192 {
    padding-top: 192px;
  }
  .pt-xxxl-200 {
    padding-top: 200px;
  }
  .pt-xxxl-240 {
    padding-top: 240px;
  }
}
.pr-0 {
  padding-right: 0;
}

.pr-4 {
  padding-right: 4px;
}

.pr-8 {
  padding-right: 8px;
}

.pr-12 {
  padding-right: 12px;
}

.pr-16 {
  padding-right: 16px;
}

.pr-24 {
  padding-right: 24px;
}

.pr-32 {
  padding-right: 32px;
}

.pr-48 {
  padding-right: 48px;
}

.pr-52 {
  padding-right: 52px;
}

.pr-64 {
  padding-right: 64px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-96 {
  padding-right: 96px;
}

.pr-128 {
  padding-right: 128px;
}

.pr-144 {
  padding-right: 144px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-192 {
  padding-right: 192px;
}

.pr-200 {
  padding-right: 200px;
}

.pr-240 {
  padding-right: 240px;
}

@media (min-width: 576px) {
  .pr-sm-0 {
    padding-right: 0;
  }
  .pr-sm-4 {
    padding-right: 4px;
  }
  .pr-sm-8 {
    padding-right: 8px;
  }
  .pr-sm-12 {
    padding-right: 12px;
  }
  .pr-sm-16 {
    padding-right: 16px;
  }
  .pr-sm-24 {
    padding-right: 24px;
  }
  .pr-sm-32 {
    padding-right: 32px;
  }
  .pr-sm-48 {
    padding-right: 48px;
  }
  .pr-sm-52 {
    padding-right: 52px;
  }
  .pr-sm-64 {
    padding-right: 64px;
  }
  .pr-sm-80 {
    padding-right: 80px;
  }
  .pr-sm-96 {
    padding-right: 96px;
  }
  .pr-sm-128 {
    padding-right: 128px;
  }
  .pr-sm-144 {
    padding-right: 144px;
  }
  .pr-sm-160 {
    padding-right: 160px;
  }
  .pr-sm-192 {
    padding-right: 192px;
  }
  .pr-sm-200 {
    padding-right: 200px;
  }
  .pr-sm-240 {
    padding-right: 240px;
  }
}
@media (min-width: 768px) {
  .pr-md-0 {
    padding-right: 0;
  }
  .pr-md-4 {
    padding-right: 4px;
  }
  .pr-md-8 {
    padding-right: 8px;
  }
  .pr-md-12 {
    padding-right: 12px;
  }
  .pr-md-16 {
    padding-right: 16px;
  }
  .pr-md-24 {
    padding-right: 24px;
  }
  .pr-md-32 {
    padding-right: 32px;
  }
  .pr-md-48 {
    padding-right: 48px;
  }
  .pr-md-52 {
    padding-right: 52px;
  }
  .pr-md-64 {
    padding-right: 64px;
  }
  .pr-md-80 {
    padding-right: 80px;
  }
  .pr-md-96 {
    padding-right: 96px;
  }
  .pr-md-128 {
    padding-right: 128px;
  }
  .pr-md-144 {
    padding-right: 144px;
  }
  .pr-md-160 {
    padding-right: 160px;
  }
  .pr-md-192 {
    padding-right: 192px;
  }
  .pr-md-200 {
    padding-right: 200px;
  }
  .pr-md-240 {
    padding-right: 240px;
  }
}
@media (min-width: 992px) {
  .pr-lg-0 {
    padding-right: 0;
  }
  .pr-lg-4 {
    padding-right: 4px;
  }
  .pr-lg-8 {
    padding-right: 8px;
  }
  .pr-lg-12 {
    padding-right: 12px;
  }
  .pr-lg-16 {
    padding-right: 16px;
  }
  .pr-lg-24 {
    padding-right: 24px;
  }
  .pr-lg-32 {
    padding-right: 32px;
  }
  .pr-lg-48 {
    padding-right: 48px;
  }
  .pr-lg-52 {
    padding-right: 52px;
  }
  .pr-lg-64 {
    padding-right: 64px;
  }
  .pr-lg-80 {
    padding-right: 80px;
  }
  .pr-lg-96 {
    padding-right: 96px;
  }
  .pr-lg-128 {
    padding-right: 128px;
  }
  .pr-lg-144 {
    padding-right: 144px;
  }
  .pr-lg-160 {
    padding-right: 160px;
  }
  .pr-lg-192 {
    padding-right: 192px;
  }
  .pr-lg-200 {
    padding-right: 200px;
  }
  .pr-lg-240 {
    padding-right: 240px;
  }
}
@media (min-width: 1200px) {
  .pr-xl-0 {
    padding-right: 0;
  }
  .pr-xl-4 {
    padding-right: 4px;
  }
  .pr-xl-8 {
    padding-right: 8px;
  }
  .pr-xl-12 {
    padding-right: 12px;
  }
  .pr-xl-16 {
    padding-right: 16px;
  }
  .pr-xl-24 {
    padding-right: 24px;
  }
  .pr-xl-32 {
    padding-right: 32px;
  }
  .pr-xl-48 {
    padding-right: 48px;
  }
  .pr-xl-52 {
    padding-right: 52px;
  }
  .pr-xl-64 {
    padding-right: 64px;
  }
  .pr-xl-80 {
    padding-right: 80px;
  }
  .pr-xl-96 {
    padding-right: 96px;
  }
  .pr-xl-128 {
    padding-right: 128px;
  }
  .pr-xl-144 {
    padding-right: 144px;
  }
  .pr-xl-160 {
    padding-right: 160px;
  }
  .pr-xl-192 {
    padding-right: 192px;
  }
  .pr-xl-200 {
    padding-right: 200px;
  }
  .pr-xl-240 {
    padding-right: 240px;
  }
}
@media (min-width: 1400px) {
  .pr-xxl-0 {
    padding-right: 0;
  }
  .pr-xxl-4 {
    padding-right: 4px;
  }
  .pr-xxl-8 {
    padding-right: 8px;
  }
  .pr-xxl-12 {
    padding-right: 12px;
  }
  .pr-xxl-16 {
    padding-right: 16px;
  }
  .pr-xxl-24 {
    padding-right: 24px;
  }
  .pr-xxl-32 {
    padding-right: 32px;
  }
  .pr-xxl-48 {
    padding-right: 48px;
  }
  .pr-xxl-52 {
    padding-right: 52px;
  }
  .pr-xxl-64 {
    padding-right: 64px;
  }
  .pr-xxl-80 {
    padding-right: 80px;
  }
  .pr-xxl-96 {
    padding-right: 96px;
  }
  .pr-xxl-128 {
    padding-right: 128px;
  }
  .pr-xxl-144 {
    padding-right: 144px;
  }
  .pr-xxl-160 {
    padding-right: 160px;
  }
  .pr-xxl-192 {
    padding-right: 192px;
  }
  .pr-xxl-200 {
    padding-right: 200px;
  }
  .pr-xxl-240 {
    padding-right: 240px;
  }
}
@media (min-width: 1980px) {
  .pr-xxxl-0 {
    padding-right: 0;
  }
  .pr-xxxl-4 {
    padding-right: 4px;
  }
  .pr-xxxl-8 {
    padding-right: 8px;
  }
  .pr-xxxl-12 {
    padding-right: 12px;
  }
  .pr-xxxl-16 {
    padding-right: 16px;
  }
  .pr-xxxl-24 {
    padding-right: 24px;
  }
  .pr-xxxl-32 {
    padding-right: 32px;
  }
  .pr-xxxl-48 {
    padding-right: 48px;
  }
  .pr-xxxl-52 {
    padding-right: 52px;
  }
  .pr-xxxl-64 {
    padding-right: 64px;
  }
  .pr-xxxl-80 {
    padding-right: 80px;
  }
  .pr-xxxl-96 {
    padding-right: 96px;
  }
  .pr-xxxl-128 {
    padding-right: 128px;
  }
  .pr-xxxl-144 {
    padding-right: 144px;
  }
  .pr-xxxl-160 {
    padding-right: 160px;
  }
  .pr-xxxl-192 {
    padding-right: 192px;
  }
  .pr-xxxl-200 {
    padding-right: 200px;
  }
  .pr-xxxl-240 {
    padding-right: 240px;
  }
}
.pb-0 {
  padding-bottom: 0;
}

.pb-4 {
  padding-bottom: 4px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pb-52 {
  padding-bottom: 52px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-96 {
  padding-bottom: 96px;
}

.pb-128 {
  padding-bottom: 128px;
}

.pb-144 {
  padding-bottom: 144px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-192 {
  padding-bottom: 192px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pb-240 {
  padding-bottom: 240px;
}

@media (min-width: 576px) {
  .pb-sm-0 {
    padding-bottom: 0;
  }
  .pb-sm-4 {
    padding-bottom: 4px;
  }
  .pb-sm-8 {
    padding-bottom: 8px;
  }
  .pb-sm-12 {
    padding-bottom: 12px;
  }
  .pb-sm-16 {
    padding-bottom: 16px;
  }
  .pb-sm-24 {
    padding-bottom: 24px;
  }
  .pb-sm-32 {
    padding-bottom: 32px;
  }
  .pb-sm-48 {
    padding-bottom: 48px;
  }
  .pb-sm-52 {
    padding-bottom: 52px;
  }
  .pb-sm-64 {
    padding-bottom: 64px;
  }
  .pb-sm-80 {
    padding-bottom: 80px;
  }
  .pb-sm-96 {
    padding-bottom: 96px;
  }
  .pb-sm-128 {
    padding-bottom: 128px;
  }
  .pb-sm-144 {
    padding-bottom: 144px;
  }
  .pb-sm-160 {
    padding-bottom: 160px;
  }
  .pb-sm-192 {
    padding-bottom: 192px;
  }
  .pb-sm-200 {
    padding-bottom: 200px;
  }
  .pb-sm-240 {
    padding-bottom: 240px;
  }
}
@media (min-width: 768px) {
  .pb-md-0 {
    padding-bottom: 0;
  }
  .pb-md-4 {
    padding-bottom: 4px;
  }
  .pb-md-8 {
    padding-bottom: 8px;
  }
  .pb-md-12 {
    padding-bottom: 12px;
  }
  .pb-md-16 {
    padding-bottom: 16px;
  }
  .pb-md-24 {
    padding-bottom: 24px;
  }
  .pb-md-32 {
    padding-bottom: 32px;
  }
  .pb-md-48 {
    padding-bottom: 48px;
  }
  .pb-md-52 {
    padding-bottom: 52px;
  }
  .pb-md-64 {
    padding-bottom: 64px;
  }
  .pb-md-80 {
    padding-bottom: 80px;
  }
  .pb-md-96 {
    padding-bottom: 96px;
  }
  .pb-md-128 {
    padding-bottom: 128px;
  }
  .pb-md-144 {
    padding-bottom: 144px;
  }
  .pb-md-160 {
    padding-bottom: 160px;
  }
  .pb-md-192 {
    padding-bottom: 192px;
  }
  .pb-md-200 {
    padding-bottom: 200px;
  }
  .pb-md-240 {
    padding-bottom: 240px;
  }
}
@media (min-width: 992px) {
  .pb-lg-0 {
    padding-bottom: 0;
  }
  .pb-lg-4 {
    padding-bottom: 4px;
  }
  .pb-lg-8 {
    padding-bottom: 8px;
  }
  .pb-lg-12 {
    padding-bottom: 12px;
  }
  .pb-lg-16 {
    padding-bottom: 16px;
  }
  .pb-lg-24 {
    padding-bottom: 24px;
  }
  .pb-lg-32 {
    padding-bottom: 32px;
  }
  .pb-lg-48 {
    padding-bottom: 48px;
  }
  .pb-lg-52 {
    padding-bottom: 52px;
  }
  .pb-lg-64 {
    padding-bottom: 64px;
  }
  .pb-lg-80 {
    padding-bottom: 80px;
  }
  .pb-lg-96 {
    padding-bottom: 96px;
  }
  .pb-lg-128 {
    padding-bottom: 128px;
  }
  .pb-lg-144 {
    padding-bottom: 144px;
  }
  .pb-lg-160 {
    padding-bottom: 160px;
  }
  .pb-lg-192 {
    padding-bottom: 192px;
  }
  .pb-lg-200 {
    padding-bottom: 200px;
  }
  .pb-lg-240 {
    padding-bottom: 240px;
  }
}
@media (min-width: 1200px) {
  .pb-xl-0 {
    padding-bottom: 0;
  }
  .pb-xl-4 {
    padding-bottom: 4px;
  }
  .pb-xl-8 {
    padding-bottom: 8px;
  }
  .pb-xl-12 {
    padding-bottom: 12px;
  }
  .pb-xl-16 {
    padding-bottom: 16px;
  }
  .pb-xl-24 {
    padding-bottom: 24px;
  }
  .pb-xl-32 {
    padding-bottom: 32px;
  }
  .pb-xl-48 {
    padding-bottom: 48px;
  }
  .pb-xl-52 {
    padding-bottom: 52px;
  }
  .pb-xl-64 {
    padding-bottom: 64px;
  }
  .pb-xl-80 {
    padding-bottom: 80px;
  }
  .pb-xl-96 {
    padding-bottom: 96px;
  }
  .pb-xl-128 {
    padding-bottom: 128px;
  }
  .pb-xl-144 {
    padding-bottom: 144px;
  }
  .pb-xl-160 {
    padding-bottom: 160px;
  }
  .pb-xl-192 {
    padding-bottom: 192px;
  }
  .pb-xl-200 {
    padding-bottom: 200px;
  }
  .pb-xl-240 {
    padding-bottom: 240px;
  }
}
@media (min-width: 1400px) {
  .pb-xxl-0 {
    padding-bottom: 0;
  }
  .pb-xxl-4 {
    padding-bottom: 4px;
  }
  .pb-xxl-8 {
    padding-bottom: 8px;
  }
  .pb-xxl-12 {
    padding-bottom: 12px;
  }
  .pb-xxl-16 {
    padding-bottom: 16px;
  }
  .pb-xxl-24 {
    padding-bottom: 24px;
  }
  .pb-xxl-32 {
    padding-bottom: 32px;
  }
  .pb-xxl-48 {
    padding-bottom: 48px;
  }
  .pb-xxl-52 {
    padding-bottom: 52px;
  }
  .pb-xxl-64 {
    padding-bottom: 64px;
  }
  .pb-xxl-80 {
    padding-bottom: 80px;
  }
  .pb-xxl-96 {
    padding-bottom: 96px;
  }
  .pb-xxl-128 {
    padding-bottom: 128px;
  }
  .pb-xxl-144 {
    padding-bottom: 144px;
  }
  .pb-xxl-160 {
    padding-bottom: 160px;
  }
  .pb-xxl-192 {
    padding-bottom: 192px;
  }
  .pb-xxl-200 {
    padding-bottom: 200px;
  }
  .pb-xxl-240 {
    padding-bottom: 240px;
  }
}
@media (min-width: 1980px) {
  .pb-xxxl-0 {
    padding-bottom: 0;
  }
  .pb-xxxl-4 {
    padding-bottom: 4px;
  }
  .pb-xxxl-8 {
    padding-bottom: 8px;
  }
  .pb-xxxl-12 {
    padding-bottom: 12px;
  }
  .pb-xxxl-16 {
    padding-bottom: 16px;
  }
  .pb-xxxl-24 {
    padding-bottom: 24px;
  }
  .pb-xxxl-32 {
    padding-bottom: 32px;
  }
  .pb-xxxl-48 {
    padding-bottom: 48px;
  }
  .pb-xxxl-52 {
    padding-bottom: 52px;
  }
  .pb-xxxl-64 {
    padding-bottom: 64px;
  }
  .pb-xxxl-80 {
    padding-bottom: 80px;
  }
  .pb-xxxl-96 {
    padding-bottom: 96px;
  }
  .pb-xxxl-128 {
    padding-bottom: 128px;
  }
  .pb-xxxl-144 {
    padding-bottom: 144px;
  }
  .pb-xxxl-160 {
    padding-bottom: 160px;
  }
  .pb-xxxl-192 {
    padding-bottom: 192px;
  }
  .pb-xxxl-200 {
    padding-bottom: 200px;
  }
  .pb-xxxl-240 {
    padding-bottom: 240px;
  }
}
.pl-0 {
  padding-left: 0;
}

.pl-4 {
  padding-left: 4px;
}

.pl-8 {
  padding-left: 8px;
}

.pl-12 {
  padding-left: 12px;
}

.pl-16 {
  padding-left: 16px;
}

.pl-24 {
  padding-left: 24px;
}

.pl-32 {
  padding-left: 32px;
}

.pl-48 {
  padding-left: 48px;
}

.pl-52 {
  padding-left: 52px;
}

.pl-64 {
  padding-left: 64px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-96 {
  padding-left: 96px;
}

.pl-128 {
  padding-left: 128px;
}

.pl-144 {
  padding-left: 144px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-192 {
  padding-left: 192px;
}

.pl-200 {
  padding-left: 200px;
}

.pl-240 {
  padding-left: 240px;
}

@media (min-width: 576px) {
  .pl-sm-0 {
    padding-left: 0;
  }
  .pl-sm-4 {
    padding-left: 4px;
  }
  .pl-sm-8 {
    padding-left: 8px;
  }
  .pl-sm-12 {
    padding-left: 12px;
  }
  .pl-sm-16 {
    padding-left: 16px;
  }
  .pl-sm-24 {
    padding-left: 24px;
  }
  .pl-sm-32 {
    padding-left: 32px;
  }
  .pl-sm-48 {
    padding-left: 48px;
  }
  .pl-sm-52 {
    padding-left: 52px;
  }
  .pl-sm-64 {
    padding-left: 64px;
  }
  .pl-sm-80 {
    padding-left: 80px;
  }
  .pl-sm-96 {
    padding-left: 96px;
  }
  .pl-sm-128 {
    padding-left: 128px;
  }
  .pl-sm-144 {
    padding-left: 144px;
  }
  .pl-sm-160 {
    padding-left: 160px;
  }
  .pl-sm-192 {
    padding-left: 192px;
  }
  .pl-sm-200 {
    padding-left: 200px;
  }
  .pl-sm-240 {
    padding-left: 240px;
  }
}
@media (min-width: 768px) {
  .pl-md-0 {
    padding-left: 0;
  }
  .pl-md-4 {
    padding-left: 4px;
  }
  .pl-md-8 {
    padding-left: 8px;
  }
  .pl-md-12 {
    padding-left: 12px;
  }
  .pl-md-16 {
    padding-left: 16px;
  }
  .pl-md-24 {
    padding-left: 24px;
  }
  .pl-md-32 {
    padding-left: 32px;
  }
  .pl-md-48 {
    padding-left: 48px;
  }
  .pl-md-52 {
    padding-left: 52px;
  }
  .pl-md-64 {
    padding-left: 64px;
  }
  .pl-md-80 {
    padding-left: 80px;
  }
  .pl-md-96 {
    padding-left: 96px;
  }
  .pl-md-128 {
    padding-left: 128px;
  }
  .pl-md-144 {
    padding-left: 144px;
  }
  .pl-md-160 {
    padding-left: 160px;
  }
  .pl-md-192 {
    padding-left: 192px;
  }
  .pl-md-200 {
    padding-left: 200px;
  }
  .pl-md-240 {
    padding-left: 240px;
  }
}
@media (min-width: 992px) {
  .pl-lg-0 {
    padding-left: 0;
  }
  .pl-lg-4 {
    padding-left: 4px;
  }
  .pl-lg-8 {
    padding-left: 8px;
  }
  .pl-lg-12 {
    padding-left: 12px;
  }
  .pl-lg-16 {
    padding-left: 16px;
  }
  .pl-lg-24 {
    padding-left: 24px;
  }
  .pl-lg-32 {
    padding-left: 32px;
  }
  .pl-lg-48 {
    padding-left: 48px;
  }
  .pl-lg-52 {
    padding-left: 52px;
  }
  .pl-lg-64 {
    padding-left: 64px;
  }
  .pl-lg-80 {
    padding-left: 80px;
  }
  .pl-lg-96 {
    padding-left: 96px;
  }
  .pl-lg-128 {
    padding-left: 128px;
  }
  .pl-lg-144 {
    padding-left: 144px;
  }
  .pl-lg-160 {
    padding-left: 160px;
  }
  .pl-lg-192 {
    padding-left: 192px;
  }
  .pl-lg-200 {
    padding-left: 200px;
  }
  .pl-lg-240 {
    padding-left: 240px;
  }
}
@media (min-width: 1200px) {
  .pl-xl-0 {
    padding-left: 0;
  }
  .pl-xl-4 {
    padding-left: 4px;
  }
  .pl-xl-8 {
    padding-left: 8px;
  }
  .pl-xl-12 {
    padding-left: 12px;
  }
  .pl-xl-16 {
    padding-left: 16px;
  }
  .pl-xl-24 {
    padding-left: 24px;
  }
  .pl-xl-32 {
    padding-left: 32px;
  }
  .pl-xl-48 {
    padding-left: 48px;
  }
  .pl-xl-52 {
    padding-left: 52px;
  }
  .pl-xl-64 {
    padding-left: 64px;
  }
  .pl-xl-80 {
    padding-left: 80px;
  }
  .pl-xl-96 {
    padding-left: 96px;
  }
  .pl-xl-128 {
    padding-left: 128px;
  }
  .pl-xl-144 {
    padding-left: 144px;
  }
  .pl-xl-160 {
    padding-left: 160px;
  }
  .pl-xl-192 {
    padding-left: 192px;
  }
  .pl-xl-200 {
    padding-left: 200px;
  }
  .pl-xl-240 {
    padding-left: 240px;
  }
}
@media (min-width: 1400px) {
  .pl-xxl-0 {
    padding-left: 0;
  }
  .pl-xxl-4 {
    padding-left: 4px;
  }
  .pl-xxl-8 {
    padding-left: 8px;
  }
  .pl-xxl-12 {
    padding-left: 12px;
  }
  .pl-xxl-16 {
    padding-left: 16px;
  }
  .pl-xxl-24 {
    padding-left: 24px;
  }
  .pl-xxl-32 {
    padding-left: 32px;
  }
  .pl-xxl-48 {
    padding-left: 48px;
  }
  .pl-xxl-52 {
    padding-left: 52px;
  }
  .pl-xxl-64 {
    padding-left: 64px;
  }
  .pl-xxl-80 {
    padding-left: 80px;
  }
  .pl-xxl-96 {
    padding-left: 96px;
  }
  .pl-xxl-128 {
    padding-left: 128px;
  }
  .pl-xxl-144 {
    padding-left: 144px;
  }
  .pl-xxl-160 {
    padding-left: 160px;
  }
  .pl-xxl-192 {
    padding-left: 192px;
  }
  .pl-xxl-200 {
    padding-left: 200px;
  }
  .pl-xxl-240 {
    padding-left: 240px;
  }
}
@media (min-width: 1980px) {
  .pl-xxxl-0 {
    padding-left: 0;
  }
  .pl-xxxl-4 {
    padding-left: 4px;
  }
  .pl-xxxl-8 {
    padding-left: 8px;
  }
  .pl-xxxl-12 {
    padding-left: 12px;
  }
  .pl-xxxl-16 {
    padding-left: 16px;
  }
  .pl-xxxl-24 {
    padding-left: 24px;
  }
  .pl-xxxl-32 {
    padding-left: 32px;
  }
  .pl-xxxl-48 {
    padding-left: 48px;
  }
  .pl-xxxl-52 {
    padding-left: 52px;
  }
  .pl-xxxl-64 {
    padding-left: 64px;
  }
  .pl-xxxl-80 {
    padding-left: 80px;
  }
  .pl-xxxl-96 {
    padding-left: 96px;
  }
  .pl-xxxl-128 {
    padding-left: 128px;
  }
  .pl-xxxl-144 {
    padding-left: 144px;
  }
  .pl-xxxl-160 {
    padding-left: 160px;
  }
  .pl-xxxl-192 {
    padding-left: 192px;
  }
  .pl-xxxl-200 {
    padding-left: 200px;
  }
  .pl-xxxl-240 {
    padding-left: 240px;
  }
}
.gap-0 {
  gap: 0;
}

.gap-4 {
  gap: 4px;
}

.gap-8 {
  gap: 8px;
}

.gap-12 {
  gap: 12px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.gap-32 {
  gap: 32px;
}

.gap-48 {
  gap: 48px;
}

.gap-52 {
  gap: 52px;
}

.gap-64 {
  gap: 64px;
}

.gap-80 {
  gap: 80px;
}

.gap-96 {
  gap: 96px;
}

.gap-128 {
  gap: 128px;
}

.gap-144 {
  gap: 144px;
}

.gap-160 {
  gap: 160px;
}

.gap-192 {
  gap: 192px;
}

.gap-200 {
  gap: 200px;
}

.gap-240 {
  gap: 240px;
}

@media (min-width: 576px) {
  .gap-sm-0 {
    gap: 0;
  }
  .gap-sm-4 {
    gap: 4px;
  }
  .gap-sm-8 {
    gap: 8px;
  }
  .gap-sm-12 {
    gap: 12px;
  }
  .gap-sm-16 {
    gap: 16px;
  }
  .gap-sm-24 {
    gap: 24px;
  }
  .gap-sm-32 {
    gap: 32px;
  }
  .gap-sm-48 {
    gap: 48px;
  }
  .gap-sm-52 {
    gap: 52px;
  }
  .gap-sm-64 {
    gap: 64px;
  }
  .gap-sm-80 {
    gap: 80px;
  }
  .gap-sm-96 {
    gap: 96px;
  }
  .gap-sm-128 {
    gap: 128px;
  }
  .gap-sm-144 {
    gap: 144px;
  }
  .gap-sm-160 {
    gap: 160px;
  }
  .gap-sm-192 {
    gap: 192px;
  }
  .gap-sm-200 {
    gap: 200px;
  }
  .gap-sm-240 {
    gap: 240px;
  }
}
@media (min-width: 768px) {
  .gap-md-0 {
    gap: 0;
  }
  .gap-md-4 {
    gap: 4px;
  }
  .gap-md-8 {
    gap: 8px;
  }
  .gap-md-12 {
    gap: 12px;
  }
  .gap-md-16 {
    gap: 16px;
  }
  .gap-md-24 {
    gap: 24px;
  }
  .gap-md-32 {
    gap: 32px;
  }
  .gap-md-48 {
    gap: 48px;
  }
  .gap-md-52 {
    gap: 52px;
  }
  .gap-md-64 {
    gap: 64px;
  }
  .gap-md-80 {
    gap: 80px;
  }
  .gap-md-96 {
    gap: 96px;
  }
  .gap-md-128 {
    gap: 128px;
  }
  .gap-md-144 {
    gap: 144px;
  }
  .gap-md-160 {
    gap: 160px;
  }
  .gap-md-192 {
    gap: 192px;
  }
  .gap-md-200 {
    gap: 200px;
  }
  .gap-md-240 {
    gap: 240px;
  }
}
@media (min-width: 992px) {
  .gap-lg-0 {
    gap: 0;
  }
  .gap-lg-4 {
    gap: 4px;
  }
  .gap-lg-8 {
    gap: 8px;
  }
  .gap-lg-12 {
    gap: 12px;
  }
  .gap-lg-16 {
    gap: 16px;
  }
  .gap-lg-24 {
    gap: 24px;
  }
  .gap-lg-32 {
    gap: 32px;
  }
  .gap-lg-48 {
    gap: 48px;
  }
  .gap-lg-52 {
    gap: 52px;
  }
  .gap-lg-64 {
    gap: 64px;
  }
  .gap-lg-80 {
    gap: 80px;
  }
  .gap-lg-96 {
    gap: 96px;
  }
  .gap-lg-128 {
    gap: 128px;
  }
  .gap-lg-144 {
    gap: 144px;
  }
  .gap-lg-160 {
    gap: 160px;
  }
  .gap-lg-192 {
    gap: 192px;
  }
  .gap-lg-200 {
    gap: 200px;
  }
  .gap-lg-240 {
    gap: 240px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-0 {
    gap: 0;
  }
  .gap-xl-4 {
    gap: 4px;
  }
  .gap-xl-8 {
    gap: 8px;
  }
  .gap-xl-12 {
    gap: 12px;
  }
  .gap-xl-16 {
    gap: 16px;
  }
  .gap-xl-24 {
    gap: 24px;
  }
  .gap-xl-32 {
    gap: 32px;
  }
  .gap-xl-48 {
    gap: 48px;
  }
  .gap-xl-52 {
    gap: 52px;
  }
  .gap-xl-64 {
    gap: 64px;
  }
  .gap-xl-80 {
    gap: 80px;
  }
  .gap-xl-96 {
    gap: 96px;
  }
  .gap-xl-128 {
    gap: 128px;
  }
  .gap-xl-144 {
    gap: 144px;
  }
  .gap-xl-160 {
    gap: 160px;
  }
  .gap-xl-192 {
    gap: 192px;
  }
  .gap-xl-200 {
    gap: 200px;
  }
  .gap-xl-240 {
    gap: 240px;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-0 {
    gap: 0;
  }
  .gap-xxl-4 {
    gap: 4px;
  }
  .gap-xxl-8 {
    gap: 8px;
  }
  .gap-xxl-12 {
    gap: 12px;
  }
  .gap-xxl-16 {
    gap: 16px;
  }
  .gap-xxl-24 {
    gap: 24px;
  }
  .gap-xxl-32 {
    gap: 32px;
  }
  .gap-xxl-48 {
    gap: 48px;
  }
  .gap-xxl-52 {
    gap: 52px;
  }
  .gap-xxl-64 {
    gap: 64px;
  }
  .gap-xxl-80 {
    gap: 80px;
  }
  .gap-xxl-96 {
    gap: 96px;
  }
  .gap-xxl-128 {
    gap: 128px;
  }
  .gap-xxl-144 {
    gap: 144px;
  }
  .gap-xxl-160 {
    gap: 160px;
  }
  .gap-xxl-192 {
    gap: 192px;
  }
  .gap-xxl-200 {
    gap: 200px;
  }
  .gap-xxl-240 {
    gap: 240px;
  }
}
@media (min-width: 1980px) {
  .gap-xxxl-0 {
    gap: 0;
  }
  .gap-xxxl-4 {
    gap: 4px;
  }
  .gap-xxxl-8 {
    gap: 8px;
  }
  .gap-xxxl-12 {
    gap: 12px;
  }
  .gap-xxxl-16 {
    gap: 16px;
  }
  .gap-xxxl-24 {
    gap: 24px;
  }
  .gap-xxxl-32 {
    gap: 32px;
  }
  .gap-xxxl-48 {
    gap: 48px;
  }
  .gap-xxxl-52 {
    gap: 52px;
  }
  .gap-xxxl-64 {
    gap: 64px;
  }
  .gap-xxxl-80 {
    gap: 80px;
  }
  .gap-xxxl-96 {
    gap: 96px;
  }
  .gap-xxxl-128 {
    gap: 128px;
  }
  .gap-xxxl-144 {
    gap: 144px;
  }
  .gap-xxxl-160 {
    gap: 160px;
  }
  .gap-xxxl-192 {
    gap: 192px;
  }
  .gap-xxxl-200 {
    gap: 200px;
  }
  .gap-xxxl-240 {
    gap: 240px;
  }
}
/*------------------------------------*\
    #COMPONENTS
\*------------------------------------*/
/**
 * Swiper 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.ss-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  float: left;
}

.ss-content {
  height: 100%;
  width: calc(100% + 18px);
  padding: 0 0 0 0;
  position: relative;
  overflow: auto;
  box-sizing: border-box;
}

.ss-content.rtl {
  width: calc(100% + 18px);
  right: auto;
}

.ss-scroll {
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  width: 9px;
  border-radius: 4px;
  top: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.25s linear;
}

.ss-hidden {
  display: none;
}

.ss-container:hover .ss-scroll,
.ss-container:active .ss-scroll {
  opacity: 1;
}

.ss-grabbed {
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

/*------------------------------------*\
    #ICON
\*------------------------------------*/
/**
 * 1) Small image that represents functionality
 */
.c-icon {
  height: 16px;
  width: 16px;
  stroke: #000000;
  fill: #000000;
}

.c-icon-size-24 {
  height: 24px;
  width: 24px;
}

.c-icon-size-38 {
  height: 38px;
  width: 38px;
}

.c-icon-size-48 {
  height: 48px;
  width: 48px;
}

.CheckboxName {
  transition: all 0.3s ease-in-out 0s;
  color: #2b2b2b;
  font-family: "Gotham";
  font-style: normal;
}
.CheckboxWrap label {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  color: #2b2b2b;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all 0.3s ease-in-out 0s;
  margin-bottom: 16px;
}
.CheckboxWrap label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.CheckboxWrap label input:disabled {
  cursor: no-drop;
}
.CheckboxWrap label input:disabled + span:before {
  border-color: #c0c0c0 !important;
}
.CheckboxWrap label input:disabled + span:after {
  content: unset !important;
}
.CheckboxWrap label input:disabled + span {
  color: rgba(0, 0, 0, 0.1) !important;
}
.CheckboxWrap label input + span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.CheckboxWrap label.label-xs {
  padding: 0 0 0 24px;
}
.CheckboxWrap label.label-xs .CheckboxName {
  font-size: var(--font-size-xs, 12px);
  font-weight: var(--font-weight-book, 325);
  line-height: var(--font-line-height-xs, 16px);
}
.CheckboxWrap label.label-xs input + span:before {
  border-radius: 1px;
  border: 0.75px solid #000000;
  width: 12px;
  height: 12px;
}
.CheckboxWrap label.label-xs input:checked + span:after {
  font-size: 12px;
  width: 12px;
  height: 12px;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="10" viewBox="0 0 12 10" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.92432 0.826047L2.78092 5.96941L0.0766602 3.26514L0.60699 2.73481L2.78093 4.90875L7.394 0.295715L7.92432 0.826047Z" fill="%23FFF"/></svg>');
}
.CheckboxWrap label.label-xs input:checked + span:after {
  top: 0;
  left: 0;
  position: absolute;
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
}
.CheckboxWrap label.label-xs input:checked + span:before {
  border: 1.5px solid #25273A;
  background: var(--Surface-secondary, #25273A);
}
.CheckboxWrap label.label-xs input:checked + span {
  color: #000000;
}
.CheckboxWrap label.label-s .wpcf7-list-item > label {
  padding-left: 24px;
}
.CheckboxWrap label.label-s .CheckboxName {
  font-size: var(--font-size-s, 14px);
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  font-weight: 325;
  padding-left: 24px;
}
.CheckboxWrap label.label-s input + span:before {
  border-radius: 1.6px;
  border: 1.2px solid #000000;
  width: 16px;
  height: 16px;
}
.CheckboxWrap label.label-s input:checked + span:after {
  font-size: 14px;
  width: 16px;
  height: 16px;
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7841 4.36101C13.0265 4.57316 13.0511 4.94169 12.8389 5.18414L7.23895 11.5841C7.13707 11.7006 6.99311 11.7718 6.83875 11.7821C6.68438 11.7923 6.53225 11.7409 6.41582 11.639L3.21582 8.83902C2.97336 8.62687 2.94879 8.25834 3.16094 8.01589C3.37309 7.77343 3.74162 7.74887 3.98407 7.96101L6.74507 10.3769L11.9609 4.41589C12.1731 4.17343 12.5416 4.14887 12.7841 4.36101Z" fill="%23FFF"/></svg>');
}
.CheckboxWrap label.label-s input:checked + span:after {
  top: 0;
  left: 0;
  position: absolute;
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
}
.CheckboxWrap label.label-s input:checked + span:before {
  border: 1.5px solid #25273A;
  background: var(--Surface-secondary, #25273A);
}
.CheckboxWrap label.label-s input:checked + span {
  color: #000000;
}
.CheckboxWrap label.label-s-white {
  padding: 0 0 0 24px;
}
.CheckboxWrap label.label-s-white .CheckboxName {
  font-size: var(--font-size-s, 14px);
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  font-weight: 325;
  color: #FFF;
}
.CheckboxWrap label.label-s-white input + span:before {
  border-radius: 1.6px;
  border: 1.2px solid #FFF !important;
  width: 16px;
  height: 16px;
}
.CheckboxWrap label.label-s-white input:checked + span:after {
  font-size: 14px;
  width: 16px;
  height: 16px;
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7841 4.36101C13.0265 4.57316 13.0511 4.94169 12.8389 5.18414L7.23895 11.5841C7.13707 11.7006 6.99311 11.7718 6.83875 11.7821C6.68438 11.7923 6.53225 11.7409 6.41582 11.639L3.21582 8.83902C2.97336 8.62687 2.94879 8.25834 3.16094 8.01589C3.37309 7.77343 3.74162 7.74887 3.98407 7.96101L6.74507 10.3769L11.9609 4.41589C12.1731 4.17343 12.5416 4.14887 12.7841 4.36101Z" fill="%23FFF"/></svg>');
}
.CheckboxWrap label.label-s-white input:checked + span:after {
  top: 0;
  left: 0;
  position: absolute;
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
}
.CheckboxWrap label.label-s-white input:checked + span:before {
  border: 1.5px solid #FFF;
}
.CheckboxWrap label.label-s-white input:checked + span {
  color: #FFF;
}
.CheckboxWrap label.label-m {
  padding: 0 0 0 28px;
}
.CheckboxWrap label.label-m .CheckboxName {
  font-size: var(--font-size-m, 16px);
  font-weight: 325;
  line-height: var(--font-line-height-s, 24px); /* 150% */
}
.CheckboxWrap label.label-m input + span:before {
  border-radius: 2px;
  border: 1.5px solid var(--Icon-base, #000);
  width: 20px;
  height: 20px;
}
.CheckboxWrap label.label-m input:checked + span:after {
  font-size: 16px;
  width: 20px;
  height: 20px;
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.9798 5.45117C16.2829 5.71636 16.3136 6.17702 16.0484 6.48009L9.04844 14.4801C8.92109 14.6256 8.74115 14.7146 8.54819 14.7275C8.35523 14.7403 8.16506 14.676 8.01952 14.5487L4.01952 11.0487C3.71646 10.7835 3.68575 10.3228 3.95093 10.0198C4.21612 9.7167 4.67678 9.68599 4.97984 9.95117L8.43109 12.971L14.9509 5.51977C15.2161 5.2167 15.6768 5.18599 15.9798 5.45117Z" fill="%23FFF"/></svg>');
}
.CheckboxWrap label.label-m input:checked + span:after {
  top: 0;
  left: 0;
  position: absolute;
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
}
.CheckboxWrap label.label-m input:checked + span:before {
  border: 1.5px solid #25273A;
  background: var(--Surface-secondary, #25273A);
}
.CheckboxWrap label.label-m input:checked + span {
  color: #000000;
}
.CheckboxWrap label.label-l {
  padding: 0 0 0 32px;
}
.CheckboxWrap label.label-l .CheckboxName {
  font-size: var(--font-size-l, 20px);
  line-height: var(--font-line-height-m, 28px); /* 140% */
  font-weight: 325;
}
.CheckboxWrap label.label-l input + span:before {
  border-radius: var(--Radius-2xs, 2px);
  border: 1.5px solid var(--Icon-secondary, #25273A);
  width: 24px;
  height: 24px;
}
.CheckboxWrap label.label-l input:checked + span:after {
  font-size: 20px;
  width: 24px;
  height: 24px;
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.1761 6.54146C19.5398 6.85968 19.5766 7.41247 19.2584 7.77615L10.8584 17.3762C10.7056 17.5508 10.4897 17.6576 10.2581 17.673C10.0266 17.6885 9.79837 17.6113 9.62372 17.4585L4.82372 13.2585C4.46004 12.9402 4.42319 12.3875 4.74141 12.0238C5.05963 11.6601 5.61242 11.6232 5.97611 11.9415L10.1176 15.5653L17.9414 6.62377C18.2596 6.26009 18.8124 6.22324 19.1761 6.54146Z" fill="%23FFF"/></svg>');
}
.CheckboxWrap label.label-l input:checked + span:after {
  top: 0;
  left: 0;
  position: absolute;
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
}
.CheckboxWrap label.label-l input:checked + span:before {
  border: 1.5px solid #25273A;
  background: var(--Surface-secondary, #25273A);
}
.CheckboxWrap label.label-l input:checked + span {
  color: #000000;
}
.CheckboxWrap label:hover input:disabled + span:before {
  border: var(--border-s, 1px) solid var(--border-disabled, #878787);
}
.CheckboxWrap label:hover input:disabled + span:after {
  content: unset;
}
.CheckboxWrap label:hover input + span:before {
  border: 2.5px solid var(--Icon-secondary, #25273A);
}
.CheckboxWrap label:hover input + span:after {
  top: 0;
  left: 0;
  position: absolute;
  transition: all 0.3s ease-in-out 0s;
}
.CheckboxWrap label:hover span:before {
  border-color: rgba(0, 0, 0, 0.1);
}
.CheckboxWrap label.label-xs:hover input + span:after {
  font-size: 12px;
  width: 12px;
  height: 12px;
}
.CheckboxWrap label.label-xs:hover input + span:before {
  border: 2.5px solid var(--Icon-secondary, #25273A);
}
.CheckboxWrap label.label-xs:hover input:checked + span:after {
  border-color: var(--Border-secondary, #25273A);
}
.CheckboxWrap label.label-xs:hover input:checked + span:before {
  border: 2.5px solid var(--Icon-secondary, #25273A);
}
.CheckboxWrap label.label-xs:hover input:checked span:before {
  position: relative;
  z-index: 9;
  border-color: var(--Border-secondary, #25273A);
}
.CheckboxWrap label.label-s:hover input + span:after {
  font-size: 14px;
  width: 16px;
  height: 16px;
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7841 4.36101C13.0265 4.57316 13.0511 4.94169 12.8389 5.18414L7.23895 11.5841C7.13707 11.7006 6.99311 11.7718 6.83875 11.7821C6.68438 11.7923 6.53225 11.7409 6.41582 11.639L3.21582 8.83902C2.97336 8.62687 2.94879 8.25834 3.16094 8.01589C3.37309 7.77343 3.74162 7.74887 3.98407 7.96101L6.74507 10.3769L11.9609 4.41589C12.1731 4.17343 12.5416 4.14887 12.7841 4.36101Z" fill="%23FFF"/></svg>');
}
.CheckboxWrap label.label-s:hover input:checked + span:after {
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7841 4.36101C13.0265 4.57316 13.0511 4.94169 12.8389 5.18414L7.23895 11.5841C7.13707 11.7006 6.99311 11.7718 6.83875 11.7821C6.68438 11.7923 6.53225 11.7409 6.41582 11.639L3.21582 8.83902C2.97336 8.62687 2.94879 8.25834 3.16094 8.01589C3.37309 7.77343 3.74162 7.74887 3.98407 7.96101L6.74507 10.3769L11.9609 4.41589C12.1731 4.17343 12.5416 4.14887 12.7841 4.36101Z" fill="%23FFF"/></svg>');
  border-color: var(--Border-secondary, #25273A);
}
.CheckboxWrap label.label-s:hover input:checked + span:before {
  border: 2.5px solid var(--Icon-secondary, #25273A);
}
.CheckboxWrap label.label-s:hover input:checked span:before {
  position: relative;
  z-index: 9;
  border-color: var(--Border-secondary, #25273A);
}
.CheckboxWrap label.label-s-white:hover input + span:after {
  font-size: 14px;
  width: 16px;
  height: 16px;
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7841 4.36101C13.0265 4.57316 13.0511 4.94169 12.8389 5.18414L7.23895 11.5841C7.13707 11.7006 6.99311 11.7718 6.83875 11.7821C6.68438 11.7923 6.53225 11.7409 6.41582 11.639L3.21582 8.83902C2.97336 8.62687 2.94879 8.25834 3.16094 8.01589C3.37309 7.77343 3.74162 7.74887 3.98407 7.96101L6.74507 10.3769L11.9609 4.41589C12.1731 4.17343 12.5416 4.14887 12.7841 4.36101Z" fill="%23FFF"/></svg>');
}
.CheckboxWrap label.label-s-white:hover input:checked + span:after {
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7841 4.36101C13.0265 4.57316 13.0511 4.94169 12.8389 5.18414L7.23895 11.5841C7.13707 11.7006 6.99311 11.7718 6.83875 11.7821C6.68438 11.7923 6.53225 11.7409 6.41582 11.639L3.21582 8.83902C2.97336 8.62687 2.94879 8.25834 3.16094 8.01589C3.37309 7.77343 3.74162 7.74887 3.98407 7.96101L6.74507 10.3769L11.9609 4.41589C12.1731 4.17343 12.5416 4.14887 12.7841 4.36101Z" fill="%23FFF"/></svg>');
  border-color: #93949E;
}
.CheckboxWrap label.label-s-white:hover input:checked + span:before {
  border-color: #93949E;
}
.CheckboxWrap label.label-s-white:hover input:checked span:before {
  position: relative;
  z-index: 9;
  border-color: #93949E;
}
.CheckboxWrap label.label-m:hover input + span:after {
  font-size: 16px;
  width: 18px;
  height: 18px;
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.9798 5.45117C16.2829 5.71636 16.3136 6.17702 16.0484 6.48009L9.04844 14.4801C8.92109 14.6256 8.74115 14.7146 8.54819 14.7275C8.35523 14.7403 8.16506 14.676 8.01952 14.5487L4.01952 11.0487C3.71646 10.7835 3.68575 10.3228 3.95093 10.0198C4.21612 9.7167 4.67678 9.68599 4.97984 9.95117L8.43109 12.971L14.9509 5.51977C15.2161 5.2167 15.6768 5.18599 15.9798 5.45117Z" fill="%23FFF"/></svg>');
}
.CheckboxWrap label.label-m:hover input:checked + span:after {
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.9798 5.45117C16.2829 5.71636 16.3136 6.17702 16.0484 6.48009L9.04844 14.4801C8.92109 14.6256 8.74115 14.7146 8.54819 14.7275C8.35523 14.7403 8.16506 14.676 8.01952 14.5487L4.01952 11.0487C3.71646 10.7835 3.68575 10.3228 3.95093 10.0198C4.21612 9.7167 4.67678 9.68599 4.97984 9.95117L8.43109 12.971L14.9509 5.51977C15.2161 5.2167 15.6768 5.18599 15.9798 5.45117Z" fill="%23FFF"/></svg>');
  border-color: var(--Border-secondary, #25273A);
}
.CheckboxWrap label.label-m:hover input:checked + span:before {
  border: 2.5px solid var(--Icon-secondary, #25273A);
}
.CheckboxWrap label.label-m:hover input:checked span:before {
  position: relative;
  z-index: 9;
  border-color: var(--Border-secondary, #25273A);
}
.CheckboxWrap label.label-l:hover input + span:after {
  font-size: 20px;
  width: 23px;
  height: 23px;
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.1761 6.54146C19.5398 6.85968 19.5766 7.41247 19.2584 7.77615L10.8584 17.3762C10.7056 17.5508 10.4897 17.6576 10.2581 17.673C10.0266 17.6885 9.79837 17.6113 9.62372 17.4585L4.82372 13.2585C4.46004 12.9402 4.42319 12.3875 4.74141 12.0238C5.05963 11.6601 5.61242 11.6232 5.97611 11.9415L10.1176 15.5653L17.9414 6.62377C18.2596 6.26009 18.8124 6.22324 19.1761 6.54146Z" fill="%23FFF"/></svg>');
}
.CheckboxWrap label.label-l:hover input:checked + span:after {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.1761 6.54146C19.5398 6.85968 19.5766 7.41247 19.2584 7.77615L10.8584 17.3762C10.7056 17.5508 10.4897 17.6576 10.2581 17.673C10.0266 17.6885 9.79837 17.6113 9.62372 17.4585L4.82372 13.2585C4.46004 12.9402 4.42319 12.3875 4.74141 12.0238C5.05963 11.6601 5.61242 11.6232 5.97611 11.9415L10.1176 15.5653L17.9414 6.62377C18.2596 6.26009 18.8124 6.22324 19.1761 6.54146Z" fill="%23FFF"/></svg>');
  border-color: var(--Border-secondary, #25273A);
}
.CheckboxWrap label.label-l:hover input:checked + span:before {
  border: 2.5px solid var(--Icon-secondary, #25273A);
}
.CheckboxWrap label.label-l:hover input:checked span:before {
  position: relative;
  z-index: 9;
  border-color: var(--Border-secondary, #25273A);
}
.CheckboxWrap.--error span {
  color: var(--text-error, #EA2424);
}
.CheckboxWrap.--error span {
  color: var(--text-error, #EA2424);
}

.custom-multiple-select {
  position: relative;
}

.select-multiple-wrapper.--show .checkboxes-container {
  display: block;
}
.select-multiple-wrapper.--show .select-title:before {
  transform: translateY(-50%) rotate(180deg);
}
.select-multiple-wrapper .checkboxes-container {
  position: absolute;
  display: none;
  padding: 12px 16px;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  width: 100%;
  border-color: #93949E;
  z-index: 9;
  background: #fff;
  max-height: 200px;
  overflow-y: auto;
}
.select-multiple-wrapper .select-title {
  border-radius: var(--Radius-null, 0px);
  border: 1px solid var(--Border-secondary-400, #93949E);
  background: var(--Surface-page, #FFF);
  padding: 12px 16px;
}
.select-multiple-wrapper .select-title:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  transition: 0.3s;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 11L4.5359 5L11.4641 5L8 11Z" fill="black"/></svg>');
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}

.RadioName {
  transition: all 0.3s ease-in-out 0s;
  color: var(--Text-body, #14131C);
  font-family: "Gotham";
  font-style: normal;
}
.RadioWrap label {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  color: #343434;
  margin-bottom: 16px;
  cursor: pointer;
  transition: all 0.3s ease-in-out 0s;
}
.RadioWrap label span {
  vertical-align: middle;
}
.RadioWrap label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.RadioWrap label input:disabled {
  cursor: no-drop;
}
.RadioWrap label input:disabled + span:before {
  border-color: var(--border-disabled, #878787) !important;
}
.RadioWrap label input:disabled + span {
  color: var(--text-disabled, #878787) !important;
}
.RadioWrap label input + span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: all 0.3s ease-in-out 0s;
  background: var(--surface-page, #FFF);
  border-radius: 50%;
}
.RadioWrap label input + span:after {
  top: 0;
  left: 0;
  position: absolute;
  transition: all 0.3s ease-in-out 0s;
}
.RadioWrap label.label-xs {
  padding: 0 0 0 28px;
}
.RadioWrap label.label-xs .RadioName {
  color: var(--Text-body, #2B2B2B);
  /* XS/Regular */
  font-family: var(--font-family-body, Gotham Book);
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: var(--font-weight-book, 325);
  line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  letter-spacing: var(--font-spacing-0, 0px);
}
.RadioWrap label.label-xs input + span:before {
  box-shadow: inset 0px 0px 0px 1.5px #000;
  width: 12px;
  height: 12px;
}
.RadioWrap label.label-xs input:checked + span:after {
  width: 12px;
  height: 12px;
  display: flex;
  justify-content: center;
  content: url('data:image/svg+xml,<svg width="4" height="12" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="black"/></svg>');
  top: 0;
  left: 0;
  position: absolute;
  transition: all 0.3s ease-in-out 0s;
}
.RadioWrap label.label-xs input:checked + span:before {
  box-shadow: inset 0px 0px 0px 1.25px #000000;
}
.RadioWrap label.label-xs input:checked + span {
  color: #2B2B2B;
}
.RadioWrap label.label-s {
  padding: 0 0 0 28px;
}
.RadioWrap label.label-s .RadioName {
  color: var(--Text-body, #2B2B2B);
  /* S/Regular */
  font-family: var(--font-family-body, Gotham Book);
  font-size: var(--font-size-s, 14px);
  font-style: normal;
  font-weight: var(--font-weight-book, 325);
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  letter-spacing: var(--font-spacing-0, 0px);
}
.RadioWrap label.label-s input + span:before {
  box-shadow: inset 0px 0px 0px 1.5px #000;
  width: 16px;
  height: 16px;
}
.RadioWrap label.label-s input:checked + span:after {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  content: url('data:image/svg+xml,<svg width="6" height="16" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="3" cy="3" r="3" fill="black"/></svg>');
  top: 0;
  left: 0;
  position: absolute;
  transition: all 0.3s ease-in-out 0s;
}
.RadioWrap label.label-s input:checked + span:before {
  box-shadow: inset 0px 0px 0px 1.25px #000000;
}
.RadioWrap label.label-s input:checked + span {
  color: #2B2B2B;
}
.RadioWrap label.label-m {
  padding: 0 0 0 28px;
}
.RadioWrap label.label-m .RadioName {
  color: var(--Text-body, #2B2B2B);
  /* M/Regular */
  font-family: var(--font-family-body, Gotham Book);
  font-size: var(--font-size-m, 16px);
  font-style: normal;
  font-weight: var(--font-weight-book, 325);
  line-height: var(--font-line-height-s, 24px); /* 150% */
  letter-spacing: var(--font-spacing-0, 0px);
}
.RadioWrap label.label-m input + span:before {
  box-shadow: inset 0px 0px 0px 1.5px #000;
  width: 20px;
  height: 20px;
}
.RadioWrap label.label-m input:checked + span:after {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  content: url('data:image/svg+xml,<svg width="8" height="20" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="4" cy="4" r="4" fill="black"/></svg>');
  top: 0;
  left: 0;
  position: absolute;
  transition: all 0.3s ease-in-out 0s;
}
.RadioWrap label.label-m input:checked + span:before {
  box-shadow: inset 0px 0px 0px 1.25px #000000;
}
.RadioWrap label.label-m input:checked + span {
  color: #2B2B2B;
}
.RadioWrap label.label-l {
  padding: 0 0 0 32px;
}
.RadioWrap label.label-l .RadioName {
  color: var(--Text-body, #2B2B2B);
  font-family: var(--font-family-body, Gotham Book);
  font-size: var(--font-size-l, 20px);
  font-style: normal;
  font-weight: var(--font-weight-book, 400);
  line-height: var(--font-line-height-m, 28px); /* 140% */
  letter-spacing: var(--font-spacing-0, 0px);
}
.RadioWrap label.label-l input + span:before {
  box-shadow: inset 0px 0px 0px 1.5px #000;
  width: 24px;
  height: 24px;
}
.RadioWrap label.label-l input:checked + span:after {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  content: url('data:image/svg+xml,<svg width="12" height="24" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="6" fill="black"/></svg>');
  top: 0;
  left: 0;
  position: absolute;
  transition: all 0.3s ease-in-out 0s;
}
.RadioWrap label.label-l input:checked + span:before {
  box-shadow: inset 0px 0px 0px 1.5px #000000;
}
.RadioWrap label.label-l input:checked + span {
  color: #2B2B2B;
}
.RadioWrap label:hover input:disabled + span:before {
  border-color: rgba(0, 0, 0, 0.1);
}
.RadioWrap label:hover span:before {
  border-color: rgba(0, 0, 0, 0.1);
}
.RadioWrap label.label-xs:hover input + span:after {
  opacity: 1;
  width: 12px;
  height: 12px;
  display: flex;
  justify-content: center;
  content: url('data:image/svg+xml,<svg width="4" height="12" viewBox="0 0 4 4"  fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="%23000000"/></svg>');
}
.RadioWrap label.label-xs:hover input:checked + span:after {
  content: url('data:image/svg+xml,<svg width="4" height="12" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="black"/></svg>');
}
.RadioWrap label.label-xs:hover input:checked + span:before {
  box-shadow: inset 0px 0px 0px 1.5px #000000;
  background: rgba(0, 0, 0, 0.1);
}
.RadioWrap label.label-xs:hover input + span:before {
  box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.RadioWrap label.label-s:hover input + span:after {
  opacity: 1;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  content: url('data:image/svg+xml,<svg width="6" height="16" viewBox="0 0 6 6"  fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="3" cy="3" r="3" fill="%23000000"/></svg>');
}
.RadioWrap label.label-s:hover input:checked + span:after {
  content: url('data:image/svg+xml,<svg width="6" height="16" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="3" cy="3" r="3" fill="black"/></svg>');
}
.RadioWrap label.label-s:hover input:checked + span:before {
  box-shadow: inset 0px 0px 0px 1.5px #000000;
  background: rgba(0, 0, 0, 0.1);
}
.RadioWrap label.label-s:hover input + span:before {
  box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.RadioWrap label.label-m:hover input + span:after {
  opacity: 1;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  content: url('data:image/svg+xml,<svg width="8" height="20" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="4" cy="4" r="4" fill="%23000000"/></svg>');
}
.RadioWrap label.label-m:hover input:checked + span:after {
  content: url('data:image/svg+xml,<svg width="8" height="20" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="4" cy="4" r="4" fill="black"/></svg>');
}
.RadioWrap label.label-m:hover input:checked + span:before {
  box-shadow: inset 0px 0px 0px 1.5px #000000;
  background: rgba(0, 0, 0, 0.1);
}
.RadioWrap label.label-m:hover input + span:before {
  box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.RadioWrap label.label-l:hover input + span:after {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  content: url('data:image/svg+xml,<svg width="12" height="24" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="6" fill="%23000000"/></svg>');
}
.RadioWrap label.label-l:hover input:checked + span:after {
  content: url('data:image/svg+xml,<svg width="12" height="24" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="6" fill="black"/></svg>');
}
.RadioWrap label.label-l:hover input:checked + span:before {
  box-shadow: inset 0px 0px 0px 1.5px #000000;
  background: rgba(0, 0, 0, 0.1);
}
.RadioWrap label.label-l:hover input + span:before {
  box-shadow: inset 0px 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.tab {
  padding: 0px 16px 8px 16px;
  display: inline-block;
}
.tab span {
  width: 100%;
  padding: 0px 16px 8px 16px;
  box-sizing: border-box;
}
.tab span:hover {
  border-bottom: 1px solid var(--Border-secondary, #25273A);
}
.tab span.--active {
  border-bottom: 4px solid var(--Border-primary, #FFDF00);
}

.activity-switch {
  border-radius: var(--Radius-l, 16px);
  background: var(--Surface-page, #FFF);
  position: relative;
}
.activity-switch.--active .activity-switch-check {
  left: unset;
  right: 4px;
}
.activity-switch-check {
  aspect-ratio: 1/1;
  border-radius: 50px;
  background: #000000;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  height: calc(100% - 8px);
}
.activity-switch-icon {
  border-radius: 12px;
  border: 1px solid #FFF;
  background: #4A6276;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 32px;
  width: 32px;
}
.activity-switch-icon-parking {
  border-radius: var(--Radius-round, 1000px);
  background: var(--Surface-brand-blue, #097CE8);
}
.activity-switch-l {
  padding: 4px;
  width: 52px;
  height: 28px;
}
.activity-switch-text {
  padding: 8px 16px;
  border-radius: 100px;
  width: fit-content;
  border: 2px solid #fff;
  transition: 0.3s;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.activity-switch-text-check {
  display: flex;
  gap: 12px;
  align-items: center;
}
.activity-switch-text.--active {
  transition: 0.3s;
  background: #fff;
}
.activity-switch-text.--active .activity-switch-right svg {
  transform: rotate(0deg);
  transition: 0.3s;
}
.activity-switch-text.--active:hover {
  background: rgba(229, 228, 228, 0.9607843137);
}
.activity-switch-text.--active:hover .activity-switch-right svg {
  transform: rotate(0deg);
}
.activity-switch-text:hover .activity-switch-right svg {
  transform: rotate(45deg);
}
.activity-switch-right {
  display: flex;
  gap: 4px;
  align-items: center;
}
.activity-switch-right svg {
  transform: rotate(45deg);
  transition: 0.3s;
}

.highlight {
  padding: 4px 12px;
  color: #fff;
}
.highlight-red {
  background: var(--Surface-brand, #CE181E);
}
.highlight-purple {
  background: var(--Secondary-purple-600, #83007E);
}
.highlight-blue {
  background: var(--Secondary-blue-600, #097CE8);
}
.highlight-pink {
  background: var(--Secondary-pink-600, #D3397F);
}
.highlight-green {
  background: var(--Secondary-green-600, #3AA95C);
}
.highlight-orange {
  background: var(--Secondary-orange-600, #EF6B00);
}
.highlight-teal {
  background: var(--Secondary-teal-600, #238291);
}

.chip {
  white-space: nowrap;
}
.chip-l {
  padding: 8px 24px;
  font-family: Gotham;
  font-size: var(--font-size-l, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-line-height-m, 28px); /* 140% */
  letter-spacing: var(--font-spacing-0, 0px);
}
.chip-m {
  padding: 8px 16px;
  font-family: Gotham;
  font-size: var(--font-size-m, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-line-height-s, 24px); /* 150% */
  letter-spacing: var(--font-spacing-0, 0px);
}
.chip-s {
  padding: 8px 16px;
  font-family: Gotham;
  font-size: var(--font-size-s, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  letter-spacing: var(--font-spacing-0, 0px);
}
.chip-xs {
  padding: 8px 12px;
  font-family: Gotham;
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  letter-spacing: var(--font-spacing-0, 0px);
}
.chip-primary {
  color: var(--Text-body, #2B2B2B);
  border: 1px solid var(--Border-secondary, #25273A);
}
.chip-primary.--active {
  color: var(--Text-action-invert, #FFF);
  border-radius: var(--Radius-null, 0px);
  background: var(--Surface-secondary, #25273A);
  border-color: var(--Surface-secondary, #25273A);
}
.chip-primary.--active:hover {
  border-color: var(--Surface-primary, #FFDF00);
  color: var(--Text-action, #000);
  border-radius: var(--Radius-null, 0px);
  background: var(--Surface-primary, #FFDF00);
  transition: 0.3s ease;
}
.chip-primary:hover {
  border-radius: var(--Radius-null, 0px);
  border: 1px solid var(--Border-secondary, #25273A);
}
.chip-secondary {
  color: #000000;
  border: 1px solid transparent;
}
.chip-secondary.--active {
  border: 1px solid transparent;
  border-radius: var(--Radius-null, 0px);
  background: var(--Surface-primary, #FFDF00);
  backdrop-filter: blur(16px);
}
.chip-secondary.--active:hover {
  border-color: #ccb200;
  border-radius: var(--Radius-null, 0px);
  background: #ccb200;
  backdrop-filter: blur(16px);
}
.chip-secondary:hover {
  border-radius: var(--Radius-null, 0px);
  border: 1px solid var(--Border-secondary, #25273A);
}

.button-category-case-studies, .button-category-case-study {
  background: var(--Surface-secondary, #25273A) !important;
  color: #FFF;
}

.button-category-aktualnosci, .button-category-news {
  background: var(--Surface-brand, #CE181E) !important;
  border: 1px solid var(--Surface-brand, #CE181E) !important;
  color: #FFF;
}

.button-category-blog {
  background: var(--Surface-primary, #FFDF00) !important;
  border: 1px solid var(--Surface-primary, #FFDF00) !important;
}

.button-category-raport, .button-category-report {
  background: var(--Surface-secondary, #25273A) !important;
  color: #FFF;
}

.step {
  color: var(--Text-secondary, #25273A);
  font-family: var(--font-family-body, Gotham);
  font-size: var(--font-size-xl, 24px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 400);
  line-height: var(--font-line-height-m, 28px); /* 116.667% */
  letter-spacing: var(--font-spacing-0, 0px);
  padding: 8px 16px;
}
.step-yellow {
  background: var(--Surface-primary, #FFDF00);
}

.pagination {
  display: inline-flex;
  align-items: center;
  gap: var(--Spacing-xs, 4px);
}
.pagination .page-link {
  display: flex;
  width: 40px;
  height: 40px;
  padding: var(--Spacing-s, 8px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-null, 0px);
  border-radius: 4px;
  border: 1px solid transparent;
  transition: 0.3s ease;
}
.pagination .page-link.active {
  background: var(--Surface-primary, #FFDF00);
}
.pagination .page-link:hover {
  border: 1px solid var(--Icon-secondary, #25273A);
}
.pagination .page-link.disabled {
  color: #C0C0C0;
  cursor: default;
}
.pagination .page-link.disabled svg path {
  fill: #C0C0C0 !important;
}
.pagination .page-link.disabled:hover {
  border: 1px solid transparent;
}
.pagination-m .page-link {
  width: 40px;
  height: 40px;
}
.pagination-s .page-link {
  width: 32px;
  height: 32px;
}
.pagination-s .page-link svg {
  width: 16px;
  height: 16px;
}
.pagination-xs .page-link {
  width: 24px;
  height: 24px;
  padding: var(--Spacing-s, 4px);
}
.pagination-xs .page-link svg {
  width: 16px;
  height: 16px;
}

.accordion .accordion-item {
  border-bottom: 1px solid var(--Border-Navy-300, #BEBFC4);
  margin-bottom: 8px;
}
.accordion .accordion-item .accordion-header {
  border: none;
  text-align: left;
  cursor: pointer;
  position: relative;
  margin: 32px 0px;
  padding: 0px 0px 0px 76px;
}
@media (min-width: 768px) {
  .accordion .accordion-item .accordion-header {
    margin: 32px;
    padding: 0px 0px 0px 150px;
  }
}
.accordion .accordion-item .accordion-header:after {
  content: "";
  width: 52px;
  height: 52px;
  position: absolute;
  background: var(--Surface-primary, #FFDF00);
  left: 0;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
}
.accordion .accordion-item .accordion-header:before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_32588_7889)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 0.65625C10.4142 0.65625 10.75 0.992036 10.75 1.40625V9.25H18.5938C19.008 9.25 19.3438 9.58579 19.3438 10C19.3438 10.4142 19.008 10.75 18.5938 10.75H10.75V18.5938C10.75 19.008 10.4142 19.3438 10 19.3438C9.58579 19.3438 9.25 19.008 9.25 18.5938V10.75H1.40625C0.992036 10.75 0.65625 10.4142 0.65625 10C0.65625 9.58579 0.992036 9.25 1.40625 9.25H9.25V1.40625C9.25 0.992036 9.58579 0.65625 10 0.65625Z" fill="black"/></g><defs><clipPath id="clip0_32588_7889"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.accordion .accordion-item .accordion-header.active:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.265625 10C0.265625 9.58579 0.601411 9.25 1.01562 9.25H18.9844C19.3986 9.25 19.7344 9.58579 19.7344 10C19.7344 10.4142 19.3986 10.75 18.9844 10.75H1.01562C0.601411 10.75 0.265625 10.4142 0.265625 10Z" fill="black"/></svg>');
}
.accordion .accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0px 0px 0px 100px;
  background: #fff;
}
@media (min-width: 768px) {
  .accordion .accordion-item .accordion-content {
    padding: 0px 0px 0px 212px;
  }
}
.accordion .accordion-item .accordion-content p {
  color: #000;
}
.accordion .accordion-item .accordion-content h3 {
  position: relative;
}
.accordion .accordion-item .accordion-content h3:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 10px;
  left: -24px;
  background: var(--Icon-brand, #CE181E);
}

.card-body {
  flex: 1 1 auto;
}
.card-image {
  max-width: 100px;
}
@media (min-width: 1980px) {
  .card-image {
    max-width: 125px;
  }
}
.card-thumbnail {
  width: 100%;
  aspect-ratio: 1/1;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}
.card-thumbnail img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  transition: 0.3s;
}
.card-thumbnail:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.39%, rgba(0, 0, 0, 0.6) 86.44%);
  z-index: 2;
  left: 0;
}
.card-thumbnail-data {
  position: absolute;
  top: 0;
  padding: 16px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: baseline;
  z-index: 3;
}
.card-thumbnail-term {
  padding: 4px 12px;
  background: var(--Surface-primary, #FFDF00);
  color: var(--Text-headline, #000);
  text-transform: uppercase;
}
.card-thumbnail-term.type-service {
  background: #7068D5;
  color: #fff;
}
.card-thumbnail-term.frontpage {
  background: var(--Surface-Cream-100, #F5F2F0);
}
.card-thumbnail-name {
  margin-top: auto;
}
.card-thumbnail-name svg {
  flex-shrink: 0;
}
.card-bottom {
  padding: 16px 16px 12px 16px;
  display: flex;
  row-gap: 8px;
  flex-direction: column;
}
@media (min-width: 1980px) {
  .card-bottom {
    padding: 16px 16px 12px 16px;
  }
}
.card-parameters {
  display: flex;
  gap: 16px;
  flex-direction: column;
  justify-content: space-around;
  border-bottom: 1px solid var(--Border-Navy-300, #BEBFC4);
  padding-bottom: 8px;
}
.card-parameters .gray-title {
  color: #93949E;
}
.card-parameters-item .p-xs {
  text-transform: uppercase;
}
.card-parameters-search {
  flex-direction: column;
}
.card-parameters-search .card-parameters-item {
  margin: unset;
}
.card-parameters-property {
  box-shadow: 0px 246px 69px 0px rgba(85, 68, 68, 0), 0px 158px 63px 0px rgba(85, 68, 68, 0.01), 0px 89px 53px 0px rgba(85, 68, 68, 0.05), 0px 40px 39px 0px rgba(85, 68, 68, 0.09), 0px 12px 22px 0px rgba(85, 68, 68, 0.1);
  background: var(--Surface-Cream-100, #F5F2F0);
  border-bottom: 0px;
}
.card-property {
  box-shadow: 0px 246px 69px 0px rgba(85, 68, 68, 0), 0px 158px 63px 0px rgba(85, 68, 68, 0.01), 0px 89px 53px 0px rgba(85, 68, 68, 0.05), 0px 40px 39px 0px rgba(85, 68, 68, 0.09), 0px 12px 22px 0px rgba(85, 68, 68, 0.1);
}
.card-property:hover .card-thumbnail-image {
  scale: 1.1;
}
.card-property.--archive {
  box-shadow: unset;
  background: var(--Surface-Cream-100, #F5F2F0);
}

.card-testimonial {
  background: #fff;
  height: 100%;
  border-left: 8px solid var(--Icon-primary, #FFDF00);
}
.card-testimonial-wrapper {
  padding: 32px 32px 32px 48px;
}
.card-testimonial-position {
  display: inline-block;
  padding-bottom: 4px;
  height: 2lh;
}
.card-testimonial-comp {
  border: 1px solid var(--Border-secondary-550, #35384B);
  width: fit-content;
  padding: var(--Spacing-xs, 4px) var(--Spacing-s, 8px);
}
.card-testimonial-icon {
  position: absolute;
  bottom: 0;
  left: -16px;
  z-index: -1;
}
.card-testimonial-text {
  z-index: 1;
  font-family: var(--font-family-header, "Old Standard TT");
}
.card-testimonial-text svg {
  z-index: -1;
}
.card-testimonial-text span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 13;
  align-self: stretch;
  overflow: hidden;
}
@media (min-width: 1980px) {
  .card-testimonial-text span {
    font-size: 22px;
  }
}

.card-property-contact {
  background-color: #fff;
  padding: 8px;
  width: 100%;
}
@media (min-width: 768px) {
  .card-property-contact {
    padding: 24px;
  }
}
.card-property-contact-wrapper {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.card-property-contact-header {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
@media (min-width: 1200px) {
  .card-property-contact-header {
    gap: 24px;
  }
}
.card-property-contact-footer .c-btn {
  width: 100%;
}
@media (min-width: 1200px) {
  .card-property-contact-footer .c-btn {
    width: 100%;
    padding: var(--Spacing-m, 12px) var(--Spacing-l, 16px);
  }
}
.card-property-contact-name {
  display: flex;
  gap: 4px;
  flex-direction: column;
  justify-content: center;
}
.card-property-contact-images {
  flex-shrink: 0;
}
@media (min-width: 1200px) {
  .card-property-contact-images {
    width: 104px;
  }
}
@media (min-width: 1980px) {
  .card-property-contact-images {
    width: 130px;
  }
}
.card-property-contact-images img {
  max-width: 200px;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.card-property-contact-services {
  background-color: #fff;
  padding: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .card-property-contact-services {
    padding: 32px;
  }
}
.card-property-contact-services-wrapper {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.card-property-contact-services-header {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
@media (min-width: 1200px) {
  .card-property-contact-services-header {
    gap: 24px;
  }
}
.card-property-contact-services-footer .c-btn {
  width: 100%;
}
@media (min-width: 1200px) {
  .card-property-contact-services-footer .c-btn {
    width: 100%;
    padding: var(--Spacing-m, 12px) var(--Spacing-l, 16px);
  }
}
.card-property-contact-services-name {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.card-property-contact-services-images {
  flex-shrink: 0;
}
@media (min-width: 1200px) {
  .card-property-contact-services-images {
    width: 194px;
  }
}
@media (min-width: 1980px) {
  .card-property-contact-services-images {
    width: 214px;
  }
}
.card-property-contact-services-images img {
  max-width: 150px;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
@media (min-width: 576px) {
  .card-property-contact-services-images img {
    max-width: 180px;
  }
}
.card-favorite .card-bottom {
  background: var(--Surface-Cream-100, #F5F2F0);
}
.card-favorite .card-thumbnail {
  overflow: hidden;
  aspect-ratio: 1;
}
.card-favorite .card-thumbnail::before {
  content: "";
  position: absolute;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6699054622) 15%, rgba(44, 240, 255, 0) 82%);
  width: 100%;
  top: 0;
  z-index: 2;
  display: block;
}
.card-favorite .card-thumbnail img {
  transition: 0.3s ease;
}
.card-favorite .card-thumbnail:hover img {
  scale: 1.1;
}
.card-favorite .card-thumbnail-data {
  z-index: 3;
}
.card-favorite-send {
  border-radius: var(--Radius-null, 0px);
  background: var(--Surface-primary, #FFDF00);
  width: 100%;
  height: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.card-favorite-send svg {
  transition: 0.3s ease;
}
.card-favorite-send:hover svg {
  transform: translateX(36px);
}

.card-small-news {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.card-small-news-images {
  position: relative;
  aspect-ratio: 3/2;
  overflow: hidden;
  flex-shrink: 0;
}
.card-small-news-images img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.card-small-news-images:hover img {
  scale: 1.1;
}
.card-small-news-content {
  padding: 24px;
  background: var(--Surface-Cream-100, #F5F2F0);
  min-height: auto;
  border-right: 1px solid var(--Border-Cream-200, #EEE8E3);
  border-bottom: 1px solid var(--Border-Cream-200, #EEE8E3);
  border-left: 1px solid var(--Border-Cream-200, #EEE8E3);
}
@media (min-width: 576px) {
  .card-small-news-content {
    min-height: 216px;
    height: 100%;
    justify-content: space-between;
  }
}
.card-small-news-category {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.card-small-news-category p {
  display: inline-block;
  padding: 8px 12px;
  border-radius: var(--Radius-null, 0px);
  border: 1px solid var(--Border-secondary, #25273A);
  text-transform: uppercase;
}
@media (min-width: 1980px) {
  .card-small-news-category p.p-xs {
    font-size: 12px;
  }
}
.card-small-news-bottom h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  overflow: hidden;
}

.card-small-newsletter {
  padding: 24px;
  background: var(--Surface-secondary, #25273A);
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.card-small-newsletter .c-btn {
  margin-top: auto;
}
.card-small-newsletter-yellow {
  background: var(--Surface-primary, #FFDF00);
}
.card-small-newsletter-yellow .c-btn-fill {
  background: var(--Surface-brand, #CE181E);
}
.card-small-newsletter-yellow .c-btn-fill:hover {
  background: #25273a;
}
.card-small-newsletter-yellow .c-btn-fill span {
  color: var(--Text-action-invert, #FFF);
}
.card-small-newsletter-head {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.card-small-newsletter-head h4 {
  padding: 14px 0px;
}
.card-small-newsletter-case {
  justify-content: space-between;
  align-items: center;
}
.card-small-newsletter-case .c-btn {
  margin-top: unset;
}

.card-raport {
  height: 400px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (min-width: 576px) {
  .card-raport {
    height: 500px;
  }
}
@media (min-width: 1980px) {
  .card-raport {
    height: 668px;
  }
}
.card-raport img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  scale: 1;
}
.card-raport:hover img {
  scale: 1.05;
}
.card-raport-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: var(--Spacing-xl, 24px) 16px;
}
.card-raport-content {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-l, 16px);
  align-items: center;
  background: var(--Surface-Cream-100, #F5F2F0);
  padding: var(--Spacing-l, 16px);
  text-align: center;
  height: auto;
}
@media (min-width: 1200px) {
  .card-raport-content {
    height: 170px;
  }
  .card-raport-content h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
  }
}
@media (min-width: 1980px) {
  .card-raport-content {
    height: 186px;
  }
}
.card-raport-tags .chip {
  border-radius: var(--Radius-null, 0px);
  padding: var(--Spacing-s, 8px) var(--Spacing-m, 12px);
  text-transform: uppercase;
  cursor: unset;
}
.card-raport-tags .chip.--active {
  background: var(--Surface-primary, #FFDF00);
  border: unset;
}

.card-search {
  border: 1px solid var(--Border-Cream-200, #EEE8E3);
  background: var(--Surface-page, #FFF);
  padding: 24px;
  height: 300px;
}
@media (min-width: 1980px) {
  .card-search {
    height: 400px;
    padding: 36px;
  }
}
.card-search-more {
  border-bottom: 2px solid var(--Border-primary, #FFDF00);
  transition: 0.3s ease;
}
.card-search-more:hover {
  border-bottom: 2px solid var(--Border-primary, #ce181e);
}
.card-search-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
}
.card-search-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-blog-author {
  background-color: #FFF;
  padding: 24px;
  /* Shadow M light */
}
.card-blog-author-images {
  position: relative;
  width: 90px;
  aspect-ratio: 1;
}
.card-blog-author-images img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 1980px) {
  .card-blog-author-images {
    width: 138px;
  }
}

.autor-wrapper {
  background: #F2F3F5;
  padding: 12px;
}
@media (min-width: 1200px) {
  .autor-wrapper {
    padding: 24px;
  }
}
@media (min-width: 992px) {
  .autor-wrapper-maxwidth {
    max-width: 296px !important;
  }
}
@media (min-width: 1200px) {
  .autor-wrapper-maxwidth {
    max-width: 356px !important;
  }
}
@media (min-width: 1400px) {
  .autor-wrapper-maxwidth {
    max-width: 376px !important;
  }
}
@media (min-width: 1980px) {
  .autor-wrapper-maxwidth {
    max-width: 503px !important;
  }
}

.active-search-item button {
  padding: var(--Spacing-s, 8px) var(--Spacing-l, 16px);
  border: 1px solid var(--Border-Navy-300, #BEBFC4);
}
.active-search-button-filters {
  width: fit-content;
  display: none;
  padding: var(--Spacing-s, 8px) var(--Spacing-l, 16px);
  border: 1px solid var(--Border-Navy-300, #BEBFC4);
  width: 100%;
  background-color: #fff;
}
@media (min-width: 576px) {
  .active-search-button-filters {
    width: 220px;
  }
}
.active-search-button-filters #filter {
  display: flex;
  justify-content: space-between;
}
#_mobile_filters .InputWrap--multiple {
  flex: 100%;
}

.modal-filters {
  position: absolute;
  top: 0;
  z-index: 9;
  background: #fff;
  bottom: 0;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: 0.3s;
}
.modal-filters.--active {
  transform: unset;
}
.modal-filters-wrapper {
  padding: 24px;
}
.modal-filters-header {
  padding: 24px;
  background: var(--Surface-Cream-100, #F5F2F0);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-filters-close {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filters {
  display: flex;
  gap: 16px;
}

.filter-extend {
  background: #fff;
  height: 100svh;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 80px 32px 32px 32px;
}
.filter-extend-header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.filter-extend-wrapper {
  overflow: auto;
}
.filter-single {
  flex: 1;
  background-color: #fff;
  cursor: pointer;
  position: relative;
}
.filter-single-more {
  flex: unset;
  aspect-ratio: 1/1;
  height: 46px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.filter-single-extend {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  min-height: 100svh;
  max-width: 407px;
  width: 100%;
  transform: translateX(407px);
  transition: 0.3s ease;
  background-color: #fff;
  box-shadow: rgba(85, 68, 68, 0) 0px 246px 69px 0px, rgba(85, 68, 68, 0.01) 0px 158px 63px 0px, rgba(85, 68, 68, 0.05) 0px 89px 53px 0px, rgba(85, 68, 68, 0.09) 0px 40px 39px 0px, rgba(85, 68, 68, 0.1) 0px 12px 22px 0px;
}
.filter-single-extend.--active {
  transform: translateX(0);
}
.filter-single.--loader:after {
  content: "";
  background: repeating-linear-gradient(to right, #aaaaaa 0%, #EAEAEA 50%, #aaa 100%);
  width: 100%;
  background-size: 200% auto;
  background-position: 0 100%;
  animation: gradient 2s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 10;
}
@keyframes gradient {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.filter-single.--active .filter-content {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.filter-single.--active .filter-header:before {
  transform: translateY(-50%) rotate(180deg);
}
.filter-single.--disactive {
  display: none;
}
.filter-single.--disabled {
  pointer-events: auto;
  background: var(--Surface-200, #EAEAEA);
  position: relative;
}
.filter-single.--disabled:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: var(--Surface-200, rgba(234, 234, 234, 0.73));
  z-index: 9;
}
.filter-single .CheckboxWrap {
  padding: 8px;
}
.filter-field {
  position: relative;
}
.filter-header {
  padding: 12px 16px;
  position: relative;
}
.filter-header:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  right: 16px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><path d="M8.40039 11L4.93629 5L11.8645 5L8.40039 11Z" fill="black"/></svg>');
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
.filter-content {
  min-height: 152px;
  max-height: 352px;
  margin-top: 2px;
  padding: 8px;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  width: 100%;
  flex-direction: column;
  transform: translateY(-16px);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  background: #fff;
  z-index: 99;
  box-shadow: 0px 246px 69px 0px rgba(85, 68, 68, 0), 0px 158px 63px 0px rgba(85, 68, 68, 0.01), 0px 89px 53px 0px rgba(85, 68, 68, 0.05), 0px 40px 39px 0px rgba(85, 68, 68, 0.09), 0px 12px 22px 0px rgba(85, 68, 68, 0.1);
}
.filter-content-wrapper {
  overflow: auto;
}
.filter-nav {
  display: flex;
  gap: 8px;
  margin-top: auto;
  width: 100%;
}
.filter-nav button {
  flex: 1;
}
@media (min-width: 992px) {
  .filter-nav button {
    padding: 12px 12px;
  }
}

.filter-input::-webkit-inner-spin-button,
.filter-input ::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.filter-content {
  width: 100%;
}
.filter-content .filter-content-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.filter-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  height: 100%;
  padding-bottom: 16px;
}

.filter-inputs {
  display: flex;
  gap: 8px;
  align-items: center;
}

.filter-input-field {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.filter-input-field input[type=number] {
  -moz-appearance: textfield;
}
.filter-input-field input {
  padding: 8px 38px 8px 8px;
  border: 1px solid var(--Border-Navy-300, #BEBFC4);
}
.filter-input-field-content {
  position: relative;
}
.filter-input-field-content span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}

.filter-slider {
  position: relative;
  height: 6px;
  background: #e4e4e4;
  border-radius: 5px;
}
.filter-slider .filter-slider-track {
  position: absolute;
  height: 100%;
  background: #CE181E;
  border-radius: 5px;
  left: 25%;
  right: 15%;
  z-index: 9;
  pointer-events: none;
}

.filter-range-inputs {
  position: relative;
}
.filter-range-inputs input {
  position: absolute;
  width: 100%;
  height: 5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
}
.filter-range-inputs input::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  background: #CE181E;
  border-radius: 50%;
  pointer-events: auto;
  -webkit-appearance: none;
  border: none;
}
.filter-range-inputs input::-moz-range-thumb {
  height: 20px;
  width: 20px;
  background: #CE181E;
  border-radius: 50%;
  pointer-events: auto;
  border: none;
}
.filter-range-inputs input::-webkit-slider-runnable-track {
  background: none;
  border: none;
}
.filter-range-inputs input::-moz-range-track {
  background: none;
  border: none;
}
.filter-range-inputs input::-ms-track {
  background: none;
  border: none;
  color: transparent;
}

.filter-range-hr {
  width: 12px;
  height: 2px;
  border-radius: 50px;
  background-color: #000;
  margin-top: 16px;
}

.tooltip-disabled {
  position: absolute;
  background: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 1000;
  max-width: 200px;
}

.modal-filters {
  min-height: 100dvh;
  position: fixed;
  top: 0;
  z-index: 999;
  background: #fff;
  bottom: 0;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: 0.3s;
  max-width: 407px;
  width: 100%;
  pointer-events: none;
  opacity: 0;
}
.modal-filters.--active {
  transform: unset;
  pointer-events: all;
  opacity: 1;
}
.modal-filters-wrapper {
  padding: 24px;
}
.modal-filters-header {
  padding: 24px;
  background: var(--Surface-Cream-100, #F5F2F0);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-filters-close {
  display: flex;
  align-items: center;
  gap: 8px;
}

#js-button-filter-more {
  display: block;
}
@media (min-width: 1200px) {
  #js-button-filter-more {
    display: none;
  }
}

#_mobile_filters form {
  flex-direction: column;
}
#_mobile_filters .filter-single-more {
  display: none;
}
#_mobile_filters .filter-single.--active .filter-content {
  display: block;
}
#_mobile_filters .filter-extend-header {
  display: none;
}
#_mobile_filters .filter-content {
  display: none;
  position: relative;
  min-height: unset;
  max-height: unset;
  box-shadow: unset;
}
#_mobile_filters .filter-single-extend {
  position: relative;
  top: unset;
  min-height: unset;
  max-width: unset;
  transform: unset;
  box-shadow: unset;
}
#_mobile_filters .filter-extend {
  height: unset;
  padding: 16px 0px;
  gap: 16px;
}
#_mobile_filters #filter-extend-close {
  display: none;
}

#district .CheckboxWrap {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--Border-disabled, #C0C0C0);
}
#district .CheckboxWrap:last-child {
  border-bottom: 0px;
  margin-bottom: 0px;
}

.filter-active {
  display: none;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .filter-active {
    width: fit-content;
  }
}
.filter-active.--active {
  display: inline-block;
}
.filter-active-button {
  padding: 8px 16px;
  border: 1px solid var(--Border-Navy-300, #BEBFC4);
}

.sort {
  display: flex;
  gap: 16px;
}
.sort-field {
  cursor: pointer;
}
.sort-field .SortWrap {
  padding: 16px 0px;
  border-bottom: 1px solid var(--Border-Navy-100, #E8E8EB);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sort-field .SortWrap label {
  cursor: pointer;
}
.sort-field .SortWrap input {
  display: none;
}
.sort-field .SortWrap input:checked + span {
  font-weight: bold !important;
}
.sort-field .SortWrap input:hover + span {
  font-weight: bold !important;
}
.sort-field.--active .sort-content {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.sort-field.--active .sort-header:before {
  transform: translateY(-50%) rotate(180deg);
}
.sort-header {
  padding: 4px 24px 4px 16px;
  position: relative;
}
.sort-header:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  right: 8px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><path d="M8.40039 11L4.93629 5L11.8645 5L8.40039 11Z" fill="black"/></svg>');
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
.sort-content {
  min-height: 152px;
  max-height: 352px;
  max-width: 208px;
  margin-top: 2px;
  padding: 16px;
  position: absolute;
  right: 0;
  display: flex;
  width: 100%;
  flex-direction: column;
  transform: translateY(-16px);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  background: #fff;
  z-index: 99;
  box-shadow: 0px 246px 69px 0px rgba(85, 68, 68, 0), 0px 158px 63px 0px rgba(85, 68, 68, 0.01), 0px 89px 53px 0px rgba(85, 68, 68, 0.05), 0px 40px 39px 0px rgba(85, 68, 68, 0.09), 0px 12px 22px 0px rgba(85, 68, 68, 0.1);
}
.sort-content-wrapper {
  overflow: auto;
}

.box-archive-property-wrapper {
  padding: 24px;
  border: 1px solid var(--Border-Cream-200, #EEE8E3);
}
.box-archive-property-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: right;
}
.box-archive-property-buttons .c-btn {
  width: 100%;
}
@media (min-width: 1200px) {
  .box-archive-property-buttons .c-btn {
    width: 276px;
  }
}

.breadcrumb {
  display: flex;
  gap: 8px;
  align-items: center;
  overflow-x: scroll;
  padding: 16px 0px;
  margin-top: 64px;
}
@media (min-width: 992px) {
  .breadcrumb {
    overflow-x: unset;
  }
}
.breadcrumb span {
  font-family: Gotham;
  font-size: 12px;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  font-weight: 500;
  text-wrap: nowrap;
}
@media (min-width: 992px) {
  .breadcrumb span {
    font-size: 12px;
    line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  }
}
.breadcrumb_last {
  font-weight: 600 !important;
}
.breadcrumb-home > a {
  display: flex;
  align-items: center;
}

.breadcrumb a {
  position: relative;
  text-decoration: none;
  color: #25273A;
  transition: color 0.3s ease;
  font-family: Gotham;
  font-size: 12px;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  font-weight: 500;
  text-wrap: nowrap;
}
@media (min-width: 992px) {
  .breadcrumb a {
    font-size: 12px;
    line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  }
}
@media (min-width: 1980px) {
  .breadcrumb a {
    font-size: 12px;
  }
}

.breadcrumb a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: #25273A;
  transition: width 0.3s ease-in-out, right 0.3s ease-in-out;
}

.breadcrumb a:hover {
  color: #000;
}

.breadcrumb a:hover::after {
  width: 100%;
  right: 0;
}

.breadcrumb a:not(:hover)::after {
  width: 100%;
  right: 0;
  transition: width 0.3s ease-in-out;
}

.breadcrumb a:not(:hover)::after {
  width: 0;
  right: 100%;
  transition: width 0.3s ease-in-out, right 0.3s ease-in-out;
}

.footer {
  background: var(--Surface-secondary, #25273A);
  position: relative;
}
.footer-subscription {
  border-bottom: 1px solid var(--Border-secondary-550, #35384B);
}
.footer-contact span {
  font-weight: 350;
}
.footer-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer-link a {
  color: var(--Text-invert, #FFF);
  position: relative;
  text-decoration: none;
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
  font-family: "Gotham";
  font-weight: 350;
}
.footer-link a:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: #FFF;
  transition: width 0.3s ease-in-out, right 0.3s ease-in-out;
}
.footer-link a:hover::after {
  width: 100%;
  right: 0;
}
.footer-link a:not(:hover)::after {
  width: 100%;
  right: 0;
  transition: width 0.3s ease-in-out;
}
.footer-link a:not(:hover)::after {
  width: 0;
  right: 100%;
  transition: width 0.3s ease-in-out, right 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .footer-link a {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  .footer-link a {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
  }
}
.footer-menu {
  border-bottom: 1px solid var(--Border-secondary-550, #35384B);
}
.footer-partners {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .footer-partners {
    flex-direction: row;
    align-items: center;
  }
}
.footer-partners-box {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .footer-partners-box {
    margin-bottom: 0px;
  }
}
.footer-partners-box a {
  color: #fff;
  border-color: #fff;
  width: 100%;
}
.footer-partners-box a:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border-color: #fff;
}
.footer-social {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: unset;
}
@media (min-width: 1200px) {
  .footer-social {
    justify-content: flex-end;
  }
}
.footer-bottom a, .footer-bottom p {
  color: #FFF;
}
.footer-terms {
  gap: 12px;
  justify-content: center;
}
@media (min-width: 1200px) {
  .footer-terms {
    gap: 32px;
    justify-content: flex-start;
  }
}
.footer-author {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  justify-content: center;
  margin-top: 24px;
}
@media (min-width: 576px) {
  .footer-author {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .footer-author {
    justify-content: flex-end;
    margin-top: 0px;
  }
}
.footer-author p, .footer-author a {
  color: #FFF;
}
.footer-author a:hover {
  color: #FFF;
  text-decoration: underline;
}
.footerbg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.footerbg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.footerbg:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.28%, #000 88.34%), linear-gradient(0deg, rgba(0, 0, 0, 0) -56.26%, rgba(0, 0, 0, 0.7) 73.72%), radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0) 47%, rgba(0, 0, 0, 0.25) 100%);
}
.footer .InputPlaceholder-hint {
  display: none;
  bottom: 58px;
}
.footer .InputWrap.--error .InputPlaceholder-hint {
  display: block;
}

.savills-menu-header {
  display: flex;
  align-items: center;
}
.savills-menu-nav-primary {
  display: none;
}
@media (min-width: 1200px) {
  .savills-menu-nav-primary {
    display: flex;
    gap: 32px;
    margin-left: 32px;
    margin-right: 32px;
    justify-content: space-between;
  }
}
@media (min-width: 1980px) {
  .savills-menu-nav-primary {
    display: flex;
    gap: 48px;
    margin-left: 48px;
    margin-right: 48px;
  }
}
.savills-menu-nav-primary .sub-menu {
  position: absolute;
  padding-top: 19px;
  opacity: 0;
  z-index: -2;
  pointer-events: none;
  transition: 0.3s ease;
  box-shadow: 0px 246px 69px 0px rgba(85, 68, 68, 0), 0px 158px 63px 0px rgba(85, 68, 68, 0.01), 0px 89px 53px 0px rgba(85, 68, 68, 0.05), 0px 40px 39px 0px rgba(85, 68, 68, 0.09), 0px 12px 22px 0px rgba(85, 68, 68, 0.1);
}
.savills-menu-nav-primary .sub-menu li {
  background: #FFF;
  transition: 0.3s ease;
}
.savills-menu-nav-primary .sub-menu li a {
  padding: 8px 12px 8px 12px;
  display: block;
}
.savills-menu-nav-primary .sub-menu li:hover {
  background: #e7e7e7;
}
.savills-menu-nav-primary .sub-menu li span {
  font-weight: 350;
}
.savills-menu-nav-primary-container {
  width: 100%;
}
.savills-menu-nav-primary .menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  z-index: 99;
  pointer-events: auto;
}
.savills-menu-logo {
  width: 121px;
  flex-shrink: 0;
  margin-left: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 1980px) {
  .savills-menu-logo {
    width: 160px;
  }
}
.savills-menu-logo-img {
  transition: 0.3s;
  width: 121px;
}
@media (min-width: 1980px) {
  .savills-menu-logo-img {
    width: 160px;
  }
}
.savills-menu-navigation {
  flex-shrink: 0;
  display: flex;
  gap: 16px;
  align-items: center;
  margin-right: 16px;
  margin-left: auto;
}
.savills-menu-navigation #__menu, .savills-menu-navigation .icon-favorite {
  cursor: pointer;
}
.savills-menu-navigation .icon-menu {
  display: block;
}
@media (min-width: 1200px) {
  .savills-menu-navigation .icon-menu {
    display: none;
  }
}

.hero-header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
  border-bottom: 1px solid var(--Border-Navy-100, #E8E8EB);
  background: #fff;
}
.hero-header.is-sticky .savills-menu-logo-img {
  width: 121px;
}
@media (min-width: 1980px) {
  .hero-header.is-sticky .savills-menu-logo-img {
    width: 160px;
  }
}
.hero-header.is-sticky .savills-menu-nav-primary .sub-menu {
  padding-top: 15px;
}
.hero-header .savills-menu-header {
  background: #fff;
}

#page-home .hero-header.is-sticky {
  background: unset;
}
#page-home .hero-header.is-sticky .sub-menu {
  padding-top: 22px;
}
#page-home .savills-menu-header {
  background: rgba(23, 24, 33, 0.8);
  box-shadow: 0px 246px 69px 0px rgba(85, 68, 68, 0), 0px 158px 63px 0px rgba(85, 68, 68, 0.01), 0px 89px 53px 0px rgba(85, 68, 68, 0.05), 0px 40px 39px 0px rgba(85, 68, 68, 0.09);
  backdrop-filter: blur(0.8500000238px);
  padding: 8px;
}
#page-home .savills-menu-nav-primary a {
  color: #fff;
}
#page-home .savills-menu-nav-primary .sub-menu {
  padding-top: 22px;
  box-shadow: unset;
}
#page-home .savills-menu-nav-primary .sub-menu li {
  background: rgba(23, 24, 33, 0.8);
  transition: 0.3s ease;
}
#page-home .savills-menu-nav-primary .sub-menu li:hover {
  background: rgba(23, 24, 33, 0.7);
}
#page-home .savills-menu-navigation .icon-favorite path, #page-home .savills-menu-navigation .icon-menu path {
  fill: #fff;
}
#page-home .hero-header {
  position: fixed;
  width: 100%;
  top: 16px;
  z-index: 99;
  border-bottom: 0px;
  background: unset;
}

.navigation {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  min-height: 100dvh;
  max-width: 390px;
  width: 100%;
  transform: translateX(390px);
  transition: 0.3s ease;
}
.navigation.--active {
  transform: translateX(0);
}
.navigation-primary {
  background: #fff;
  height: 100dvh;
  position: relative;
}
.navigation-primary-close {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  cursor: pointer;
}
.navigation-primary-close span {
  color: var(--Text-action, #000);
  font-family: var(--font-family-body, Gotham);
  font-size: var(--font-size-s, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  letter-spacing: var(--font-spacing-0, 0px);
}
@media (min-width: 1980px) {
  .navigation-primary-close span {
    font-size: 16px;
  }
}
.navigation-primary-wrapper {
  padding: 24px 32px;
  overflow: auto;
}
.navigation-primary-header {
  padding: 16px 24px;
  display: flex;
  justify-content: flex-end;
}
.navigation-primary-link {
  padding: 8px 12px;
  display: inline-block;
}
.navigation-primary-list {
  margin-bottom: 100px;
  margin-top: 16px;
}
.navigation-primary ul > li ul > li {
  border-bottom: unset;
}
.navigation-primary-item-children {
  position: relative;
}
.navigation-primary-item-children .sub-menu {
  display: none;
}
.navigation-primary-item-children.--active:before {
  transform: rotate(180deg);
}
.navigation-primary-item-children.--active .sub-menu {
  display: block;
}
.navigation-primary-item-children.--active .sub-menu > li a {
  font-weight: 350;
}
.navigation-primary-item-children:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 14px;
  transition: 0.3s;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.3279 6.10226C16.6396 6.37503 16.6712 6.84885 16.3984 7.16058L10.5651 13.8272C10.4227 13.99 10.2169 14.0834 10.0006 14.0834C9.78437 14.0834 9.57862 13.99 9.43621 13.8272L3.60287 7.16058C3.33011 6.84885 3.3617 6.37503 3.67343 6.10226C3.98516 5.8295 4.45898 5.86109 4.73174 6.17282L10.0006 12.1944L15.2695 6.17282C15.5423 5.86109 16.0161 5.8295 16.3279 6.10226Z" fill="black"/></svg>');
}
.navigation-primary-item .sub-menu {
  padding: 0px 16px;
}
.navigation-primary-bottom {
  margin-top: auto;
  padding: 24px 32px;
  background: var(--Surface-primary, #FFDF00);
}
.navigation-primary-bottom p {
  margin-bottom: 16px;
}

.menu-icon {
  mix-blend-mode: exclusion;
}

.hero-primary-position {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 2;
  bottom: 0;
}
@media (min-width: 992px) {
  .hero-primary-position {
    aspect-ratio: 744/760;
  }
}
@media (min-width: 1200px) {
  .hero-primary-position {
    aspect-ratio: 1440/670;
    min-height: 765px;
    max-width: 100%;
  }
}
@media (min-width: 1980px) {
  .hero-primary-position {
    aspect-ratio: 1440/670;
  }
}
.hero-primary-background {
  min-width: 100%;
  overflow: hidden;
  height: calc(100vh - 20px);
  min-height: 100%;
}
@media (min-width: 576px) {
  .hero-primary-background {
    height: calc(100vh - 150px);
  }
}
@media (min-width: 992px) {
  .hero-primary-background {
    height: unset;
    aspect-ratio: 744/760;
    min-height: 100%;
  }
}
@media (min-width: 1200px) {
  .hero-primary-background {
    aspect-ratio: 2044/986;
    min-height: 765px;
    max-width: 100%;
  }
}
@media (min-width: 1980px) {
  .hero-primary-background {
    aspect-ratio: 2044/1028;
  }
}
.hero-primary-background img {
  object-fit: cover;
  object-position: right;
  width: 100%;
  max-width: unset;
  height: 100%;
  max-width: unset;
  position: absolute;
  transition: 0.8s ease;
}
.hero-primary-background:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 51.67%, #000 107.44%), linear-gradient(270deg, rgba(0, 0, 0, 0) 36.49%, rgba(0, 0, 0, 0.3) 100%);
}
.hero-primary-wrapper {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.hero-primary-content {
  margin-top: 124px;
  background: linear-gradient(180deg, rgba(39, 39, 39, 0.3) 56.01%, rgba(0, 0, 0, 0) 100%), rgba(0, 0, 0, 0.2);
  background-blend-mode: overlay;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); /* Safari */
  padding: var(--Spacing-xl, 24px);
}
@media (min-width: 576px) {
  .hero-primary-content {
    margin-top: 262px;
  }
}
@media (min-width: 1200px) {
  .hero-primary-content {
    margin-top: 253px;
    padding: var(--Spacing-3xl, 48px) var(--Spacing-3xl, 48px) var(--Spacing-xl, 24px) var(--Spacing-3xl, 48px);
  }
}
@media (min-width: 1980px) {
  .hero-primary-content {
    margin-top: 378px;
  }
}
.hero-primary-content .chip {
  background: rgba(37, 39, 58, 0.8);
  transition: 0.3s ease;
}
.hero-primary-ai {
  padding: 8px 16px;
}
.hero-primary-bottom {
  margin-top: auto;
}
.hero-primary-contact {
  background: var(--Surface-primary, #FFDF00);
  padding: var(--Spacing-l, 16px);
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 16px 0px;
}
@media (min-width: 768px) {
  .hero-primary-contact {
    padding: var(--Spacing-2xl, 32px) 0px;
  }
}
.hero-primary-contact-button {
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
@media (min-width: 1200px) {
  .hero-primary-contact-button {
    flex-direction: row;
    width: unset;
    gap: 24px;
  }
}
.hero-primary-contact-button .c-btn {
  width: 100%;
}
@media (min-width: 1200px) {
  .hero-primary-contact-button .c-btn {
    width: unset;
  }
}
.hero-primary-slider {
  margin-bottom: 30px;
  max-width: 100vw;
}
@media (min-width: 1980px) {
  .hero-primary-slider {
    margin-bottom: 84px;
  }
}
@media (min-width: 1980px) {
  .hero-primary-slider {
    margin-bottom: 48px;
  }
}
.hero-primary-slider img {
  opacity: 0.8;
}
.hero-primary .search-wrap {
  max-width: 840px;
}
.hero-primary .search-wrap input::selection {
  color: #001f5f;
}
.hero-primary .search-wrap .InputPlaceholder--search {
  max-width: 680px;
}
.hero-primary .search-wrap .InputWrap {
  overflow: hidden;
}
.hero-primary #main-search {
  border-left: unset;
  border-top: unset;
  border-bottom: unset;
}

.swiper-gallery[data-id=slider-10] .swiper-slide {
  max-width: 110px;
}
@media (min-width: 768px) {
  .swiper-gallery[data-id=slider-10] .swiper-slide {
    max-width: unset;
  }
}
.swiper-gallery[data-id=slider-10] .swiper-slide {
  height: 50px; /* ustalona wysokość */
  width: auto !important; /* szerokość wg zawartości */
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-gallery[data-id=slider-10] .swiper-slide img {
  max-height: 100%;
  width: auto;
}

.featured-offer .swiper-property-prev, .featured-offer .swiper-property-next {
  z-index: 7;
  top: 40%;
}
@media (min-width: 992px) {
  .featured-offer .swiper-property-prev, .featured-offer .swiper-property-next {
    top: 50%;
  }
}

@media (min-width: 768px) {
  .w-custom {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .w-custom {
    width: 100%;
  }
}

.home-news-bg {
  position: absolute;
  top: -222px;
  right: -140px;
  z-index: -1;
}
.home-news-images {
  aspect-ratio: 3/2;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
}
.home-news-images img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  transition: 0.3s ease;
}
.home-news-images:hover img {
  scale: 1.1;
}
.home-news-top {
  margin-bottom: 16px;
  width: 100%;
}
.home-news-top h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  overflow: hidden;
}
.home-news-top p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
}
.home-news-top p.text-uppercase {
  border-radius: var(--Radius-null, 0);
  border: 1px solid var(--Border-secondary, #25273A);
  padding: 8px 12px;
}
.home-news-info {
  background-color: #fff;
  padding: 32px;
  position: relative;
}
.home-news-info-head {
  border-top: 1px solid var(--Border-Cream-200, #EEE8E3);
  border-right: 1px solid var(--Border-Cream-200, #EEE8E3);
  border-bottom: 1px solid var(--Border-Cream-200, #EEE8E3);
  border-left: 1px solid var(--Border-Cream-200, #EEE8E3);
}
@media (min-width: 1200px) {
  .home-news-info-head {
    border-left: unset;
  }
}
.home-news-card {
  padding: 24px;
  background-color: #fff;
  border-top: 1px solid var(--Border-Cream-200, #EEE8E3);
  border-right: 1px solid var(--Border-Cream-200, #EEE8E3);
  border-bottom: 1px solid var(--Border-Cream-200, #EEE8E3);
  border-left: 1px solid var(--Border-Cream-200, #EEE8E3);
  background: var(--Surface-page, #FFF);
  height: 100%;
}
@media (min-width: 1200px) {
  .home-news-card {
    border-top: unset;
  }
}
.home-news-card .home-news-top-wrapper {
  width: 100%;
}
.home-news-title .h6 {
  margin-bottom: 32px;
}

.box-helper-wrapper {
  box-shadow: 0px 75px 21px 0px rgba(0, 0, 0, 0), 0px 48px 19px 0px rgba(0, 0, 0, 0.01), 0px 27px 16px 0px rgba(0, 0, 0, 0.05), 0px 12px 12px 0px rgba(0, 0, 0, 0.09), 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  aspect-ratio: 1/1;
  width: 100%;
  background-image: url("/images/helper.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 48px 48px;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 40px;
}

.box-step {
  margin-top: 64px;
  padding-bottom: 64px;
  border-bottom: 1px solid var(--Border-Navy-300, #BEBFC4);
}
.box-step:first-child {
  margin-top: 0px;
}
.box-step:last-child {
  border-bottom: none;
}

.swiper-property-wrapper {
  width: 100%;
  position: relative;
}
.swiper-property-wrapper .swiper-gallery {
  overflow: visible;
}
.swiper-property-wrapper:before {
  content: "";
  position: absolute;
  left: -41%;
  z-index: 3;
  top: -50px;
  width: 25vw;
  bottom: -111px;
  pointer-events: none;
  background: #fff;
  background: linear-gradient(90deg, #fff 0, #fff 76%, rgba(255, 255, 255, 0) 100%);
}
@media (min-width: 1980px) {
  .swiper-property-wrapper:before {
    left: -45%;
  }
}
.swiper-property-wrapper:after {
  content: "";
  position: absolute;
  right: -41%;
  z-index: 3;
  top: -50px;
  width: 25vw;
  pointer-events: none;
  bottom: -111px;
  background: #fff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 24%, #fff 100%);
}
@media (min-width: 1980px) {
  .swiper-property-wrapper:after {
    right: -45%;
  }
}

.swiper-property .swiper-slide {
  width: 312px;
}
@media (min-width: 768px) {
  .swiper-property .swiper-slide {
    width: 320px !important;
  }
}

.swiper-gallery-bg {
  position: absolute;
  z-index: -1;
  top: -197px;
  right: -60px;
}

.swiper-testimonial .swiper-slide {
  width: 278px;
}
@media (min-width: 768px) {
  .swiper-testimonial .swiper-slide {
    width: auto;
  }
}

.gallery-slider-testimonial {
  width: 100%;
}
.gallery-slider-testimonial .swiper-testimonial {
  overflow: visible;
}
.gallery-slider-testimonial .swiper-testimonial .swiper-slide {
  height: auto;
}
@media (min-width: 992px) {
  .gallery-slider-testimonial .swiper-testimonial .swiper-slide {
    width: 340px;
  }
}
@media (min-width: 1980px) {
  .gallery-slider-testimonial .swiper-testimonial .swiper-slide {
    width: 360px;
  }
}
.gallery-slider-testimonial:before {
  content: "";
  position: absolute;
  left: -41%;
  z-index: 3;
  top: -50px;
  width: 25vw;
  bottom: -50px;
  background: #fff;
  background: linear-gradient(90deg, #F2F3F5 0, #F2F3F5 76%, rgba(255, 255, 255, 0) 100%);
}
@media (min-width: 1980px) {
  .gallery-slider-testimonial:before {
    left: -45%;
  }
}
.gallery-slider-testimonial:after {
  content: "";
  position: absolute;
  right: -41%;
  z-index: 3;
  top: -50px;
  width: 25vw;
  bottom: -50px;
  background: #fff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #F2F3F5 24%, #F2F3F5 100%);
}
@media (min-width: 1980px) {
  .gallery-slider-testimonial:after {
    right: -45%;
  }
}

.swiper-property {
  overflow: visible;
}

.swiper-scrollbar-cards {
  position: absolute;
  margin-top: 32px;
  z-index: 6;
  height: 4px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
  .swiper-scrollbar-cards {
    width: 100%;
  }
}
.swiper-scrollbar-cards .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
  background: var(--Surface-brand, #CE181E) !important;
  cursor: grab;
}

.swiper-scrollbar-cards-testimonial {
  position: absolute;
  z-index: 7;
  height: 4px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-cards-testimonial .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
  background: var(--Icon-action, #000);
  cursor: grab;
}

.section-testimonial {
  background: var(--Surface-Blue-100, #F2F3F5);
}

.row-section, .box-offer-image-wrapper {
  height: calc(100% - 86px);
}
@media (min-width: 768px) {
  .row-section, .box-offer-image-wrapper {
    height: 1241px;
  }
}
@media (min-width: 1200px) {
  .row-section, .box-offer-image-wrapper {
    height: 1135px;
  }
}
@media (min-width: 1980px) {
  .row-section, .box-offer-image-wrapper {
    height: 1170px;
  }
}

.box-offer .step {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .box-offer .step {
    margin-top: unset;
  }
}
.box-offer-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.box-offer-image {
  position: relative;
}
.box-offer-image-wrapper .image.hidden {
  opacity: 0;
}

.image-active {
  aspect-ratio: 1/1;
  position: sticky;
  width: 100%;
  top: 28%;
  height: auto;
}

#google-home-map, #google-favorite-map, #google-archive-property-map {
  height: 390px;
}
@media (min-width: 768px) {
  #google-home-map, #google-favorite-map, #google-archive-property-map {
    height: 420px;
  }
}
@media (min-width: 992px) {
  #google-home-map, #google-favorite-map, #google-archive-property-map {
    height: 632px;
  }
}
@media (min-width: 1980px) {
  #google-home-map, #google-favorite-map, #google-archive-property-map {
    height: 832px;
  }
}
#google-home-map .gm-style .gm-style-iw-c, #google-favorite-map .gm-style .gm-style-iw-c, #google-archive-property-map .gm-style .gm-style-iw-c {
  box-shadow: 0px 246px 69px 0px rgba(85, 68, 68, 0), 0px 158px 63px 0px rgba(85, 68, 68, 0.01), 0px 89px 53px 0px rgba(85, 68, 68, 0.05), 0px 40px 39px 0px rgba(85, 68, 68, 0.09), 0px 12px 22px 0px rgba(85, 68, 68, 0.1);
}
#google-home-map .gm-style .gm-style-iw-c, #google-favorite-map .gm-style .gm-style-iw-c, #google-archive-property-map .gm-style .gm-style-iw-c {
  max-width: 214px !important;
  padding-left: 0px;
  border-radius: 0px;
  max-height: unset !important;
}
@media (min-width: 1980px) {
  #google-home-map .gm-style .gm-style-iw-c, #google-favorite-map .gm-style .gm-style-iw-c, #google-archive-property-map .gm-style .gm-style-iw-c {
    max-width: 268px !important;
  }
}
#google-home-map .gm-style .gm-style-iw-d, #google-favorite-map .gm-style .gm-style-iw-d, #google-archive-property-map .gm-style .gm-style-iw-d {
  padding-right: 0px !important;
  margin-top: -48px;
  margin-right: -18px;
  margin-bottom: -12px;
  max-height: unset !important;
}
#google-home-map .gm-style .gm-style-iw-tc::after, #google-favorite-map .gm-style .gm-style-iw-tc::after, #google-archive-property-map .gm-style .gm-style-iw-tc::after {
  background: #F5F2F0;
}
#google-home-map .poi-info-window, #google-favorite-map .poi-info-window, #google-archive-property-map .poi-info-window {
  margin-top: 48px;
  padding: 16px;
  padding-top: 0px;
}
#google-home-map .gm-style-iw-ch, #google-favorite-map .gm-style-iw-ch, #google-archive-property-map .gm-style-iw-ch {
  padding-left: 16px;
}

.tools {
  background: #FFF;
  padding-bottom: 64px;
  padding-top: 64px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .tools {
    padding-bottom: 200px;
    padding-top: 96px;
  }
}
.tools h2 span {
  background: var(--Surface-primary, #FFDF00);
}
.tools-bg-yellow {
  position: absolute;
  top: 0;
  width: 100%;
  height: 500px;
  background: var(--Icon-primary, #FFDF00);
}
.tools-big {
  background: var(--Surface-Cream-100, #F5F2F0);
  position: relative;
  transition: 0.6s ease;
  overflow: hidden;
  display: block;
}
@media (min-width: 1980px) {
  .tools-big {
    max-height: 476px;
  }
}
.tools-big-wrapper {
  padding: var(--Spacing-3xl, 24px);
}
@media (min-width: 768px) {
  .tools-big-wrapper {
    aspect-ratio: 688/454;
    padding: var(--Spacing-3xl, 24px);
  }
}
.tools-big.--2 {
  background: var(--Surface-primary, #FFDF00);
  padding-right: 16px;
}
.tools-big.--2 .tools-big-right {
  width: 100%;
}
@media (min-width: 768px) {
  .tools-big.--2 .tools-big-right {
    width: 56%;
  }
}
.tools-big.--2 .tools-big-left p {
  color: var(--Text-secondary, #25273A);
  opacity: 0.8;
}
.tools-big-left {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding-right: 16px;
}
.tools-big-left p {
  color: var(--Text-secondary-500, #93949E);
}
@media (min-width: 768px) {
  .tools-big-left {
    width: 50%;
  }
}
.tools-big-right {
  margin-top: -53px;
  width: 100%;
  height: auto;
  transform: translateY(73px);
  text-align: center;
}
.tools-big-right img {
  width: 100%;
  height: auto;
  scale: 1;
  transition: 0.6s ease;
  filter: drop-shadow(2px 13px 20px rgba(0, 0, 0, 0.3568627451));
}
@media (min-width: 768px) {
  .tools-big-right img {
    max-width: unset;
    width: auto;
    height: 100%;
  }
}
@media (min-width: 1980px) {
  .tools-big-right img {
    scale: 0.8;
  }
}
@media (min-width: 768px) {
  .tools-big-right {
    width: 50%;
    height: 85%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: unset;
  }
}
@media (min-width: 1980px) {
  .tools-big-right {
    width: 55%;
    right: -17px;
  }
}
.tools-big:hover {
  background: var(--Surface-secondary, #25273A);
  transition: 0.6s ease;
}
.tools-big:hover .tools-big-left svg path {
  fill: #FFF;
}
.tools-big:hover .tools-big-left h3 {
  color: #FFF;
  transition: 0.3s ease;
}
.tools-big:hover .tools-big-left p {
  color: var(--Text-disabled, #C0C0C0);
}
.tools-big:hover .tools-big-right img {
  scale: 1.07;
  transition: 0.6s ease;
}
@media (min-width: 1980px) {
  .tools-big:hover .tools-big-right img {
    scale: 0.85;
  }
}
.tools-small {
  background: var(--Surface-Cream-100, #F5F2F0);
  position: relative;
  display: block;
}
@media (min-width: 768px) {
  .tools-small {
    height: 100%;
  }
}
@media (min-width: 1980px) {
  .tools-small {
    max-height: 476px;
  }
}
.tools-small.--2 {
  background: var(--Surface-secondary, #25273A);
}
.tools-small.--2 .tools-small-left svg path {
  fill: #FFF;
}
.tools-small.--2 .tools-small-left h3 {
  color: #FFF;
}
.tools-small.--2 .tools-small-left p {
  color: var(--Text-disabled, #C0C0C0);
}
.tools-small.--2:hover {
  background: var(--Surface-Cream-100, #F5F2F0);
  transition: 0.6s ease;
}
.tools-small.--2:hover .tools-small-left svg path {
  fill: #000000;
}
.tools-small.--2:hover .tools-small-left h3 {
  color: #000000;
  transition: 0.3s ease;
}
.tools-small.--2:hover .tools-small-left p {
  color: #93949E;
}
.tools-small.--2:hover .tools-small-right img {
  scale: 1.02;
  transition: 0.6s ease;
}
@media (min-width: 1980px) {
  .tools-small.--2:hover .tools-small-right img {
    left: 38%;
    scale: 0.75;
  }
}
.tools-small-left {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.tools-small-left p {
  color: var(--Text-secondary-500, #93949E);
}
.tools-small-right {
  width: 100%;
}
@media (min-width: 768px) {
  .tools-small-right {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.tools-small-right img {
  transform: translateY(32px);
  scale: 1;
  transition: 0.6s ease;
}
@media (min-width: 768px) {
  .tools-small-right img {
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 90%;
  }
}
@media (min-width: 1980px) {
  .tools-small-right img {
    bottom: -50px;
    left: 35%;
    max-width: 90%;
    scale: 0.7;
  }
}
.tools-small-wrapper {
  padding: var(--Spacing-3xl, 24px);
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .tools-small-wrapper {
    height: 100%;
    aspect-ratio: 688/454;
    padding: var(--Spacing-3xl, 24px);
  }
}
@media (min-width: 992px) {
  .tools-small-wrapper {
    aspect-ratio: unset;
  }
}
.tools-small:hover {
  background: var(--Surface-secondary, #25273A);
  transition: 0.6s ease;
}
.tools-small:hover .tools-small-left svg path {
  fill: #FFF;
}
.tools-small:hover .tools-small-left h3 {
  color: #FFF;
  transition: 0.3s ease;
}
.tools-small:hover .tools-small-left p {
  color: var(--Text-disabled, #C0C0C0);
}
.tools-small:hover .tools-small-right img {
  scale: 1.02;
  transition: 0.6s ease;
}
@media (min-width: 1980px) {
  .tools-small:hover .tools-small-right img {
    left: 38%;
    scale: 0.75;
  }
}

.wpml-ls-legacy-list-horizontal, .wpml-ls-legacy-list-horizontal a {
  padding: 0px;
}

.scroll-icon {
  margin-top: 97px;
  margin-bottom: 97px;
  display: none;
}
@media (min-width: 768px) {
  .scroll-icon {
    display: block;
  }
}

.scroll-icon.active .scroll-red {
  stroke: #CE181E !important;
}

.scroll-icon.active .scroll-black {
  stroke: #25273A !important;
}

.ai-bg {
  background: #cc191f;
  padding: 0px 4px;
  margin-left: 4px;
}

.box-property-wrapper {
  aspect-ratio: 2/3;
  position: relative;
}
.box-property-img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 0;
}
.box-property-img img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}
.box-property-img:after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.71%, #000 87.59%);
  position: absolute;
  z-index: 3;
  left: 0;
  pointer-events: none;
}
.box-property-gallery {
  aspect-ratio: 1/1;
  height: 100%;
  width: 100%;
  border: 1px solid #fff;
  overflow: hidden;
}
@media (min-width: 768px) {
  .box-property-gallery {
    aspect-ratio: 2/3;
  }
}
@media (min-width: 1200px) {
  .box-property-gallery {
    aspect-ratio: 1/1;
  }
}
.box-property-gallery img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}
.box-property-gallery-more-images {
  position: relative;
}
.box-property-gallery-more-images-background {
  height: 100%;
  display: block;
  position: relative;
}
.box-property-gallery-more-images-background:before {
  content: "";
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.box-property-gallery-more-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
}
.box-property-map {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 24px;
  background: var(--Surface-secondary, #25273A);
  z-index: 9;
  cursor: pointer;
}
.box-property-map:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%), var(--Surface-secondary, #25273A);
}
.box-property-map-head {
  left: unset;
  right: 0;
}
.custom-map-button {
  cursor: pointer;
  filter: brightness(1);
  transition: 0.3s ease;
}
.custom-map-button svg {
  width: 36px;
  height: 36px;
}
@media (min-width: 768px) {
  .custom-map-button svg {
    width: 44px;
    height: 44px;
  }
}
.custom-map-button:hover {
  filter: brightness(0.9);
}

#google-property-map {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
}
@media (min-width: 768px) {
  #google-property-map {
    aspect-ratio: 1/1;
  }
}

.box-amentities-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; /* Możesz dostosować odstępy między elementami */
  grid-auto-flow: row dense;
}
@media (min-width: 1200px) {
  .box-amentities-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
@media (min-width: 1980px) {
  .box-amentities-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.box-amentities-wrapper {
  display: flex;
}
.box-amentities-images {
  padding: 14px;
  background: var(--Surface-primary, #FFDF00);
}
.box-amentities-images svg {
  width: 38px;
  height: 38px;
}
.box-amentities-item {
  display: flex;
  flex-direction: row;
  gap: 8px;
  text-align: center;
  align-items: center;
  flex-wrap: nowrap;
}
@media (min-width: 1200px) {
  .box-amentities-item:nth-child(2n) {
    justify-self: unset;
  }
}
.box-amentities-item p {
  height: 56px;
  display: flex;
  align-items: center;
  text-align: left;
}

#button-more, #button-more2 {
  background: transparent;
  transition: 0.3s ease;
}
#button-more.show, #button-more2.show {
  background: #F2F3F5;
}

.menu-more, .menu-more2 {
  background: var(--Surface-secondary, #25273A);
  display: flex;
  flex-direction: column;
  position: absolute;
  right: -24px;
  top: 42px;
  right: 0;
  width: max-content;
  z-index: -1;
  opacity: 0;
  transition: 0.3s ease;
}
@media (min-width: 992px) {
  .menu-more, .menu-more2 {
    right: unset;
    top: 0;
    left: 48px;
  }
}
.menu-more.show, .menu-more2.show {
  z-index: 3;
  opacity: 1;
}
.menu-more > a, .menu-more2 > a {
  padding: var(--Spacing-m, 12px) var(--Spacing-xl, 24px);
  align-items: center;
  background: transparent;
  transition: 0.3s ease;
}
.menu-more > a:hover, .menu-more2 > a:hover {
  background: rgba(255, 255, 255, 0.1019607843);
}

.box-certificate-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; /* Możesz dostosować odstępy między elementami */
  grid-auto-flow: row dense;
}
@media (min-width: 1200px) {
  .box-certificate-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
@media (min-width: 1980px) {
  .box-certificate-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.box-certificate-wrapper {
  display: flex;
}
.box-certificate-images {
  height: 72px;
  width: auto;
}
.box-certificate-images img {
  height: 100%;
  width: auto;
}
.box-certificate-item {
  display: flex;
  flex-direction: row;
  gap: 8px;
  text-align: center;
  align-items: center;
  flex-wrap: nowrap;
}
@media (min-width: 1200px) {
  .box-certificate-item:nth-child(2n) {
    justify-self: unset;
  }
}
.box-certificate-item p {
  height: 56px;
  display: flex;
  align-items: center;
  text-align: left;
}

.box-status-wrapper {
  overflow: auto;
}
.box-status-item span {
  display: block;
  height: 8px;
  width: 68px;
  background: var(--Surface-Cream-100, #F5F2F0);
}
.box-status-item span.--active {
  background: var(--Icon-primary, #FFDF00);
}
.box-status-description {
  width: 100%;
}

.box-service-item {
  width: 144px;
  height: 144px;
  background: var(--Surface-page, #FFF);
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  border: 1px solid #FFDF00;
  padding: var(--Spacing-xl, 24px) var(--Spacing-l, 16px) var(--Spacing-l, 16px) var(--Spacing-l, 16px);
}
.box-service-item.--active {
  border: 1px solid var(--Icon-primary, #FFDF00);
}
.box-service-item.--active span {
  background: var(--Icon-primary, #FFDF00);
}
.box-service-item span {
  display: block;
  height: 8px;
  width: 68px;
  border-radius: var(--Radius-round, 1000px);
  background: var(--Surface-Cream-100, #F5F2F0);
}
.box-service-item P {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.copy-tooltip {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: black;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.copy-tooltip.show {
  opacity: 1;
}

#google-property-map-primary div[aria-labelledby=C8507069-A24E-4D34-B82A-C612B7F32840] button[aria-label=Zamknij] {
  display: none !important;
}

#google-property-map-primary button[aria-label=Zamknij] {
  display: none !important;
}
#google-property-map-primary .gm-style-iw-d {
  overflow: unset !important;
}
#google-property-map-primary .gm-style-iw-d img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
#google-property-map-primary .gm-style-iw-d > div {
  height: 100%;
}
#google-property-map-primary .infowindow-property {
  height: 100%;
  aspect-ratio: 3/2;
  max-width: 96px;
  height: 128px;
  border: 4px solid var(--Border-action-invert, #FFF);
}
#google-property-map-primary .infowindow-property-route {
  aspect-ratio: 2/3;
  font-size: 14px;
  line-height: 1.5;
  border: 4px solid var(--Border-action-invert, #FFF);
  height: 73px;
  width: 114px;
}
#google-property-map-primary .gm-style img {
  max-width: 100%;
}
#google-property-map-primary .gm-style-iw-chr {
  display: none;
}
#google-property-map-primary .gm-style .gm-style-iw-c {
  padding: 0;
  border-radius: unset;
}
#google-property-map-primary .infowindow-route {
  padding: 8px;
}

.d-flex:has(.custom-map-button) {
  width: fit-content;
}

.gm-style-iw-d div[dir=ltr] {
  padding: 8px;
}
.gm-style-iw-d div[dir=ltr] span {
  font-family: "Gotham Book";
  font-size: 12px;
  color: #000;
}
.gm-style-iw-d div[dir=ltr] span > span {
  color: #fff;
}

#google-home-map .gm-style-iw-chr {
  z-index: 4;
}

.google-primary-nav {
  background: var(--Surface-Cream-100, #F5F2F0);
  box-shadow: 0px 84px 23px 0px rgba(0, 0, 0, 0), 0px 53px 21px 0px rgba(0, 0, 0, 0.01), 0px 30px 18px 0px rgba(0, 0, 0, 0.05), 0px 13px 13px 0px rgba(0, 0, 0, 0.09), 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  padding: 24px 0px;
  position: relative;
  z-index: 9;
  pointer-events: none;
}
.google-primary-nav .conteiner {
  pointer-events: all;
}

.activity-wrapper {
  pointer-events: all;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.swiper-single-contact {
  overflow: visible;
}
.swiper-single-contact .swiper-slide {
  max-width: 279px;
}

.estate-content p {
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
  font-family: "Gotham";
  font-weight: 325 !important;
}
@media (min-width: 992px) {
  .estate-content p {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  .estate-content p {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
  }
}
.estate-content p strong {
  font-family: "Gotham";
  font-weight: bold !important;
}

.isFlex .parameters-switch {
  background: var(--Surface-primary, #7068D5);
}
.isFlex .parameters-switch span {
  color: #FFF;
}
.isFlex .parameters-price-wrapper:before {
  width: 0px;
}
.isFlex div .custom-map-button:not(:first-child) svg rect {
  fill: #7068D5;
}
.isFlex div .custom-map-button:not(:first-child) svg path {
  fill: #FFF;
}
.isFlex .box-amentities-images {
  background: var(--Surface-primary, #7068D5);
}
.isFlex .box-amentities-images svg path {
  stroke: #FFF;
}

.swiper-scrollbar-single-contact {
  position: absolute;
  bottom: -24px;
  z-index: 50;
  height: 4px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .swiper-scrollbar-single-contact {
    bottom: -96px;
  }
}
.swiper-scrollbar-single-contact .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
  background: #CE181E;
  cursor: grab;
}

.route-info {
  position: absolute;
  top: 10px;
  left: 10px;
  background: white;
  padding: 10px 15px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  font-family: sans-serif;
  z-index: 1000;
}

.standard-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (min-width: 768px) {
  .standard-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.standard-item {
  max-width: 167px;
  width: 100%;
}
@media (min-width: 768px) {
  .standard-item {
    max-width: 216px;
  }
}
@media (min-width: 1200px) {
  .standard-item {
    max-width: 236px;
  }
}
.standard-item p {
  position: relative;
  padding-left: 12px;
}
.standard-item p:before {
  content: "";
  width: 4px;
  height: 4px;
  background: var(--Surface-brand, #CE181E);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  position: absolute;
}

.single-description {
  border-bottom: 1px solid var(--Border-secondary-550, #35384B);
}

.single-share {
  padding: 16px 0px;
  border-bottom: 1px solid var(--Border-Cream-200, #EEE8E3);
}

.grid-layout {
  display: grid;
  grid-template-rows: auto auto;
  gap: 0;
  height: 100%;
}
.grid-layout img {
  cursor: pointer;
}
.grid-layout .left-term {
  background: var(--Surface-Cream-100, #F5F2F0);
  padding: 8px 12px;
  text-transform: uppercase;
  position: absolute;
  left: 16px;
  top: 16px;
}
.grid-layout-1 {
  gap: 2px;
  grid-template-columns: 100%;
  grid-template-rows: 1fr;
  overflow: hidden;
}
.grid-layout-1 .left {
  grid-row: 1/1; /* rozciąga się przez oba rzędy */
  grid-column: 1/1;
}
.grid-layout-1 .right-top {
  grid-row: 1/2;
  grid-column: 2/3;
}
.grid-layout-1 .right-top img, .grid-layout-1 .right-bottom img {
  aspect-ratio: 2/1;
}
.grid-layout-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.grid-layout-2 {
  gap: 2px;
  grid-template-columns: 50% 50%;
  grid-template-rows: 1fr;
}
.grid-layout-2 .left {
  grid-row: 1/2; /* rozciąga się przez oba rzędy */
  grid-column: 1/2;
  aspect-ratio: 2/3;
}
.grid-layout-2 .right-top {
  grid-row: 1/2;
  grid-column: 2/3;
}
.grid-layout-2 .right-top img, .grid-layout-2 .right-bottom img {
  aspect-ratio: 2/1;
}
.grid-layout-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.grid-layout-3 {
  gap: 2px;
  grid-template-columns: 50% 50%;
}
.grid-layout-3 .left {
  grid-row: 1/3; /* rozciąga się przez oba rzędy */
  grid-column: 1/2;
  position: relative;
}
.grid-layout-3 .left img {
  aspect-ratio: 2/3;
}
.grid-layout-3 .right-top {
  grid-row: 1/2;
  grid-column: 2/3;
}
.grid-layout-3 .right-bottom {
  grid-row: 2/3;
  grid-column: 2/3;
  position: relative;
}
.grid-layout-3 .right-bottom-more:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  pointer-events: none;
}
.grid-layout-3 .right-top img, .grid-layout-3 .right-bottom img {
  aspect-ratio: 2/1;
}
.grid-layout-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.single-parameters {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 16px;
}
@media (min-width: 768px) {
  .single-parameters {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
}

.parameters-switch {
  background: var(--Surface-primary, #FFDF00);
  padding: 16px;
  height: 100%;
}
.parameters-switch-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
}
.parameters-switch-button {
  text-transform: uppercase;
}
.parameters-switch-button-active {
  color: var(--Text-secondary, #25273A);
}
.parameters-switch-button-disable {
  opacity: 0.5;
}
.parameters-switch #estate-link {
  display: inline-block;
  opacity: 1;
  transition: 0.3s ease;
}
.parameters-switch #estate-link.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.parameters-price {
  padding: 16px;
  background: var(--Surface-Cream-100, #F2F3F5);
  height: 100%;
}
.parameters-price-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.parameters-price-wrapper:before {
  width: 1px;
  content: "";
  position: absolute;
  left: 60%;
  transform: translateX(-50%);
  height: 100%;
  color: #BEBFC4;
  background: #BEBFC4;
  display: block;
}
.parameters-price-item {
  width: 60%;
}
.parameters-price-right {
  padding-left: 16px;
  width: 40%;
}
.parameters-location {
  padding: 16px;
  background: var(--Surface-Cream-100, #F2F3F5);
  height: 100%;
}
.parameters-location-wrapper {
  display: flex;
  flex-direction: row;
}
.parameters-location-left {
  width: 100%;
}
.parameters-location-left .p-l {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  max-width: -webkit-fill-available;
  overflow: hidden;
  width: 100%;
}
.parameters-location-right {
  max-width: 130px;
  width: 100%;
}
.parameters-location-right img {
  object-fit: cover;
  width: 100%;
}
.parameters-area {
  padding: 16px;
  background: var(--Surface-Cream-100, #F2F3F5);
  height: 100%;
}
.parameters-broshure {
  padding: 16px;
  background: var(--Surface-Cream-100, #F2F3F5);
  height: 100%;
}
.parameters-broshure-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 100%;
  row-gap: 14px;
}
.parameters-broshure-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.parameters-broshure-bottom {
  margin-top: auto;
}
.parameters-name {
  color: var(--Text-secondary, #25273A);
  font-family: Gotham;
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  letter-spacing: var(--font-spacing-0, 0px);
  opacity: 0.7;
  text-transform: uppercase;
  display: block;
}

.popup-contact {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-content: center;
  justify-content: center;
  padding-top: 24px;
  background: rgba(0, 0, 0, 0.52);
  position: fixed;
  z-index: -1;
  top: 0;
  opacity: 0;
  transition: 0.3s ease;
}
@media (min-width: 768px) {
  .popup-contact {
    padding-top: unset;
  }
}
.popup-contact.--visible {
  z-index: 999999;
  opacity: 1;
  top: 0;
  bottom: 0;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
}
.popup-contact .date-wrapper {
  padding: var(--Spacing-l, 16px);
  background: var(--Surface-Cream-100, #F5F2F0);
}

.popup-contact-message {
  max-width: 774px;
  width: 90vw;
  padding: 16px;
  background-color: #FFF;
  height: fit-content;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .popup-contact-message {
    padding: 24px;
  }
}
@media (min-width: 1980px) {
  .popup-contact-message {
    max-width: 996px;
  }
}
.popup-contact-message input, .popup-contact-message textarea {
  border: 1px solid #EEE8E3;
}
.popup-contact-message-close {
  margin-bottom: 16px;
  text-align: right;
}
@media (min-width: 576px) {
  .popup-contact-message-close {
    margin-bottom: 36px;
  }
}
.popup-contact-message-close svg {
  cursor: pointer;
  transform: rotate(0deg);
  transition: 0.3s ease;
}
.popup-contact-message-close svg:hover {
  transform: rotate(90deg);
}
@media (min-width: 992px) {
  .popup-contact-message-wrapper > form {
    padding: 0 32px;
  }
}
@media (min-width: 1200px) {
  .popup-contact-message-wrapper > form {
    padding: 0 64px;
  }
}
.popup-contact-message-wrapper .InputWrap--right input[type=text], .popup-contact-message-wrapper .InputWrap--right input[type=email] {
  padding: 8px 50px 8px 16px;
}
@media (min-width: 576px) {
  .popup-contact-message-wrapper .InputWrap--right input[type=text], .popup-contact-message-wrapper .InputWrap--right input[type=email] {
    padding: 16px 50px 16px 16px;
  }
}
.popup-contact-message-wrapper .InputWrap input[type=date], .popup-contact-message-wrapper .InputWrap input[type=time] {
  padding: 8px 16px 8px 16px;
}
@media (min-width: 576px) {
  .popup-contact-message-wrapper .InputWrap input[type=date], .popup-contact-message-wrapper .InputWrap input[type=time] {
    padding: 16px 16px 16px 16px;
  }
}
.popup-contact-message-wrapper .InputWrap--right .InputPlaceholder {
  bottom: 12px;
}
@media (min-width: 576px) {
  .popup-contact-message-wrapper .InputWrap--right .InputPlaceholder {
    bottom: 18px;
  }
}

.single-service {
  position: relative;
  padding: 32px 0;
}
@media (min-width: 768px) {
  .single-service {
    padding: 64px 0;
  }
}
@media (min-width: 1200px) {
  .single-service {
    padding: 100px 0;
  }
}
.single-service-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.single-service-bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.single-service-bg:after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.41) 37.07%);
  position: absolute;
  top: 0;
  left: 0;
}

.single-services-2-title {
  background-color: #FFDF00;
}
.single-services-2-icon {
  flex: 100px 0 0;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--Surface-primary, #FFDF00);
}

.box-services {
  position: relative;
  aspect-ratio: 1/1;
}
.box-services > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box-services-content {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
}
.box-services-more {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding: 32px 24px;
  border: 1px solid var(--Border-Cream-200, #EEE8E3);
  background: var(--Surface-page, #FFF);
  box-shadow: 0px 246px 69px 0px rgba(85, 68, 68, 0), 0px 158px 63px 0px rgba(85, 68, 68, 0.01), 0px 89px 53px 0px rgba(85, 68, 68, 0.05), 0px 40px 39px 0px rgba(85, 68, 68, 0.09), 0px 12px 22px 0px rgba(85, 68, 68, 0.1);
}
@media (min-width: 768px) {
  .box-services-more {
    padding: 48px 32px;
  }
}
.box-services-more a {
  margin-top: auto;
}
.box-services-bigContent {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
.box-services-bigContent p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  align-self: stretch;
  overflow: hidden;
}

.favorite-title {
  position: relative;
  padding: 32px 0;
}
@media (min-width: 768px) {
  .favorite-title {
    padding: 64px 0;
  }
}
@media (min-width: 1200px) {
  .favorite-title {
    padding: 64px 0;
  }
}
@media (min-width: 1980px) {
  .favorite-title {
    padding: 64px 0;
  }
}
.favorite-title-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.favorite-title-bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: bottom;
}
.favorite-title-bg:after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.41) 60.07%);
  position: absolute;
  top: 0;
  left: 0;
}
.favorite-title-bg.--nolight {
  background-color: #22415d;
}
.favorite-title-bg.--nolight:after {
  background: unset;
}

.favorite-list-counter .--number {
  display: flex;
  padding: var(--Spacing-xs, 4px) var(--Spacing-m, 12px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: var(--Surface-brand, #CE181E);
  color: var(--Text-action-invert, #FFF);
}
.favorite-list-item {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--Border-Cream-200, #EEE8E3);
  width: 100%;
}
.favorite-list-item-image {
  width: 120px;
  aspect-ratio: 1/1;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .favorite-list-item-image {
    width: 160px;
  }
}
.favorite-list-item-image a {
  width: 100%;
  height: 100%;
  display: block;
}
.favorite-list-item-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
  position: absolute;
  transition: 0.3s ease;
}
.favorite-list-item-image img:hover {
  transform: scale(1.1);
}
.favorite-list-item-delete svg path {
  fill: #D8494E;
}
.favorite-list-item-delete span {
  color: #D8494E;
}
.favorite-list-item-delete:hover svg path {
  fill: #913539;
}
.favorite-list-item-delete:hover span {
  color: #913539;
}
.favorite-list-item-delete .c-btn-text:after {
  background: #913539;
  bottom: -4px;
}
.favorite-list-item-content-row .--type {
  min-width: 82px;
}
@media (min-width: 576px) {
  .favorite-list-item-content-row .--type {
    min-width: 120px;
  }
}

.favorite-wrapper {
  background: var(--Surface-primary, #FFDF00);
  padding: 24px;
  position: relative;
}

.favorite-grid {
  display: flex;
  gap: 32px;
  flex-direction: column;
  align-items: center;
}

#icon-step2, #icon-step3, #icon-step4 {
  opacity: 0;
  visibility: hidden;
  display: none;
}

#loadingScreen {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  inset: 0;
  background: var(--Surface-Blue-100, #F2F3F5);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 24px;
  box-shadow: 0 246px 69px 0 rgba(85, 68, 68, 0), 0 158px 63px 0 rgba(85, 68, 68, 0.01), 0 89px 53px 0 rgba(85, 68, 68, 0.05), 0 40px 39px 0 rgba(85, 68, 68, 0.09), 0 12px 22px 0 rgba(85, 68, 68, 0.1);
}

#favorite-form {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

#favorite-send {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  background: var(--Surface-Blue-100, #F2F3F5);
  box-shadow: 0 246px 69px 0 rgba(85, 68, 68, 0), 0 158px 63px 0 rgba(85, 68, 68, 0.01), 0 89px 53px 0 rgba(85, 68, 68, 0.05), 0 40px 39px 0 rgba(85, 68, 68, 0.09), 0 12px 22px 0 rgba(85, 68, 68, 0.1);
}
#favorite-send img {
  max-height: 240px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#favorite-send button {
  margin-top: auto;
}

#favorite-thanks {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  background: var(--Surface-Blue-100, #F2F3F5);
  box-shadow: 0 246px 69px 0 rgba(85, 68, 68, 0), 0 158px 63px 0 rgba(85, 68, 68, 0.01), 0 89px 53px 0 rgba(85, 68, 68, 0.05), 0 40px 39px 0 rgba(85, 68, 68, 0.09), 0 12px 22px 0 rgba(85, 68, 68, 0.1);
  height: 100%;
  justify-content: space-between;
}

.favorite-form {
  padding: var(--Spacing-xl, 24px);
  background: var(--Surface-Blue-100, #F2F3F5);
  box-shadow: 0px 246px 69px 0px rgba(85, 68, 68, 0), 0px 158px 63px 0px rgba(85, 68, 68, 0.01), 0px 89px 53px 0px rgba(85, 68, 68, 0.05), 0px 40px 39px 0px rgba(85, 68, 68, 0.09), 0px 12px 22px 0px rgba(85, 68, 68, 0.1);
}
.favorite-form-1 {
  border-bottom: 1px solid var(--Border-disabled, #C0C0C0);
}
.favorite-form-2 {
  border-bottom: 1px solid var(--Border-disabled, #C0C0C0);
}
.favorite-form-versus {
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.favorite-form-versus svg {
  transition: 0.3s;
}
.favorite-form-versus:hover svg {
  transform: scale(1.1);
}
.favorite-form .InputWrap--right input[type=text], .favorite-form .InputWrap--right input[type=search], .favorite-form .InputWrap--right input[type=search]::-webkit-search-cancel-button, .favorite-form .InputWrap--right input[type=search]::-webkit-search-decoration, .favorite-form .InputWrap--right input[type=url], .favorite-form .InputWrap--right input[type=number], .favorite-form .InputWrap--right input[type=email], .favorite-form .InputWrap--right input[type=password] {
  padding: 9px 50px 9px 16px;
  border: unset;
}
.favorite-form-generator {
  display: flex;
  gap: 32px;
  flex-direction: column;
}
.favorite-form-header {
  display: flex;
  gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#google-favorite-map {
  width: 100%;
  aspect-ratio: 1/1;
}
@media (min-width: 576px) {
  #google-favorite-map {
    height: 485px;
    aspect-ratio: unset;
  }
}
@media (min-width: 992px) {
  #google-favorite-map {
    height: 600px;
  }
}

.favorite-popup {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-content: center;
  justify-content: center;
  padding-top: 24px;
  background: rgba(0, 0, 0, 0.52);
  position: fixed;
  z-index: -1;
  top: 0;
  opacity: 0;
  transition: 0.3s ease;
  align-items: center;
}
@media (min-width: 768px) {
  .favorite-popup {
    align-items: center;
    padding-top: unset;
  }
}
.favorite-popup.--visible {
  z-index: 999999;
  opacity: 1;
  top: 0;
  bottom: 0;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
}
.favorite-popup-wrapper {
  max-width: 740px;
  width: 90%;
  background: #FFF;
  padding: var(--Spacing-3xl, 48px) var(--Spacing-xl, 24px) var(--Spacing-xl, 24px) var(--Spacing-xl, 24px);
}
.favorite-popup-email {
  background: var(--Surface-primary, #FFDF00);
}

.error-list-qty {
  color: #D8494E;
}

.error-list-communicat {
  border: 2px solid var(--Icon-brand, #CE181E);
  background: var(--Surface-page, #FFF);
  display: flex;
  padding: var(--Spacing-l, 16px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-l, 16px);
}

.bg-yellow {
  background: var(--Surface-primary, #FFDF00);
}

#favorite-counter {
  position: relative;
}

.favorite-count {
  background: #ffdf00;
  padding: 4px;
  font-size: 12px;
  border-radius: 50px;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  line-height: 18px;
  justify-content: center;
}

.intelligent-tools-card {
  background: var(--Surface-Cream-100, #F5F2F0);
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
}
@media (min-width: 576px) {
  .intelligent-tools-card {
    aspect-ratio: unset;
  }
}
@media (min-width: 992px) {
  .intelligent-tools-card {
    aspect-ratio: 1;
  }
}
.intelligent-tools-card:hover img {
  scale: 1.03;
}
.intelligent-tools-card-wrapper {
  padding: var(--Spacing-2xl, 32px);
  flex-direction: column;
}
@media (min-width: 576px) {
  .intelligent-tools-card-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
.intelligent-tools-card-wrapper img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  bottom: -80px;
  transition: 0.3s ease;
  scale: 1;
}
@media (min-width: 576px) {
  .intelligent-tools-card-wrapper img {
    position: relative;
    transform: unset;
    width: 50%;
    left: unset;
    bottom: -32px;
  }
}
@media (min-width: 992px) {
  .intelligent-tools-card-wrapper img {
    position: absolute;
    transform: translateX(-50%);
    width: 90%;
    bottom: -33px;
    left: 50%;
  }
}
.intelligent-tools-card.--2 {
  background: var(--Surface-secondary, #25273A);
  overflow: hidden;
}
.intelligent-tools-card.--2 h4 {
  color: #fff;
}
.intelligent-tools-card.--2 img {
  left: unset;
  transform: unset;
  right: 0;
  width: 99%;
  bottom: -80px;
}
@media (min-width: 576px) {
  .intelligent-tools-card.--2 img {
    position: relative;
    transform: unset;
    width: 52%;
    left: unset;
    right: -32px;
    bottom: -32px;
  }
}
@media (min-width: 992px) {
  .intelligent-tools-card.--2 img {
    left: unset;
    transform: unset;
    right: 0;
    width: 99%;
    position: absolute;
    bottom: -80px;
  }
}
.intelligent-tools-card.--4 {
  background: var(--Surface-secondary, #FFDF00);
}

@media (max-width: 575.98px) {
  .tools-section .tools-section-image {
    height: 284px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 575.98px) {
  .tools-section .--1 {
    background: #ffdf00;
    padding-bottom: 32px;
  }
}
@media (max-width: 575.98px) {
  .tools-section .--2 {
    background: #f6f2f1;
    padding-bottom: 32px;
  }
}
@media (max-width: 575.98px) {
  .tools-section .--3 {
    background: #26273b;
    padding-bottom: 32px;
  }
  .tools-section .--3 h2 {
    color: #fff;
  }
}
@media (max-width: 575.98px) {
  .tools-section .--4 {
    background: #f6f2f1;
    padding-bottom: 32px;
  }
}
@media (max-width: 575.98px) {
  .tools-section .--5 {
    background: #ffdf00;
    padding-bottom: 32px;
  }
}
@media (max-width: 575.98px) {
  .tools-section .c-btn-outline {
    background: #fff;
  }
}

.pills {
  margin-top: 8px;
}

.pill {
  display: inline-block;
  margin: 5px 5px 0 0;
  padding: 6px 12px;
  border-radius: 20px;
  cursor: pointer;
  color: #000;
  border-radius: var(--Radius-round, 1000px);
  border: 1px solid var(--Border-secondary-550, #35384B);
  background: #FFF;
  /* L/Regular */
  font-family: var(--font-family-body, Arial);
  font-size: var(--font-size-l, 16px);
  font-style: normal;
  font-weight: 350;
  line-height: var(--font-line-height-m, 22px); /* 140% */
  letter-spacing: var(--font-spacing-0, 0px);
}

.pill:hover {
  background: #ccc;
}

#chat-output .bot.fact-text {
  background: var(--Surface-yellow-100, #FFFCE6);
}

.fact-text > div {
  color: var(--Text-body, #0A0A0D);
  font-family: Gotham;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  font-weight: 500;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  font-size: 14px;
  font-weight: 325;
}
@media (min-width: 992px) {
  .fact-text > div {
    font-size: 14px;
    line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  }
}
@media (min-width: 1980px) {
  .fact-text > div {
    font-size: 16px;
    line-height: var(--font-line-height-xs, 24px); /* 150% */
  }
}

#send-btn[disabled] {
  opacity: 0.6;
  cursor: default !important;
}

.fact-text > div:first-of-type {
  color: var(--Text-secondary-500, #93949E);
  /* M/Light */
  font-family: var(--font-family-body, Arial);
  font-size: var(--font-size-m, 16px);
  font-style: normal;
  font-weight: var(--font-weight-book, 325);
  line-height: var(--font-line-height-s, 24px); /* 150% */
  letter-spacing: var(--font-spacing-0, 0px);
}

.qty-quest {
  color: var(--Text-secondary-500, #93949E);
  /* M/Light */
  font-family: var(--font-family-body, Arial);
  font-size: var(--font-size-m, 16px);
  font-style: normal;
  font-weight: var(--font-weight-book, 325);
  line-height: var(--font-line-height-s, 24px); /* 150% */
  letter-spacing: var(--font-spacing-0, 0px);
}

#ai-chat {
  width: 100%;
  margin: auto;
  margin-top: 48px;
  margin-bottom: 48px;
  box-shadow: 0px 204px 57px 0px rgba(204, 199, 199, 0), 0px 131px 52px 0px rgba(204, 199, 199, 0.01), 0px 73px 44px 0px rgba(204, 199, 199, 0.05), 0px 33px 33px 0px rgba(204, 199, 199, 0.09), 0px 8px 18px 0px rgba(204, 199, 199, 0.1);
  position: relative;
}
#ai-chat #send-btn {
  bottom: 10px;
  position: absolute;
  right: 12px;
  top: unset;
  transform: unset;
  background: transparent;
  border: unset;
  cursor: pointer;
}
@media (min-width: 992px) {
  #ai-chat #send-btn {
    bottom: 18px;
  }
}

.user {
  color: green;
  margin-bottom: 5px;
}

#chat-output-calc {
  height: 500px;
  overflow-Y: scroll;
  background: var(--Surface-Cream-100, #F2F3F5);
  padding: 24px;
}
@media (min-width: 1980px) {
  #chat-output-calc {
    height: 700px;
  }
}

#ai-chat.mobile-mode {
  position: fixed;
  z-index: -1;
  height: 100svh;
  bottom: 0px;
  opacity: 0;
  left: 0;
  margin-top: unset;
  margin-bottom: unset;
  transition: 0.3s ease;
}
#ai-chat.mobile-mode::before {
  content: "";
  position: fixed;
  height: 100svh;
  width: 100%;
  top: 0px;
  left: 0;
  background: rgba(0, 0, 0, 0.6784313725);
  z-index: -1;
  backdrop-filter: blur(20px);
}
#ai-chat.mobile-mode #chat-output-calc {
  padding: 16px;
  height: 100%;
}
#ai-chat.mobile-mode #chat-input {
  padding: 12px;
  background: #fff;
}
#ai-chat.mobile-mode #ai-calculate.show {
  overflow-y: scroll;
  height: 100%;
}
#ai-chat.mobile-mode .filter-content {
  max-height: unset;
  height: 100%;
  position: fixed;
  top: 0;
}
#ai-chat.mobile-mode .ai-chat-header {
  padding: 12px 16 px 12px 16px;
}
#ai-chat.mobile-mode .ai-chat-header-close {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 3;
}
#ai-chat.mobile-mode.show {
  opacity: 1;
  z-index: 99;
}

#chat-input {
  width: 100%;
  padding: 24px;
}

#chat-input[disabled] {
  opacity: 0.7;
}

#chat-output-calc .bot {
  color: #000;
  background: #FFF;
  padding: var(--Spacing-m, 12px);
  border-radius: var(--Radius-null, 0px) var(--Radius-l, 16px) var(--Radius-l, 16px) var(--Radius-l, 16px);
  width: fit-content;
  color: var(--Text-body, #0A0A0D);
  margin-bottom: 12px;
  font-family: Gotham;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  font-weight: 500;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  font-size: 14px;
  font-weight: 325;
}
#chat-output-calc .bot h1 {
  display: inline-block;
  font-size: 48px;
  font-family: "Gotham";
  font-style: normal;
  letter-spacing: var(--font-spacing--2, -2px);
  line-height: 56px;
  font-weight: 350;
  font-family: "Gotham";
  font-weight: 350;
  margin: 32px 0;
}
@media (min-width: 992px) {
  #chat-output-calc .bot h1 {
    font-size: var(--font-size-6xl, 64px);
    line-height: var(--font-line-height-4xl, 72px); /* 112.5% */
  }
}
@media (min-width: 1980px) {
  #chat-output-calc .bot h1 {
    font-size: var(--font-size-6xl, 80px);
    line-height: var(--font-line-height-4xl, 80px); /* 100% */
  }
}
#chat-output-calc .bot h1.fw-lighter {
  font-weight: 100;
}
#chat-output-calc .bot h1 strong {
  font-weight: bold;
}
#chat-output-calc .bot h2 {
  display: inline-block;
  font-family: Gotham;
  letter-spacing: var(--font-spacing--1, -1px);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  font-family: "Gotham";
  font-weight: 350;
  margin: 20px 0;
}
@media (min-width: 992px) {
  #chat-output-calc .bot h2 {
    font-size: var(--font-size-4xl, 48px);
    line-height: var(--font-line-height-2xl, 52px); /* 108.333% */
  }
}
@media (min-width: 1980px) {
  #chat-output-calc .bot h2 {
    font-size: var(--font-size-4xl, 56px);
    line-height: var(--font-line-height-2xl, 64px); /* 114.286% */
  }
}
#chat-output-calc .bot h2.fw-lighter {
  font-weight: 100;
}
#chat-output-calc .bot h2 strong {
  font-weight: bold;
}
#chat-output-calc .bot h3 {
  font-family: "Gotham";
  letter-spacing: var(--font-spacing--1, -1px);
  font-style: normal;
  font-size: 28px;
  font-weight: 350;
  line-height: 30px;
  font-family: "Gotham";
  font-weight: 350;
  margin: 12px 0;
}
@media (min-width: 992px) {
  #chat-output-calc .bot h3 {
    font-size: var(--font-size-3xl, 40px);
    line-height: var(--font-line-height-2xl, 52px); /* 130% */
  }
}
@media (min-width: 1980px) {
  #chat-output-calc .bot h3 {
    font-size: var(--font-size-3xl, 48px);
    line-height: var(--font-line-height-2xl, 64px); /* 133.333% */
  }
}
#chat-output-calc .bot h3.fw-lighter {
  font-weight: 100;
}
#chat-output-calc .bot h3 strong {
  font-weight: bold;
}
#chat-output-calc .bot h4 {
  font-family: "Gotham";
  font-size: 20px;
  font-weight: 350;
  line-height: 28px; /* 112.5% */
  letter-spacing: var(--font-spacing--1, -1px);
  font-style: normal;
  font-family: "Gotham";
  font-weight: 350;
  margin: 8px 0;
}
@media (min-width: 992px) {
  #chat-output-calc .bot h4 {
    font-size: var(--font-size-2xl, 32px);
    line-height: var(--font-line-height-l, 36px); /* 112.5% */
  }
}
@media (min-width: 1980px) {
  #chat-output-calc .bot h4 {
    font-size: var(--font-size-2xl, 40px);
    line-height: var(--font-line-height-l, 44px); /* 110% */
  }
}
#chat-output-calc .bot h4.fw-lighter {
  font-weight: 100;
}
#chat-output-calc .bot h4 strong {
  font-weight: bold;
}
#chat-output-calc .bot p, #chat-output-calc .bot ul, #chat-output-calc .bot li {
  font-family: Gotham;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  font-weight: 500;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  font-size: 14px;
  font-weight: 325;
  margin: 4px 0;
}
@media (min-width: 992px) {
  #chat-output-calc .bot p, #chat-output-calc .bot ul, #chat-output-calc .bot li {
    font-size: 14px;
    line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  }
}
@media (min-width: 1980px) {
  #chat-output-calc .bot p, #chat-output-calc .bot ul, #chat-output-calc .bot li {
    font-size: 16px;
    line-height: var(--font-line-height-xs, 24px); /* 150% */
  }
}
#chat-output-calc .bot a {
  text-decoration: underline;
  font-weight: bolder;
}
@media (min-width: 992px) {
  #chat-output-calc .bot {
    font-size: 14px;
    line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  }
}
@media (min-width: 1980px) {
  #chat-output-calc .bot {
    font-size: 16px;
    line-height: var(--font-line-height-xs, 24px); /* 150% */
  }
}

#chat-output-calc .user {
  color: #000;
  background: var(--Surface-secondary, #25273A);
  padding: var(--Spacing-m, 12px);
  border-radius: var(--Radius-null, 16px) var(--Radius-l, 0px) var(--Radius-l, 16px) var(--Radius-l, 16px);
  width: fit-content;
  color: var(--Text-body, #FFF);
  margin-left: auto;
  font-family: Gotham;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  font-weight: 500;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  font-size: 14px;
  font-weight: 325;
}
@media (min-width: 992px) {
  #chat-output-calc .user {
    font-size: 14px;
    line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  }
}
@media (min-width: 1980px) {
  #chat-output-calc .user {
    font-size: 16px;
    line-height: var(--font-line-height-xs, 24px); /* 150% */
  }
}

.ai-chat-header {
  width: 100%;
  display: flex;
  gap: 16px;
  padding: 24px;
  background: var(--Surface-primary, #FFDF00);
  align-items: center;
}

/* Chat message appear animation */
@keyframes chatAppear {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.bot {
  opacity: 0;
  animation: chatAppear 0.4s ease-out forwards;
}

.bot-label {
  font-size: 12px;
  color: #555;
  margin: 0 0 4px 0;
  font-weight: 500;
  color: var(--Text-body, #0A0A0D);
  margin-bottom: 8px;
  /* S/Bold */
  font-family: var(--font-family-body, Arial);
  font-size: var(--font-size-s, 14px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 600);
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  letter-spacing: var(--font-spacing-0, 0px);
}

.user-label {
  margin-bottom: 8px;
  font-size: 12px;
  color: #999;
  margin: 12px 0 4px 0;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--Text-body, #0A0A0D);
  /* S/Bold */
  font-family: var(--font-family-body, Arial);
  font-size: var(--font-size-s, 14px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 600);
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  letter-spacing: var(--font-spacing-0, 0px);
  margin-left: auto;
  width: fit-content;
}

.typing-indicator {
  display: flex;
  gap: 4px;
  padding: 8px 12px;
  align-items: center;
}

.typing-text {
  position: absolute;
  white-space: nowrap;
  left: 87px;
  opacity: 0;
  transform: translateX(-16px);
  transition: opacity 0.35s ease, transform 0.35s ease;
  color: #999; /* fallback */
}

.typing-text.show {
  opacity: 1;
  transform: translateX(0);
  /* animated gradient through text */
  background: linear-gradient(90deg, #999 0%, #c5c5c5 50%, #999 100%);
  background-size: 300% 100%;
  -webkit-background-clip: text; /* Safari */
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: textShimmer 2.2s ease-in-out infinite; /* pulsuje */
}

@keyframes textShimmer {
  0% {
    background-position: 0% 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0% 0;
  }
}
.typing-indicator span {
  width: 6px;
  height: 6px;
  background: #999;
  border-radius: 50%;
  animation: blink 1.2s infinite;
}

.typing-indicator span:nth-child(2) {
  animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes blink {
  0%, 80%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }
  40% {
    opacity: 1;
    transform: scale(1.5);
  }
}
#ai-summary {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  background: #F2F3F5;
  transition: 0.6s ease;
}
#ai-summary.show {
  opacity: 1;
  z-index: 2;
  transition: 0.6s ease;
  overflow-y: scroll;
}
#ai-summary .gabinety .calculator-person {
  display: none !important;
}
#ai-summary .open-space .calculator-offices {
  display: none !important;
}

#ai-calculate {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  background: #F2F3F5;
  transition: 0.6s ease;
  display: flex;
  flex-direction: column;
}
#ai-calculate.show {
  opacity: 1;
  z-index: 3;
  transition: 0.6s ease;
  height: fit-content;
  min-height: 100%;
}
#ai-calculate .gabinety .calculator-person {
  display: none !important;
}
#ai-calculate .open-space .calculator-offices {
  display: none !important;
}
@media (min-width: 576px) {
  #ai-calculate .filter-content {
    max-height: 220px;
  }
}

.calculator-mobile-wrapper {
  padding: var(--Spacing-2xl, 32px) var(--Spacing-l, 16px);
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-xl, 24px);
  background: var(--Surface-Blue-100, #F2F3F5);
}
.calculator-mobile-wrapper img {
  box-shadow: 0 246px 69px 0 rgba(85, 68, 68, 0), 0 158px 63px 0 rgba(85, 68, 68, 0.01), 0 89px 53px 0 rgba(85, 68, 68, 0.05), 0 40px 39px 0 rgba(85, 68, 68, 0.09), 0 12px 22px 0 rgba(85, 68, 68, 0.1);
}

.ai-calculate-wrapper {
  padding: 32px;
}
.ai-calculate-wrapper .kitchen-reception.no-kitchen .kitchen-reception-kitchen {
  display: none;
}
.ai-calculate-wrapper .kitchen-reception.no-kitchen .kitchen-reception-and {
  display: none;
}
.ai-calculate-wrapper .kitchen-reception.no-reception .kitchen-reception-reception {
  display: none;
}
.ai-calculate-wrapper .kitchen-reception.no-reception .kitchen-reception-and {
  display: none;
}
.ai-calculate-header {
  width: 100%;
  display: flex;
  gap: 16px;
  background: var(--Surface-primary, #FFDF00);
  align-items: center;
  padding: 12px;
}
@media (min-width: 576px) {
  .ai-calculate-header {
    padding: 24px;
  }
}
.ai-calculate-result {
  display: flex;
  justify-content: center;
}
.ai-calculate-result-wrapper {
  background: var(--Surface-primary, #FFDF00);
  display: flex;
  padding: var(--Spacing-l, 16px) var(--Spacing-xl, 24px);
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-s, 8px);
  width: max-content;
}
.ai-calculate-content {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}
.ai-calculate-content .c-value {
  padding: var(--Spacing-xs, 4px) var(--Spacing-s, 8px);
  background: #FFF;
}

.ai-summary-wrapper {
  padding: 16px;
  min-height: calc(100% - 90px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 64px;
}
@media (min-width: 576px) {
  .ai-summary-wrapper {
    padding: 32px;
  }
}
.ai-summary-wrapper .btn-calculate {
  display: flex;
  padding: var(--Spacing-xs, 4px) var(--Spacing-xl, 24px);
  align-items: center;
  border-radius: var(--Radius-round, 1000px);
  border: 1px solid var(--Border-secondary-550, #35384B);
  background: var(--Surface-page, #FFF);
  color: #000;
  transition: 0.3s ease;
  justify-content: center;
  opacity: 1;
  cursor: pointer;
}
.ai-summary-wrapper .btn-calculate:hover {
  background: #35384B;
  border: 1px solid #35384B;
  color: white;
}
@media (max-width: 575.98px) {
  .ai-summary-wrapper .btn-calculate {
    padding: var(--Spacing-xs, 4px) var(--Spacing-xl, 12px);
  }
  .ai-summary-wrapper .btn-calculate span {
    font-size: 14px !important;
  }
}
.ai-summary-wrapper .btn-calculate.disabled {
  pointer-events: none;
  opacity: 0.3;
}
.ai-summary-header {
  width: 100%;
  display: flex;
  gap: 16px;
  background: var(--Surface-primary, #FFDF00);
  align-items: center;
  padding: 12px;
}
@media (min-width: 576px) {
  .ai-summary-header {
    padding: 24px;
  }
}
.ai-summary-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ai-summary-content input {
  width: 64px;
  padding: unset;
  padding-left: 8px;
  border: 2px solid #FFDF00;
  color: #000;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2882352941);
  transition: 0.3s ease;
  background: #FFF;
}
.ai-summary-content input[disabled] {
  border: 2px solid #c5c5c5;
  box-shadow: unset;
  transition: 0.3s ease;
}

@media (max-width: 575.98px) {
  .ai-calculate-buttons span {
    font-size: 14px !important;
  }
}
.ai-calculate-buttons-city {
  max-width: 600px;
  width: 100%;
}
.ai-calculate-buttons-city .filter-header {
  padding: 12px 37px 12px 16px;
}
.ai-calculate-buttons-city .filter-header span {
  text-wrap: nowrap;
  width: 100%;
  overflow: hidden;
  display: block;
}

#ai-chat-agent {
  width: 100%;
  margin-left: auto;
  margin-right: unset;
  box-shadow: 0px 204px 57px 0px rgba(204, 199, 199, 0), 0px 131px 52px 0px rgba(204, 199, 199, 0.01), 0px 73px 44px 0px rgba(204, 199, 199, 0.05), 0px 33px 33px 0px rgba(204, 199, 199, 0.09), 0px 8px 18px 0px rgba(204, 199, 199, 0.1);
  transition: 0.3s ease;
  position: fixed;
  top: 50px;
  right: 0;
  z-index: 3;
  height: calc(100dvh - 50px);
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  #ai-chat-agent {
    width: 380px;
    max-width: 90%;
    top: 124px;
    height: auto;
  }
}
@media (min-width: 992px) {
  #ai-chat-agent {
    width: 580px;
  }
}

#ai-chat-agent.--hidden {
  transform: translateX(100%);
}

#ai-chat-agent.--hidden .ai-chat-header {
  transform: translateX(-56px);
}
@media (min-width: 1200px) {
  #ai-chat-agent.--hidden .ai-chat-header {
    transform: translateX(-66px);
  }
}

.tooltip-chat {
  position: absolute;
  top: 30px;
  right: 0;
  width: max-content;
  opacity: 0;
  z-index: -1;
  padding: var(--Spacing-xs, 4px) var(--Spacing-s, 8px);
  border-radius: var(--Radius-xs, 4px);
  background: var(--Base-900, #000);
  color: #fff;
  transition: 0.3s ease;
}

.hidden-button {
  display: flex;
  gap: 8px;
  color: var(--Text-headline, #000);
  /* S/Regular */
  font-family: var(--font-family-body, Arial);
  font-size: var(--font-size-s, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  letter-spacing: var(--font-spacing-0, 0px);
  background: transparent;
  border: unset;
  cursor: pointer;
  align-items: center;
}
.hidden-button::before {
  content: "";
  width: 36px;
  height: 36px;
  position: absolute;
  left: 50%;
  background: rgba(0, 0, 0, 0);
  border-radius: 999px;
  transform: translateX(-50%);
  transition: 0.3s ease;
}
.hidden-button.--active .tooltip-chat {
  opacity: 1;
  z-index: 3;
}
.hidden-button.--active.hidden-button:before {
  background: rgba(0, 0, 0, 0.231372549);
}

@keyframes pulseHiddenBtn {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
#ai-chat-agent.--hidden .ai-chat-header-text {
  cursor: pointer;
}

@media (min-width: 992px) {
  #ai-chat-agent.--hidden .ai-chat-header:hover {
    transform: translateX(-300px);
  }
}
@media (min-width: 1980px) {
  #ai-chat-agent.--hidden .ai-chat-header:hover {
    transform: translateX(-324px);
  }
}

/* English comment: temporary intro animation */
#ai-chat-agent.--hidden .ai-chat-header.intro-slide {
  transform: translateX(-300px);
}
@media (min-width: 1980px) {
  #ai-chat-agent.--hidden .ai-chat-header.intro-slide {
    transform: translateX(-324px);
  }
}

#ai-chat-agent .user {
  margin-bottom: 12px;
}
#ai-chat-agent #chat-output {
  height: 100%;
  overflow-Y: scroll;
  background: var(--Surface-Cream-100, #F5F2F0);
  padding: 24px;
}
@media (min-width: 576px) {
  #ai-chat-agent #chat-output {
    height: 500px;
    max-height: 50svh;
  }
}
#ai-chat-agent #chat-input {
  width: 100%;
  padding: 14px 40px 14px 24px;
}
#ai-chat-agent .ai-action-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
#ai-chat-agent .show-results-btn, #ai-chat-agent .continue-btn {
  display: flex;
  padding: var(--Spacing-xs, 4px) var(--Spacing-xl, 24px);
  align-items: center;
  border-radius: var(--Radius-round, 1000px);
  border: 1px solid var(--Border-secondary-550, #35384B);
  background: var(--Surface-page, #FFF);
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
  transition: 0.3s ease;
}
@media (min-width: 992px) {
  #ai-chat-agent .show-results-btn, #ai-chat-agent .continue-btn {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  #ai-chat-agent .show-results-btn, #ai-chat-agent .continue-btn {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
  }
}
#ai-chat-agent .show-results-btn:hover, #ai-chat-agent .continue-btn:hover {
  background: var(--Surface-page, #ebebeb);
}
#ai-chat-agent #chat-output .bot {
  color: #000;
  background: #FFF;
  padding: var(--Spacing-m, 12px);
  border-radius: var(--Radius-null, 0px) var(--Radius-l, 16px) var(--Radius-l, 16px) var(--Radius-l, 16px);
  width: fit-content;
  color: var(--Text-body, #0A0A0D);
  margin-bottom: 12px;
  font-family: Gotham;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  font-weight: 500;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  font-size: 14px;
  font-weight: 325;
}
#ai-chat-agent #chat-output .bot h1 {
  display: inline-block;
  font-family: "Gotham";
  font-size: 20px;
  font-weight: 350;
  line-height: 28px; /* 112.5% */
  letter-spacing: var(--font-spacing--1, -1px);
  font-style: normal;
}
@media (min-width: 992px) {
  #ai-chat-agent #chat-output .bot h1 {
    font-size: var(--font-size-2xl, 32px);
    line-height: var(--font-line-height-l, 36px); /* 112.5% */
  }
}
@media (min-width: 1980px) {
  #ai-chat-agent #chat-output .bot h1 {
    font-size: var(--font-size-2xl, 40px);
    line-height: var(--font-line-height-l, 44px); /* 110% */
  }
}
#ai-chat-agent #chat-output .bot h1.fw-lighter {
  font-weight: 100;
}
#ai-chat-agent #chat-output .bot h1 strong {
  font-weight: bold;
}
#ai-chat-agent #chat-output .bot h2 {
  display: inline-block;
  font-family: "Gotham";
  font-size: 20px;
  font-weight: 350;
  line-height: 28px; /* 112.5% */
  letter-spacing: var(--font-spacing--1, -1px);
  font-style: normal;
  font-family: "Gotham";
  font-weight: 350;
  margin: 12px 0;
}
@media (min-width: 992px) {
  #ai-chat-agent #chat-output .bot h2 {
    font-size: var(--font-size-2xl, 32px);
    line-height: var(--font-line-height-l, 36px); /* 112.5% */
  }
}
@media (min-width: 1980px) {
  #ai-chat-agent #chat-output .bot h2 {
    font-size: var(--font-size-2xl, 40px);
    line-height: var(--font-line-height-l, 44px); /* 110% */
  }
}
#ai-chat-agent #chat-output .bot h2.fw-lighter {
  font-weight: 100;
}
#ai-chat-agent #chat-output .bot h2 strong {
  font-weight: bold;
}
#ai-chat-agent #chat-output .bot h3 {
  font-style: normal;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  line-height: var(--font-line-height-m, 28px); /* 160% */
  font-family: "Gotham";
  font-weight: 350;
  margin: 12px 0;
}
@media (min-width: 992px) {
  #ai-chat-agent #chat-output .bot h3 {
    font-size: 24px;
    line-height: var(--font-line-height-m, 28px); /* 116.667% */
  }
}
@media (min-width: 1980px) {
  #ai-chat-agent #chat-output .bot h3 {
    font-size: 28px;
    line-height: var(--font-line-height-m, 32px); /* 114.286% */
  }
}
#ai-chat-agent #chat-output .bot h3.fw-lighter {
  font-weight: 100;
}
#ai-chat-agent #chat-output .bot h3 strong {
  font-weight: bold;
}
#ai-chat-agent #chat-output .bot h4 {
  font-size: 18px;
  font-family: Gotham;
  font-style: normal;
  font-weight: 500;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: 28px; /* 177.778% */
  font-family: "Gotham";
  font-weight: 350;
  margin: 8px 0;
}
@media (min-width: 992px) {
  #ai-chat-agent #chat-output .bot h4 {
    font-size: 20px;
    line-height: var(--font-line-height-m, 28px); /* 140% */
  }
}
@media (min-width: 1980px) {
  #ai-chat-agent #chat-output .bot h4 {
    font-size: 24px;
    line-height: var(--font-line-height-m, 32px); /* 133.333% */
  }
}
#ai-chat-agent #chat-output .bot h4.fw-lighter {
  font-weight: 100;
}
#ai-chat-agent #chat-output .bot h4 strong {
  font-weight: bold;
}
#ai-chat-agent #chat-output .bot h5 {
  font-size: 18px;
  font-family: Gotham;
  font-style: normal;
  font-weight: 500;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: 28px; /* 177.778% */
  font-family: "Gotham";
  font-weight: 350;
  margin: 8px 0;
}
@media (min-width: 992px) {
  #ai-chat-agent #chat-output .bot h5 {
    font-size: 20px;
    line-height: var(--font-line-height-m, 28px); /* 140% */
  }
}
@media (min-width: 1980px) {
  #ai-chat-agent #chat-output .bot h5 {
    font-size: 24px;
    line-height: var(--font-line-height-m, 32px); /* 133.333% */
  }
}
#ai-chat-agent #chat-output .bot h5.fw-lighter {
  font-weight: 100;
}
#ai-chat-agent #chat-output .bot h5 strong {
  font-weight: bold;
}
#ai-chat-agent #chat-output .bot p, #ai-chat-agent #chat-output .bot ul, #ai-chat-agent #chat-output .bot li {
  font-family: Gotham;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  font-weight: 500;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  font-size: 14px;
  font-weight: 325;
  margin: 4px 0;
}
@media (min-width: 992px) {
  #ai-chat-agent #chat-output .bot p, #ai-chat-agent #chat-output .bot ul, #ai-chat-agent #chat-output .bot li {
    font-size: 14px;
    line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  }
}
@media (min-width: 1980px) {
  #ai-chat-agent #chat-output .bot p, #ai-chat-agent #chat-output .bot ul, #ai-chat-agent #chat-output .bot li {
    font-size: 16px;
    line-height: var(--font-line-height-xs, 24px); /* 150% */
  }
}
@media (min-width: 992px) {
  #ai-chat-agent #chat-output .bot {
    font-size: 14px;
    line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  }
}
@media (min-width: 1980px) {
  #ai-chat-agent #chat-output .bot {
    font-size: 16px;
    line-height: var(--font-line-height-xs, 24px); /* 150% */
  }
}
#ai-chat-agent #chat-output .bot a {
  text-decoration: underline;
  font-weight: bolder;
}
#ai-chat-agent h1 {
  font-size: 18px;
  font-family: Gotham;
  font-style: normal;
  font-weight: 500;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: 28px; /* 177.778% */
  display: block;
  margin-bottom: 4px;
  margin-top: 6px;
}
@media (min-width: 992px) {
  #ai-chat-agent h1 {
    font-size: 20px;
    line-height: var(--font-line-height-m, 28px); /* 140% */
  }
}
@media (min-width: 1980px) {
  #ai-chat-agent h1 {
    font-size: 24px;
    line-height: var(--font-line-height-m, 32px); /* 133.333% */
  }
}
#ai-chat-agent h2 {
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
  display: block;
  margin-bottom: 4px;
  margin-top: 6px;
}
@media (min-width: 992px) {
  #ai-chat-agent h2 {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  #ai-chat-agent h2 {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
  }
}
#ai-chat-agent h3 {
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
  display: block;
  margin-bottom: 4px;
  margin-top: 6px;
}
@media (min-width: 992px) {
  #ai-chat-agent h3 {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  #ai-chat-agent h3 {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
  }
}
#ai-chat-agent h4 {
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
  display: block;
  margin-bottom: 4px;
  margin-top: 6px;
}
@media (min-width: 992px) {
  #ai-chat-agent h4 {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  #ai-chat-agent h4 {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
  }
}
#ai-chat-agent ul {
  list-style: disc;
  list-style-position: inside;
}
#ai-chat-agent ul li {
  margin-top: 4px;
}
#ai-chat-agent #chat-output .bot[data-msg-id] {
  background: transparent;
  padding: 0;
}
#ai-chat-agent #chat-output .bot[data-msg-id] .fact-message, #ai-chat-agent #chat-output .bot[data-msg-id] .question-wrap {
  background: #FFF;
  border-radius: var(--Radius-null, 0px) var(--Radius-l, 16px) var(--Radius-l, 16px) var(--Radius-l, 16px);
  padding: var(--Spacing-m, 12px);
  width: fit-content;
  margin-top: 12px;
}
#ai-chat-agent #chat-output .bot[data-msg-id] .question-wrap {
  margin-top: 12px;
  width: fit-content;
}

#chat-output .user {
  color: #000;
  background: var(--Surface-secondary, #25273A);
  padding: var(--Spacing-m, 12px);
  border-radius: var(--Radius-null, 16px) var(--Radius-l, 0px) var(--Radius-l, 16px) var(--Radius-l, 16px);
  width: fit-content;
  color: var(--Text-body, #FFF);
  margin-left: auto;
  font-family: Gotham;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  font-weight: 500;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  font-size: 14px;
  font-weight: 325;
}
@media (min-width: 992px) {
  #chat-output .user {
    font-size: 14px;
    line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  }
}
@media (min-width: 1980px) {
  #chat-output .user {
    font-size: 16px;
    line-height: var(--font-line-height-xs, 24px); /* 150% */
  }
}

#chat-input-wrapper {
  background: #FFF;
}

.ai-chat-header {
  width: 100%;
  display: flex;
  gap: 16px;
  padding: var(--Spacing-m, 12px) var(--Spacing-l, 16px);
  background: var(--Surface-primary, #FFDF00);
  align-items: center;
  transition: 0.3s ease;
}

.ai-chat-header-text {
  margin: 0px;
  color: var(--Text-action, #000);
}

.reset-btn {
  color: var(--Text-brand, #CE181E);
  background: transparent;
  border: unset;
  display: flex;
  gap: 8px;
}

/* Chat message appear animation */
@keyframes chatAppear {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.bot {
  opacity: 0;
  animation: chatAppear 0.4s ease-out forwards;
}

@keyframes borderPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(53, 56, 75, 0.6);
    border-color: #35384B;
  }
  50% {
    box-shadow: 0 0 0 6px rgba(53, 56, 75, 0);
    border-color: #000;
  }
  100% {
    box-shadow: 0 0 0 0 rgba(53, 56, 75, 0);
    border-color: #35384B;
  }
}
.highlight-buttons button {
  animation: borderPulse 2.2s ease-in-out;
}

.bot-label {
  font-size: 12px;
  color: #555;
  margin: 0 0 4px 0;
  font-weight: 500;
  color: var(--Text-body, #0A0A0D);
  margin-bottom: 8px;
  /* S/Bold */
  font-family: var(--font-family-body, Arial);
  font-size: var(--font-size-s, 14px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 600);
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  letter-spacing: var(--font-spacing-0, 0px);
}

.user-label {
  margin-bottom: 8px;
  font-size: 12px;
  color: #999;
  margin: 12px 0 4px 0;
  font-weight: 500;
  color: var(--Text-body, #0A0A0D);
  /* S/Bold */
  font-family: var(--font-family-body, Arial);
  font-size: var(--font-size-s, 14px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 600);
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  letter-spacing: var(--font-spacing-0, 0px);
  margin-left: auto;
  width: fit-content;
}

.chat-divider {
  text-align: center;
  color: #666;
  font-size: 12px;
  font-family: Arial, sans-serif;
  margin: 12px 0;
  position: relative;
}

.chat-divider::before,
.chat-divider::after {
  content: "";
  display: inline-block;
  width: 20%;
  height: 1px;
  background: #ccc;
  vertical-align: middle;
  margin: 0 8px;
}

.ai-chat-header-text {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (min-width: 1200px) {
  .ai-chat-header-text svg {
    width: 40px;
    height: 40px;
  }
}

.ai-chat-buttons {
  margin-left: auto;
  display: flex;
}

#chat-input:disabled {
  pointer-events: none;
}

#send-btn {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: unset;
  cursor: pointer;
}

#send-btn[disabled] {
  opacity: 0.5;
  cursor: default;
}

.filter-comm {
  font-size: 14px;
  font-family: Arial;
  color: #636161;
}

.filter-options {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.filter-options button {
  cursor: pointer;
  display: flex;
  padding: var(--Spacing-xs, 4px) var(--Spacing-xl, 24px);
  align-items: center;
  border-radius: var(--Radius-round, 1000px);
  border: 1px solid var(--Border-secondary-550, #35384B);
  background: var(--Surface-page, #FFF);
  color: #000;
  font-family: var(--font-family-body, Arial);
  font-size: var(--font-size-m, 16px);
  font-style: normal;
  font-weight: 350;
  line-height: var(--font-line-height-s, 24px);
  letter-spacing: var(--font-spacing-0, 0px);
  transition: 0.3s ease;
}

.filter-options button:hover {
  background: rgb(245, 240, 240);
}

.pills {
  margin-top: 0px;
}

.pill {
  display: inline-block;
  margin: 12px 5px 0 0;
  padding: 4px 12px;
  border-radius: 20px;
  cursor: pointer;
  color: #000;
  border-radius: var(--Radius-round, 1000px);
  border: 1px solid var(--Border-secondary-550, #35384B);
  background: #FFF;
  font-family: Gotham;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  font-weight: 500;
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  font-size: 14px;
  font-weight: 325;
}
@media (min-width: 992px) {
  .pill {
    font-size: 14px;
    line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  }
}
@media (min-width: 1980px) {
  .pill {
    font-size: 16px;
    line-height: var(--font-line-height-xs, 24px); /* 150% */
  }
}
.pill.--contact {
  transition: 0.3s ease;
  background: var(--Surface-primary, #FFDF00);
  border: unset;
  margin: 5px 5px 0 0;
  font-weight: 500;
}
.pill.--contact:hover {
  background: var(--Surface-primary, #ebcd00);
}

.pills-contact .--contact {
  background: var(--Surface-Blue-100, #F2F3F5);
}
.pills-contact .--contact:hover {
  background: var(--Surface-Blue-100, #cacbcc);
}

.contactAgent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(6px);
  opacity: 0;
  z-index: -2;
  transition: 0.3s ease;
}
.contactAgent.--show {
  opacity: 1;
  z-index: 2;
}
.contactAgentWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 93%;
  padding: 16px;
  border: var(--Stroke-m, 2px) solid var(--Icon-secondary, #25273A);
  background: var(--Surface-page, #FFF);
  box-shadow: 0 246px 69px 0 rgba(85, 68, 68, 0), 0 158px 63px 0 rgba(85, 68, 68, 0.01), 0 89px 53px 0 rgba(85, 68, 68, 0.05), 0 40px 39px 0 rgba(85, 68, 68, 0.09), 0 12px 22px 0 rgba(85, 68, 68, 0.1);
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 768px) {
  .contactAgentWrapper {
    padding: 32px;
    gap: 16px;
  }
}
.contactAgentWrapper.--form {
  opacity: 1;
  z-index: 3;
  transition: 0.3s ease;
}
.contactAgentWrapper.--form.--hidden {
  opacity: 0;
  z-index: -1;
}
.contactAgentWrapper.--thanks {
  opacity: 0;
  z-index: -1;
  transition: 0.5s ease;
}
.contactAgentWrapper.--thanks.--show {
  opacity: 1;
  z-index: 4;
}
.contactAgent .wpcf7-list-item-label {
  font-family: Gotham;
  font-size: 12px;
  font-style: normal;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  font-weight: 500;
  font-weight: 325;
}
@media (min-width: 992px) {
  .contactAgent .wpcf7-list-item-label {
    font-size: 12px;
    line-height: var(--font-line-height-xs, 16px); /* 133.333% */
  }
}
@media (min-width: 1980px) {
  .contactAgent .wpcf7-list-item-label {
    font-size: 16px;
    line-height: var(--font-line-height-xs, 16px);
  }
}
.contactAgent .CheckboxWrap label {
  margin-bottom: unset;
}
.contactAgentForm .InputWrap span > span {
  display: block;
}
.contactAgentForm .wpcf7-not-valid-tip {
  color: var(--text-error, #EA2424);
}
.contactAgentForm input {
  border: 1px solid var(--Border-Cream-200, #EEE8E3);
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
  color: var(--Text-body, #2B2B2B);
  font-weight: var(--font-weight-book, 325);
  padding: 12px 50px 12px 16px;
}
@media (min-width: 992px) {
  .contactAgentForm input {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  .contactAgentForm input {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
  }
}
.contactAgentForm input[aria-invalid=true] {
  border-color: #CD0714 !important;
  color: var(--text-error, #EA2424);
}
.contactAgentForm .wpcf7-submit {
  border-radius: var(--Radius-null, 0);
  background: var(--Surface-primary, #FFDF00);
  display: flex;
  padding: var(--Spacing-m, 12px) var(--Spacing-xl, 24px);
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-xs, 4px);
  color: var(--Text-action, #000);
  margin-top: 16px;
  transition: 0.3s ease;
  font-size: 18px;
  font-family: Gotham;
  font-style: normal;
  font-weight: 500;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: 28px; /* 177.778% */
  flex: 1 0 0;
}
@media (min-width: 992px) {
  .contactAgentForm .wpcf7-submit {
    font-size: 20px;
    line-height: var(--font-line-height-m, 28px); /* 140% */
  }
}
@media (min-width: 1980px) {
  .contactAgentForm .wpcf7-submit {
    font-size: 24px;
    line-height: var(--font-line-height-m, 32px); /* 133.333% */
  }
}
.contactAgentForm .wpcf7-submit:hover {
  background: var(--Surface-primary, #ebcd00);
}
.contactAgent #contactAgentClose {
  text-align: right;
}
.contactAgent #contactAgentClose svg {
  cursor: pointer;
  transition: 0.3s ease;
  transform: rotate(0deg);
}
.contactAgent #contactAgentClose svg:hover {
  transform: rotate(90deg);
}

.resetInfo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(6px);
  opacity: 0;
  z-index: -2;
  transition: 0.3s ease;
}
.resetInfo.--show {
  opacity: 1;
  z-index: 3;
}
.resetInfo .goToReset {
  background: var(--Surface-brand, #CE181E);
  border-color: #CE181E;
  transition: 0.3s ease;
  color: #fff;
}
.resetInfo .goToReset:hover {
  background: #8a0f13;
  border-color: #8a0f13;
}

.pill:hover {
  background: rgb(245, 240, 240);
}

#chat-output .bot.fact-text {
  background: var(--Surface-yellow-100, #FFFCE6);
}

#chat-output-calc .bot.fact-text {
  background: var(--Surface-yellow-100, #FFFCE6);
}

#chat-output-calc .bot[data-msg-id] {
  background: transparent;
  padding: 0;
}
#chat-output-calc .bot[data-msg-id] .fact-message, #chat-output-calc .bot[data-msg-id] .question-wrap {
  background: #FFF;
  border-radius: var(--Radius-null, 0px) var(--Radius-l, 16px) var(--Radius-l, 16px) var(--Radius-l, 16px);
  padding: var(--Spacing-m, 12px);
  width: fit-content;
  margin-top: 12px;
}
#chat-output-calc .bot[data-msg-id] .question-wrap {
  margin-top: 12px;
  width: fit-content;
}

.fact-text > div:first-of-type {
  color: var(--Text-secondary-500, #93949E);
  /* M/Light */
  font-family: var(--font-family-body, Arial);
  font-size: var(--font-size-m, 16px);
  font-style: normal;
  font-weight: var(--font-weight-book, 325);
  line-height: var(--font-line-height-s, 24px); /* 150% */
  letter-spacing: var(--font-spacing-0, 0px);
}

.qty-quest {
  color: var(--Text-secondary-500, #93949E);
  /* M/Light */
  font-family: var(--font-family-body, Arial);
  font-size: var(--font-size-m, 16px);
  font-style: normal;
  font-weight: var(--font-weight-book, 325);
  line-height: var(--font-line-height-s, 24px); /* 150% */
  letter-spacing: var(--font-spacing-0, 0px);
}

.fact-message {
  background: var(--Surface-yellow-100, #FFFCE6) !important;
}
.fact-message .fact-icon {
  color: #93949E;
  margin-bottom: 4px;
}

.agent-cta {
  width: 90%;
  height: auto;
  padding: var(--Spacing-2xl, 8px);
  position: fixed;
  bottom: 32px;
  right: 5%;
  opacity: 0;
  z-index: -99;
  transition: 0.3s ease;
  background: var(--Surface-secondary, #25273A);
  overflow: hidden;
  border: 2px solid var(--Icon-primary, #FFDF00);
  /* Shadow M light */
  box-shadow: 0px 246px 69px 0px rgba(85, 68, 68, 0), 0px 158px 63px 0px rgba(85, 68, 68, 0.01), 0px 89px 53px 0px rgba(85, 68, 68, 0.05), 0px 40px 39px 0px rgba(85, 68, 68, 0.09), 0px 12px 22px 0px rgba(85, 68, 68, 0.1);
}
.agent-cta.show {
  opacity: 1;
  z-index: 999;
}
@media (min-width: 576px) {
  .agent-cta {
    width: 359px;
    height: 359px;
    padding: var(--Spacing-2xl, 32px);
  }
}
@media (min-width: 992px) {
  .agent-cta {
    width: 359px;
    height: 359px;
    padding: var(--Spacing-2xl, 32px);
  }
}
@media (min-width: 1980px) {
  .agent-cta {
    width: 400px;
    height: 400px;
  }
}
.agent-cta.minimalize {
  width: 60px;
  height: 60px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
@media (min-width: 1980px) {
  .agent-cta.minimalize {
    width: 90px;
    height: 90px;
  }
}
.agent-cta.minimalize:hover {
  scale: 1.1;
}
.agent-cta.minimalize .agent-cta-text {
  display: none !important;
}
.agent-cta.minimalize .agent-cta-title {
  display: none;
}
.agent-cta.minimalize .agent-cta-image {
  display: none !important;
}
.agent-cta.minimalize .agent-cta-close {
  display: none;
}
.agent-cta.minimalize .agent-cta-icon {
  padding: 16px;
}
.agent-cta-wrapper {
  position: relative;
}
.agent-cta-close {
  position: absolute;
  top: 3px;
  right: 3px;
  transition: 0.3s ease;
  cursor: pointer;
}
@media (min-width: 576px) {
  .agent-cta-close {
    top: 0;
    right: 0;
    transform: rotate(0deg);
  }
  .agent-cta-close:hover {
    transform: rotate(90deg);
  }
}

.kb-agent-card img {
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.kb-agents-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: var(--Radius-null, 0) var(--Radius-l, 16px) var(--Radius-l, 16px) var(--Radius-l, 16px);
  background: #fff;
  padding: var(--Spacing-m, 12px);
  font-weight: 325;
  width: fit-content;
}

.kb-agents-grid {
  display: flex;
  gap: 12px;
  flex-direction: column;
  width: fit-content;
}

.kb-agent-meta {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}

.kb-agent-card {
  display: flex;
  gap: 12px;
  padding: var(--Spacing-m, 12px) 24px 12px 12px;
  border: 1px solid var(--Border-Navy-100, #E8E8EB);
}

.kb-agent-role {
  color: var(--Text-secondary-500, #93949E);
}

.services-title-image {
  position: relative;
  overflow: hidden;
  height: 436px;
}
@media (min-width: 992px) {
  .services-title-image {
    aspect-ratio: 1;
    height: auto;
  }
}
.services-title-image img {
  position: absolute;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.single-service-benefits {
  background: var(--Surface-Blue-100, #F2F3F5);
}

.single-benefits {
  display: flex;
  padding: var(--Spacing-xl, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-xl, 24px);
  background: var(--Surface-page, #FFF);
  height: 100%;
}
@media (min-width: 1200px) {
  .single-benefits {
    aspect-ratio: 276/284;
  }
}
@media (min-width: 1980px) {
  .single-benefits {
    aspect-ratio: 3/2;
  }
}

.services-info {
  padding: var(--Spacing-xl, 24px) 0px;
  border-top: 1px solid var(--Border-secondary-400, #93949E);
}
.services-info-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 576px) {
  .services-info-container {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 32px;
  }
}
@media (min-width: 992px) {
  .services-info-container {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 64px;
  }
}

.card-single-service.card-property-contact {
  border: 1px solid var(--Border-Cream-200, #EEE8E3);
}
.card-single-service .card-property-contact-header {
  flex-direction: column;
}
.card-single-service .card-property-contact-images {
  width: 160px;
}
@media (min-width: 1400px) {
  .card-single-service .card-property-contact-images {
    width: 200px;
  }
}

.services-steps-step span {
  padding: var(--Spacing-xs, 4px) var(--Spacing-l, 16px);
  background: var(--Surface-primary, #FFDF00);
}
.services-steps-square {
  width: 4px;
  height: 4px;
  background: var(--Text-body, #2B2B2B);
}
.services-steps-content span {
  color: var(--Text-body, #2B2B2B);
}
.services-steps-info {
  background: var(--Surface-Blue-100, #F2F3F5);
  padding: 24px;
}
@media (min-width: 992px) {
  .services-steps-info {
    padding: var(--Spacing-2xl, 32px);
  }
}
.services-steps-info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.services-steps-info-wrapper .--img {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
}
.services-steps-info-wrapper .--img img {
  width: 100%;
}
@media (min-width: 992px) {
  .services-steps-info-wrapper .--img {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1980px) {
  .services-steps-info-wrapper .--img {
    width: 96px;
    height: 96px;
  }
}
.services-steps .other-services-img {
  width: 80px;
  height: 80px;
}
.services-steps .other-services-img img {
  width: 100%;
}
@media (min-width: 992px) {
  .services-steps .other-services-img {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 1980px) {
  .services-steps .other-services-img {
    width: 120px;
    height: 120px;
  }
}
.services-steps .card-property-contact {
  box-shadow: unset;
  border: 1px solid var(--Border-Cream-200, #EEE8E3);
}
@media (min-width: 992px) {
  .services-steps .card-property-contact {
    padding: 32px;
  }
}
.services-steps .card-property-contact-header {
  flex-direction: column;
}
.services-steps .card-property-contact-images {
  width: 160px;
}
@media (min-width: 1400px) {
  .services-steps .card-property-contact-images {
    width: 200px;
  }
}
.services-steps .card-property-contact-wrapper {
  gap: 24px;
}
.services-steps-card {
  position: relative;
}
.services-steps-card svg {
  position: absolute;
  top: 24px;
  left: 24px;
}

.services-cta-image {
  width: 100%;
  aspect-ratio: 1;
  position: relative;
}
.services-cta-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.services-cta-content {
  background: var(--Primary-yellow-500, #FFDF00);
  position: relative;
}
.services-cta-content:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  left: -25%;
  background: var(--Primary-yellow-500, #FFDF00);
}

.single-service-content {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.proces-number {
  color: var(--Text-secondary-500, #93949E);
  font-family: var(--font-family-body, Gotham);
  font-size: 64px;
  font-style: normal;
  font-weight: 325;
  line-height: normal;
}
.proces-number span {
  aspect-ratio: 1;
  display: block;
  width: 100px;
  text-align: center;
  border-bottom: 1px solid var(--Border-secondary-550, #35384B);
}

.proces-active {
  background: var(--Primary-yellow-500, #FFDF00);
  position: relative;
}
.proces-active .proces-number span {
  color: var(--Text-headline, #000);
}
.proces-active:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 250%;
  background: #FFDF00;
}

.section-line {
  position: absolute;
  left: calc(50% + 2px);
  top: -100%;
  width: 4px;
  z-index: 9;
  transform: translateX(-50%);
  height: 100%;
  background-color: #25273A;
}

.section-line-background {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  height: 100%;
  z-index: 2;
  background-color: var(--Surface-Cream-200, #EEE8E3);
}

.section-line-dot {
  position: absolute;
  left: calc(50% + 2px);
  bottom: 0;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: rgb(238, 232, 227);
  z-index: 3;
  transition: background-color 0.15s ease;
}

.section-line-dot.--active {
  background-color: #25273A;
}

.row-proces {
  height: auto;
}
@media (min-width: 768px) {
  .row-proces {
    height: 1534px;
  }
}
@media (min-width: 1980px) {
  .row-proces {
    height: 1600px;
  }
}

.bg-grey {
  background: var(--Surface-Blue-100, #F2F3F5);
  overflow: hidden;
}

.single-offer-box {
  flex-wrap: nowrap;
  padding: 24px;
  width: 100%;
  background: var(--Surface-page, #FFF);
}
@media (min-width: 576px) {
  .single-offer-box {
    flex: 0 0 48%;
  }
}
@media (min-width: 992px) {
  .single-offer-box {
    flex: 1;
  }
}

.expert-box-img {
  width: 222px;
}
.expert-box-img img {
  max-width: 220px;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.expert-box-wrapper {
  border-top: 1px solid var(--Border-secondary-400, #93949E);
  padding: 24px 0px;
}

.services-bg-yellow {
  position: absolute;
  z-index: 1;
  right: -30px;
  bottom: 76%;
  margin-left: auto;
  justify-content: end;
}

.more-services-section .swiper-slide {
  width: 360px;
}

.swiper-more-box p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  align-self: stretch;
  overflow: hidden;
}

.more-services-section {
  overflow: hidden;
}
.more-services-section .swiper-scrollbar {
  bottom: -48px;
  z-index: 999;
  cursor: pointer;
  width: 100%;
  left: 0;
  right: 0;
}

.services-info ul {
  list-style: disc;
  padding-left: 24px;
}

.klienci-logos {
  gap: 24px;
}
@media (min-width: 992px) {
  .klienci-logos {
    gap: 48px;
  }
}
.klienci-logos img {
  max-height: 70px;
}

.work-step .counter-step {
  color: var(--Text-secondary-500, #93949E);
  font-family: var(--font-family-body, Gotham);
  font-size: 102.957px;
  font-style: normal;
  font-weight: 325;
  line-height: normal;
  letter-spacing: -4.826px;
  position: absolute;
  top: -64px;
}

.work-step h3 {
  margin-bottom: 16px;
}

.work-step {
  background: var(--Surface-Blue-100, #F2F3F5);
  padding: var(--Spacing-4xl, 64px) var(--Spacing-l, 16px) var(--Spacing-l, 16px) var(--Spacing-l, 16px);
  aspect-ratio: 1/1;
  position: relative;
}

.services-tag {
  color: var(--Text-secondary-500, #93949E);
  border: 1px solid var(--Border-Navy-100, #E8E8EB);
  padding: 8px;
  place-self: flex-start;
}
.services-count-item p {
  color: var(--Text-tertiary, #696975);
}
.services-quote {
  max-width: 415px;
  border-left: 8px solid var(--Icon-primary, #FFDF00);
  background: var(--Surface-Blue-100, #F2F3F5);
}
@media (min-width: 768px) {
  .services-quote {
    aspect-ratio: 1/1;
  }
}
@media (min-width: 1980px) {
  .services-quote {
    max-width: 460px;
  }
}
.services-quote-wrapper {
  padding: 24px;
}
@media (min-width: 1200px) {
  .services-quote-wrapper {
    padding: 48px;
  }
}
.services-quote-wrapper p {
  position: relative;
  z-index: 9;
}
.services-quote-wrapper p svg {
  position: absolute;
  left: 0;
  bottom: 5%;
  z-index: -1;
}
@media (min-width: 768px) {
  .services-quote-wrapper p svg {
    bottom: -5px;
  }
}
.services-images {
  position: relative;
  display: inline-block;
}
.services-images svg {
  position: absolute;
  bottom: -129px;
  right: -100px;
}
.services-images-item svg {
  position: absolute;
  bottom: unset;
  bottom: -42px;
  right: -100px;
}

.services-parallax {
  position: relative;
  overflow: hidden;
}

.section-cta {
  background: var(--Surface-primary, #FFDF00);
}
.section-cta-bg {
  position: absolute;
  top: -35px;
  right: 0;
  width: 196px;
  height: 196px;
}
@media (min-width: 992px) {
  .section-cta-bg {
    width: 240px;
    height: 240px;
  }
}

.services-process-line {
  height: 4px;
  background-color: #C0C0C0;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.services-process-line::before {
  content: "";
  width: var(--width-progress);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #CE181E;
}
.services-process-box-item {
  padding: 32px 24px;
  border-bottom: 1px solid var(--Border-disabled, #C0C0C0);
  max-height: 108px;
  overflow: hidden;
  cursor: pointer;
}
.services-process-box-item h3 {
  opacity: 0.4;
}
.services-process-box-item p, .services-process-box-item a {
  opacity: 0;
  display: none;
}
.services-process-box-item.active {
  max-height: unset;
  opacity: 1;
}
.services-process-box-item.active h3 {
  opacity: 1;
}
.services-process-box-item.active p, .services-process-box-item.active a {
  opacity: 1;
  display: flex;
}

.services-about-items {
  padding: 32px 0px;
}
@media (min-width: 1200px) {
  .services-about-items {
    padding: 64px 0px 0px 24px;
  }
}
.services-about-items-wrapper {
  display: flex;
  gap: 32px;
  flex-direction: column;
}
.services-about-items-item {
  display: flex;
  gap: 16px;
  flex-wrap: nowrap;
  align-items: center;
}
.services-about-items-item h3 {
  flex-shrink: 2;
}
.services-about-items-item svg {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
}

.swiper-services-slide .swiper-slide {
  max-width: 900px;
}

.services-slider {
  position: relative;
}
.services-slider .container {
  top: 16px;
  position: absolute;
  z-index: 9;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1200px) {
  .services-slider .container {
    top: 48px;
  }
}

.services-news {
  overflow: hidden;
}

.swiper-services-arrows {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}

.swiper-services-button-next {
  transform: rotate(180deg);
}

.swiper-services-news {
  overflow: visible;
}
.swiper-services-news .home-news-card {
  margin-bottom: unset;
}
.swiper-services-news .swiper-slide {
  width: 246px;
}
@media (min-width: 768px) {
  .swiper-services-news .swiper-slide {
    width: calc(50% - 24px);
  }
}
.swiper-services-news .swiper-slide > div {
  box-shadow: 0 246px 69px 0 rgba(85, 68, 68, 0), 0 158px 63px 0 rgba(85, 68, 68, 0.01), 0 89px 53px 0 rgba(85, 68, 68, 0.05), 0 40px 39px 0 rgba(85, 68, 68, 0.09), 0 12px 22px 0 rgba(85, 68, 68, 0.1);
}

.services-horizontal {
  background: var(--Surface-Blue-100, #F2F3F5);
  overflow: hidden;
}

.services-box-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.services-box-wrapper svg {
  width: 48px;
  height: 48px;
}
@media (min-width: 1200px) {
  .services-box-wrapper svg {
    width: 72px;
    height: 72px;
  }
}

.services-box-content {
  margin-top: auto;
  display: flex;
  gap: 16px;
  flex-direction: column;
}

.horizontal-section {
  position: relative;
}

.horizontal-wrapper {
  display: flex;
  height: 100%;
  gap: 24px;
}

.services-box {
  flex: 0 0 272px;
  padding: 24px;
  display: flex;
  aspect-ratio: 1/1;
  background: #fff;
}
@media (min-width: 768px) {
  .services-box {
    flex: 0 0 440px;
    padding: 48px;
  }
}

.services-parallax {
  aspect-ratio: 180/69;
  overflow: hidden;
  position: relative;
  width: 100%;
  background-attachment: fixed;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.knowledge-casestudies-card-big-image {
  height: 460px;
  aspect-ratio: 378/504;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
@media (min-width: 576px) {
  .knowledge-casestudies-card-big-image {
    height: 360px;
  }
}
@media (min-width: 992px) {
  .knowledge-casestudies-card-big-image {
    height: 540px;
  }
}
.knowledge-casestudies-card-big-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
}
.knowledge-casestudies-card-big-image:hover img {
  scale: 1.1;
}

.knowledge-casestudies {
  background: var(--Surface-Blue-100, #F2F3F5);
}
@media (min-width: 992px) {
  .knowledge-casestudies .c-btn-secondary {
    padding: 16px 24px;
  }
}

.knowledge-casestudies-card-small-image {
  height: 500px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1400px) {
  .knowledge-casestudies-card-small-image {
    height: 50%;
  }
}
.knowledge-casestudies-card-small-image img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
}
.knowledge-casestudies-card-small-image:hover img {
  scale: 1.1;
}

.knowledge-casestudies-card-small-content {
  gap: 24px;
}
@media (min-width: 1400px) {
  .knowledge-casestudies-card-small-content {
    height: 50%;
  }
}

.knowledge-casestudies-tags span {
  border-radius: var(--Radius-null, 0px);
  border: 1px solid var(--Border-secondary, #25273A);
  padding: var(--Spacing-s, 8px) var(--Spacing-m, 12px);
}
.knowledge-casestudies-tags span.--active {
  border-radius: var(--Radius-null, 0px);
  background: var(--Surface-secondary, #25273A);
  color: var(--Text-action-invert, #FFF);
}

.knowledge-news-tags .chip {
  border-radius: var(--Radius-null, 0px);
  padding: var(--Spacing-s, 8px) var(--Spacing-m, 12px);
  border: 1px solid var(--Border-secondary, #25273A);
  text-transform: uppercase;
  cursor: unset;
}
.knowledge-news-tags .chip.--active {
  background: var(--Surface-brand, #CE181E);
  color: #FFF;
  border: unset;
}
.knowledge-news-card-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 488/325;
}
.knowledge-news-card-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
  transition: 0.3s ease;
}
.knowledge-news-card-img:hover img {
  scale: 1.1;
}
.knowledge-news-card-content {
  height: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background: var(--Surface-Cream-100, #F5F2F0);
}
.knowledge-news-card-content h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  overflow: hidden;
}
@media (min-width: 576px) {
  .knowledge-news-card-content {
    height: 192px;
  }
}
@media (min-width: 992px) {
  .knowledge-news-card-content {
    height: 216px;
  }
}
@media (min-width: 1980px) {
  .knowledge-news-card-content {
    height: 236px;
  }
}
@media (min-width: 992px) {
  .knowledge-news .c-btn-secondary {
    padding: 16px 24px;
  }
}

.knowledge-blog {
  background: var(--Surface-Cream-100, #F5F2F0);
}
.knowledge-blog .home-news-title h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  overflow: hidden;
}
.knowledge-blog-tags .chip {
  border-radius: var(--Radius-null, 0px);
  padding: var(--Spacing-s, 8px) var(--Spacing-m, 12px);
  border: 1px solid var(--Border-secondary, #25273A);
  text-transform: uppercase;
  cursor: unset;
}
.knowledge-blog-tags .chip.--active {
  background: var(--Surface-200, #EAEAEA);
  border: unset;
}
@media (min-width: 992px) {
  .knowledge-blog .c-btn-secondary {
    padding: 16px 24px;
  }
}

.knowledge-raport-card {
  height: 500px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.knowledge-raport-card img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
}
.knowledge-raport-card:hover img {
  scale: 1.1;
}
.knowledge-raport-card-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 100%;
  padding: var(--Spacing-xl, 24px) 16px;
}
.knowledge-raport-card-content {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-l, 16px);
  align-items: center;
  background: var(--Surface-Cream-100, #F5F2F0);
  padding: var(--Spacing-l, 16px);
  text-align: center;
}
@media (min-width: 1200px) {
  .knowledge-raport-card-content {
    height: 170px;
  }
  .knowledge-raport-card-content h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
  }
}
@media (min-width: 1980px) {
  .knowledge-raport-card-content {
    height: 186px;
  }
}
.knowledge-raport-tags .chip {
  border-radius: var(--Radius-null, 0px);
  padding: var(--Spacing-s, 8px) var(--Spacing-m, 12px);
  border: 1px solid var(--Border-secondary, #25273A);
  text-transform: uppercase;
  cursor: unset;
}
.knowledge-raport-tags .chip.--active {
  background: var(--Surface-primary, #FFDF00);
  border: unset;
}
@media (min-width: 992px) {
  .knowledge-raport .c-btn-secondary {
    padding: 16px 24px;
  }
}

.knowledge-bar-wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  height: 1px;
  opacity: 0;
  z-index: -1;
  transition: 0.3s ease;
  width: 100%;
  background-color: #fff;
}
.knowledge-bar-wrapper.--mobile-active {
  height: auto;
  opacity: 1;
  z-index: 9;
}
@media (min-width: 576px) {
  .knowledge-bar-wrapper {
    flex-direction: row;
    height: auto;
    opacity: 1;
    z-index: 9;
    position: relative;
  }
}
.knowledge-bar-mobile-active {
  padding: var(--Spacing-l, 18px) var(--Spacing-xl, 16px) var(--Spacing-l, 16px) var(--Spacing-xl, 16px);
  font-weight: 600;
  border-bottom: 4px solid var(--Border-primary, #FFDF00);
  position: relative;
}
.knowledge-bar-mobile-active-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.knowledge-bar a {
  border-bottom: 8px solid transparent;
  transition: 0.3s ease;
  padding: var(--Spacing-l, 10px) var(--Spacing-xl, 16px) var(--Spacing-l, 8px) var(--Spacing-xl, 16px);
}
@media (min-width: 992px) {
  .knowledge-bar a {
    padding: var(--Spacing-l, 20px) var(--Spacing-xl, 24px) var(--Spacing-l, 16px) var(--Spacing-xl, 24px);
  }
}
.knowledge-bar a.--active {
  font-weight: 600;
}
@media (min-width: 576px) {
  .knowledge-bar a.--active {
    border-bottom: 8px solid var(--Border-primary, #FFDF00);
  }
  .knowledge-bar a.--active:hover {
    border-bottom: 8px solid var(--Border-primary, #FFDF00);
  }
}
.knowledge-bar a:hover {
  border-bottom: 8px solid var(--Border-primary, #e9e9e9);
}
.knowledge-bar.fixed {
  position: fixed;
  background: white;
  width: 100%;
  z-index: 2;
  top: 50px;
}
@media (min-width: 992px) {
  .knowledge-bar.fixed {
    top: 52px;
  }
}
@media (min-width: 1980px) {
  .knowledge-bar.fixed {
    top: 57px;
  }
}

.knowledge-zone-title {
  position: relative;
  padding-top: 100px;
  padding-bottom: 64px;
}
@media (min-width: 1200px) {
  .knowledge-zone-title {
    padding-top: 200px;
    padding-bottom: 100px;
  }
}

.knowledge-zone-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.knowledge-zone-background img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.knowledge-zone-background:after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.41) 37.07%);
  position: absolute;
  top: 0;
}

.popup-share {
  width: 100vw;
  height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -3;
  transition: 0.6s ease;
}
.popup-share.show {
  opacity: 1;
  z-index: 9999;
}
.popup-share-wrapper {
  background: var(--Surface-Blue-100, #F2F3F5);
  /* Shadow XL */
  box-shadow: 0px 84px 23px 0px rgba(0, 0, 0, 0), 0px 53px 21px 0px rgba(0, 0, 0, 0.01), 0px 30px 18px 0px rgba(0, 0, 0, 0.05), 0px 13px 13px 0px rgba(0, 0, 0, 0.09), 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 16px;
}
@media (min-width: 992px) {
  .popup-share-wrapper {
    padding: 32px;
  }
}
.popup-share-header {
  width: 100%;
  text-align: center;
}
.popup-share-header-close {
  display: flex;
  justify-content: flex-end;
}
.popup-share-header-close #popup-share-header-close {
  cursor: pointer;
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
}
.popup-share-header-close #popup-share-header-close:hover {
  transform: rotate(90deg);
}
.popup-share-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
}
.popup-share-content-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
.popup-share-content-input {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.popup-share-content-input input {
  padding: var(--Spacing-s, 8px) var(--Spacing-l, 16px);
}
.popup-share-content-input input:hover {
  border: 2px solid #FFF;
}
@media (min-width: 768px) {
  .popup-share-content-input {
    flex-direction: row;
  }
}
.popup-share-content-input a {
  width: 100%;
}
@media (min-width: 768px) {
  .popup-share-content-input a {
    width: auto;
  }
}

.error404-bg {
  position: absolute;
}
.error404-bg img {
  max-width: 100%;
}
.error404-number svg {
  max-width: 100%;
  height: auto;
}
.error404-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  position: relative;
  padding-top: 64px;
  padding-bottom: 64px;
}
@media (min-width: 1400px) {
  .error404-content {
    padding-top: 316px;
    padding-bottom: 128px;
  }
}

.raport {
  padding: 100px 0px;
  overflow: hidden;
  position: relative;
}
.raport-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.raport-bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: left;
}
.raport-form {
  background: var(--Surface-Blue-100, #F2F3F5);
  box-shadow: 0px 246px 69px 0px rgba(85, 68, 68, 0), 0px 158px 63px 0px rgba(85, 68, 68, 0.01), 0px 89px 53px 0px rgba(85, 68, 68, 0.05), 0px 40px 39px 0px rgba(85, 68, 68, 0.09), 0px 12px 22px 0px rgba(85, 68, 68, 0.1);
  padding: 24px;
}
.raport .InputWrap--right input[type=text], .raport .InputWrap--right input[type=search], .raport .InputWrap--right input[type=search]::-webkit-search-cancel-button, .raport .InputWrap--right input[type=search]::-webkit-search-decoration, .raport .InputWrap--right input[type=url], .raport .InputWrap--right input[type=number], .raport .InputWrap--right input[type=email], .raport .InputWrap--right input[type=date], .raport .InputWrap--right input[type=password] {
  padding: 8px 50px 8px 16px;
}
.raport .InputWrap--noicon input[type=text], .raport .InputWrap--noicon input[type=search], .raport .InputWrap--noicon input[type=search]::-webkit-search-cancel-button, .raport .InputWrap--noicon input[type=search]::-webkit-search-decoration, .raport .InputWrap--noicon input[type=url], .raport .InputWrap--noicon input[type=number], .raport .InputWrap--noicon input[type=email], .raport .InputWrap--noicon input[type=date], .raport .InputWrap--noicon input[type=password] {
  padding: 8px 50px 8px 16px;
}

.raport-single-header-image {
  width: 100%;
  aspect-ratio: 1176/420;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}
.raport-single-header-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}
.raport-single-header-image-desc {
  position: relative;
  display: flex;
  padding: var(--Spacing-l, 16px);
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-l, 16px);
  background: var(--Surface-Blue-100, #F2F3F5);
}
.raport-single-header-image-desc span {
  color: var(--Text-secondary-500, #93949E);
}

.raport-swiper {
  overflow: visible;
}
.raport-swiper .swiper-slide {
  width: 300px; /* dla freeMode na mobile */
}
@media (min-width: 576px) {
  .raport-swiper .swiper-slide {
    width: 400px; /* dla freeMode na mobile */
  }
}
@media (min-width: 768px) {
  .raport-swiper .swiper-slide {
    width: auto; /* dla freeMode na mobile */
  }
}

.pt--90 {
  padding-top: 90px;
}
@media (min-width: 576px) {
  .pt--90 {
    padding-top: unset;
  }
}

.raport-card {
  background: var(--Surface-Blue-100, #F2F3F5);
  padding: var(--Spacing-l, 16px);
}
.raport-card-wrapper {
  display: flex;
  gap: 24px;
}
.raport-card-image {
  height: 135px;
  aspect-ratio: 1;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.raport-card-image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.message-button {
  cursor: pointer;
}

.contact-map {
  position: relative;
}

.contact-wrapper {
  box-shadow: 0px 246px 69px 0px rgba(85, 68, 68, 0), 0px 158px 63px 0px rgba(85, 68, 68, 0.01), 0px 89px 53px 0px rgba(85, 68, 68, 0.05), 0px 40px 39px 0px rgba(85, 68, 68, 0.09), 0px 12px 22px 0px rgba(85, 68, 68, 0.1);
  padding: 24px;
  background: #FFF;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .contact-wrapper {
    width: max-content;
  }
}
@media (min-width: 992px) {
  .contact-wrapper {
    aspect-ratio: 1;
    width: auto;
  }
}

.map-container {
  margin-top: -32px;
  position: relative;
  margin-bottom: -32px;
}
@media (min-width: 768px) {
  .map-container {
    margin-top: unset;
    margin-bottom: unset;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    pointer-events: none;
    position: absolute;
  }
}

#contact-map {
  height: 500px;
}
@media (min-width: 768px) {
  #contact-map {
    height: 800px;
  }
}
#contact-map .gm-style-iw-chr {
  display: none;
}
#contact-map .gm-style-iw.gm-style-iw-c {
  border-radius: 0px !important;
  padding-top: 16px !important;
  width: 200px !important;
}
#contact-map .gm-style-iw-tc {
  display: none;
}

#contact-mail, #contact-phone {
  padding: 12px;
}

.contact-agent-card {
  display: flex;
  padding: var(--Spacing-m, 12px);
  align-items: center;
  gap: var(--Spacing-m, 12px);
  align-self: stretch;
  border-radius: var(--Radius-null, 0);
  border: 1px solid var(--Border-Navy-100, #E8E8EB);
  background: var(--Surface-page, #FFF);
}
.contact-agent-card img {
  width: 80px;
  height: 80px;
}
@media (min-width: 1980px) {
  .contact-agent-card .p-xs {
    font-size: 14px;
  }
}

.home-news-category p {
  padding: 8px 12px;
  border-radius: var(--Radius-null, 0px);
  border: 1px solid var(--Border-secondary, #25273A);
}
.home-news-navigation {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  padding: 16px 0px;
  border-bottom: 1px solid var(--Border-Cream-200, #EEE8E3);
}
.home-news-navigation-count {
  padding: 4px 12px;
  background: var(--Surface-primary, #FFDF00);
}
.home-news-navigation-select {
  max-width: 276px;
  background-color: #fff;
  border: 1px solid var(--Border-Navy-300, #BEBFC4);
  color: var(--Text-body, #2B2B2B);
  font-size: var(--font-size-s, 14px);
  font-style: normal;
  font-weight: var(--font-weight-book, 325);
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  letter-spacing: var(--font-spacing-0, 0px);
  cursor: pointer;
}

.archive-news-bg {
  background: var(--Surface-Blue-100, #F2F3F5);
}

.casestudy-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 24px;
  background: #fff;
}
.casestudy-wrapper-top {
  background: unset;
  position: relative;
  z-index: 9;
}
.casestudy-wrapper-single {
  border-left: 1px solid var(--Border-Cream-200, #EEE8E3);
  border-right: 1px solid var(--Border-Cream-200, #EEE8E3);
  border-bottom: 1px solid var(--Border-Cream-200, #EEE8E3);
}
@media (min-width: 768px) {
  .casestudy-wrapper-single {
    border-left: unset;
    border-top: 1px solid var(--Border-Cream-200, #EEE8E3);
    border-right: 1px solid var(--Border-Cream-200, #EEE8E3);
    border-bottom: 1px solid var(--Border-Cream-200, #EEE8E3);
  }
}
.casestudy-bottom-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .casestudy-bottom-title {
    -webkit-line-clamp: 2;
  }
}
.casestudy-bottom-title-big {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .casestudy-bottom-title-big {
    -webkit-line-clamp: 5;
  }
}
.casestudy-images {
  height: 100%;
  width: 100%;
  position: relative;
  aspect-ratio: 488/325;
  overflow: hidden;
}
.casestudy-images img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .casestudy-images {
    aspect-ratio: 2/3;
  }
}
.casestudy-images:hover img {
  scale: 1.1;
}
.casestudy-category p {
  padding: 8px 12px;
  border-radius: var(--Radius-null, 0px);
  border: 1px solid var(--Border-secondary, #25273A);
  background-color: #fff;
}
@media (min-width: 1980px) {
  .casestudy-category p.p-xs {
    font-size: 12px;
  }
}
.casestudy-top-additional {
  height: 100%;
  position: relative;
  aspect-ratio: 3/2;
}
@media (min-width: 1200px) {
  .casestudy-top-additional {
    aspect-ratio: unset;
  }
}
.casestudy-top-additional:before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
.casestudy-top-additional > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.casestudy-top-additional .casestudy-category p {
  background-color: transparent;
  border: 1px solid #FFF;
  color: #FFF;
}
.casestudy-single-images {
  aspect-ratio: 3/2;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.casestudy-single-images img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  transition: 0.3s;
}
.casestudy-single-images:hover img {
  scale: 1.1;
}
.casestudy-cards .card-small-news-content {
  background: transparent;
}

.property-page {
  overflow: hidden;
  position: relative;
}

.property-list-counter .--number {
  display: flex;
  padding: var(--Spacing-xs, 4px) var(--Spacing-m, 12px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: var(--Surface-brand, #CE181E);
  color: var(--Text-action-invert, #FFF);
}
.property-list-item {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--Border-Cream-200, #EEE8E3);
  width: 100%;
}
.property-list-item-image {
  width: 120px;
  aspect-ratio: 160/120;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .property-list-item-image {
    width: 160px;
  }
}
.property-list-item-image a {
  width: 100%;
  height: 100%;
  display: block;
}
.property-list-item-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
  position: absolute;
  transition: 0.3s ease;
}
.property-list-item-image img:hover {
  transform: scale(1.1);
}
.property-list-item-delete svg path {
  fill: #D8494E;
}
.property-list-item-delete span {
  color: #D8494E;
}
.property-list-item-delete:hover svg path {
  fill: #913539;
}
.property-list-item-delete:hover span {
  color: #913539;
}
.property-list-item-delete .c-btn-text:after {
  background: #913539;
  bottom: -4px;
}
.property-list-item-content-row .--type {
  min-width: 82px;
}
@media (min-width: 576px) {
  .property-list-item-content-row .--type {
    min-width: 120px;
  }
}

#google-archive-property-map {
  width: 100%;
  aspect-ratio: 1/1;
  height: 100%;
}
@media (min-width: 576px) {
  #google-archive-property-map {
    aspect-ratio: unset;
    height: 485px;
  }
}
@media (min-width: 992px) {
  #google-archive-property-map {
    height: 600px;
  }
}

.raport-category p {
  padding: 8px 12px;
  border-radius: var(--Radius-null, 0px);
  border: 1px solid var(--Border-secondary, #25273A);
}
.raport-navigation {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  padding: 16px 0px;
  border-bottom: 1px solid var(--Border-Cream-200, #EEE8E3);
}
.raport-navigation-count {
  padding: 4px 12px;
  background: var(--Surface-primary, #FFDF00);
}
.raport-navigation-select {
  max-width: 276px;
  background-color: #fff;
  border: 1px solid var(--Border-Navy-300, #BEBFC4);
  color: var(--Text-body, #2B2B2B);
  font-size: var(--font-size-s, 14px);
  font-style: normal;
  font-weight: var(--font-weight-book, 325);
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  letter-spacing: var(--font-spacing-0, 0px);
  cursor: pointer;
}

.archive-raport-bg {
  background: var(--Surface-Blue-100, #F2F3F5);
}

.blog-single-header-image {
  width: 100%;
  height: 388px;
  position: relative;
}
@media (min-width: 768px) {
  .blog-single-header-image {
    height: 588px;
  }
}
@media (min-width: 1980px) {
  .blog-single-header-image {
    height: 688px;
  }
}
.blog-single-header-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
.blog-single-content {
  overflow: hidden;
}

.spis {
  position: relative;
  z-index: 2;
  padding: var(--Spacing-3xl, 32px) 0;
  margin-top: 32px;
}
@media (min-width: 992px) {
  .spis {
    margin-top: 64px;
  }
}
.spis:before {
  content: "";
  position: absolute;
  width: 100000px;
  left: -239%;
  height: 100%;
  background: var(--Surface-Blue-100, #F2F3F5);
  z-index: -1;
  top: 0;
}
.spis ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-left: 16px;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .spis ul {
    margin-left: 48px;
  }
}
.spis ul li {
  position: relative;
  width: fit-content;
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
  font-family: "Gotham";
  font-weight: 400 !important;
}
@media (min-width: 992px) {
  .spis ul li {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  .spis ul li {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
  }
}
.spis ul li a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: #25273A;
  transition: width 0.3s ease-in-out, right 0.3s ease-in-out;
}
.spis ul li a:hover {
  color: #000;
}
.spis ul li a:hover::after {
  width: 100%;
  right: 0;
}
.spis ul li a:not(:hover)::after {
  width: 100%;
  right: 0;
  transition: width 0.3s ease-in-out;
}
.spis ul li a:not(:hover)::after {
  width: 0;
  right: 100%;
  transition: width 0.3s ease-in-out, right 0.3s ease-in-out;
}

.more-posts .knowledge-news-card {
  box-shadow: 0px 246px 69px 0px rgba(85, 68, 68, 0), 0px 158px 63px 0px rgba(85, 68, 68, 0.01), 0px 89px 53px 0px rgba(85, 68, 68, 0.05), 0px 40px 39px 0px rgba(85, 68, 68, 0.09), 0px 12px 22px 0px rgba(85, 68, 68, 0.1);
}
.more-posts .knowledge-news-card-content {
  border-right: 1px solid var(--Border-Cream-200, #EEE8E3);
  border-bottom: 1px solid var(--Border-Cream-200, #EEE8E3);
  border-left: 1px solid var(--Border-Cream-200, #EEE8E3);
  background: var(--Surface-page, #FFF);
}
.more-posts .knowledge-news-card-content .chip {
  text-transform: uppercase;
}

.blog-cards .card-small-news-content {
  background: var(--Surface-Cream-100, #F5F2F0);
}

.content-text {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.content-text h1 {
  display: inline-block;
  font-family: Gotham;
  letter-spacing: var(--font-spacing--1, -1px);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  font-family: "Gotham";
  font-weight: 350;
}
@media (min-width: 992px) {
  .content-text h1 {
    font-size: var(--font-size-4xl, 48px);
    line-height: var(--font-line-height-2xl, 52px); /* 108.333% */
  }
}
@media (min-width: 1980px) {
  .content-text h1 {
    font-size: var(--font-size-4xl, 56px);
    line-height: var(--font-line-height-2xl, 64px); /* 114.286% */
  }
}
.content-text h1.fw-lighter {
  font-family: "Gotham";
  font-weight: 100;
}
.content-text h1 strong {
  font-family: "Gotham";
  font-weight: bold;
}
.content-text h2 {
  display: inline-block;
  font-family: "Gotham";
  font-size: 20px;
  font-weight: 350;
  line-height: 28px; /* 112.5% */
  letter-spacing: var(--font-spacing--1, -1px);
  font-style: normal;
  font-family: "Gotham";
  font-weight: 350;
}
@media (min-width: 992px) {
  .content-text h2 {
    font-size: var(--font-size-2xl, 32px);
    line-height: var(--font-line-height-l, 36px); /* 112.5% */
  }
}
@media (min-width: 1980px) {
  .content-text h2 {
    font-size: var(--font-size-2xl, 40px);
    line-height: var(--font-line-height-l, 44px); /* 110% */
  }
}
.content-text h2.fw-lighter {
  font-family: "Gotham";
  font-weight: 100;
}
.content-text h2 strong {
  font-family: "Gotham";
  font-weight: bold;
}
.content-text h3 {
  font-style: normal;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  line-height: var(--font-line-height-m, 28px); /* 160% */
  font-family: "Gotham";
  font-weight: 350;
}
@media (min-width: 992px) {
  .content-text h3 {
    font-size: 24px;
    line-height: var(--font-line-height-m, 28px); /* 116.667% */
  }
}
@media (min-width: 1980px) {
  .content-text h3 {
    font-size: 28px;
    line-height: var(--font-line-height-m, 32px); /* 114.286% */
  }
}
.content-text h3.fw-lighter {
  font-family: "Gotham";
  font-weight: 100;
}
.content-text h3 strong {
  font-family: "Gotham";
  font-weight: bold;
}
.content-text h4 {
  font-size: 18px;
  font-family: Gotham;
  font-style: normal;
  font-weight: 500;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: 28px; /* 177.778% */
  font-family: "Gotham";
  font-weight: 350;
}
@media (min-width: 992px) {
  .content-text h4 {
    font-size: 20px;
    line-height: var(--font-line-height-m, 28px); /* 140% */
  }
}
@media (min-width: 1980px) {
  .content-text h4 {
    font-size: 24px;
    line-height: var(--font-line-height-m, 32px); /* 133.333% */
  }
}
.content-text h4.fw-lighter {
  font-family: "Gotham";
  font-weight: 100;
}
.content-text h4 strong {
  font-family: "Gotham";
  font-weight: bold;
}
.content-text p {
  font-weight: 325 !important;
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
  font-family: "Gotham";
}
@media (min-width: 992px) {
  .content-text p {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  .content-text p {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
  }
}
.content-text p.fw-lighter {
  font-family: "Gotham";
  font-weight: 100;
}
.content-text p strong {
  font-family: "Gotham";
  font-weight: bold;
}
.content-text blockquote {
  padding: var(--Spacing-2xl, 16px) var(--Spacing-2xl, 16px) var(--Spacing-2xl, 16px) var(--Spacing-3xl, 18px);
  border-left: 8px solid var(--Icon-primary, #FFDF00);
  background: var(--Surface-page, #FFF);
  position: relative;
}
@media (min-width: 992px) {
  .content-text blockquote {
    padding: var(--Spacing-2xl, 32px) var(--Spacing-2xl, 32px) var(--Spacing-2xl, 32px) var(--Spacing-3xl, 48px);
  }
}
.content-text blockquote p {
  color: #252839;
  position: relative;
  text-overflow: ellipsis;
  font-size: 18px;
  font-family: Gotham;
  font-style: normal;
  font-weight: 500;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: 28px; /* 177.778% */
}
@media (min-width: 992px) {
  .content-text blockquote p {
    font-size: 20px;
    line-height: var(--font-line-height-m, 28px); /* 140% */
  }
}
@media (min-width: 1980px) {
  .content-text blockquote p {
    font-size: 24px;
    line-height: var(--font-line-height-m, 32px); /* 133.333% */
  }
}
.content-text blockquote p strong {
  font-family: var(--font-family-body, Gotham);
  font-weight: 400;
}
.content-text blockquote cite {
  position: relative;
  display: block;
  margin-top: 16px;
  border-bottom: 2px solid var(--Border-primary, #FFDF00);
  width: fit-content;
  font-size: 18px;
  font-family: Gotham;
  font-style: normal;
  font-weight: 500;
  letter-spacing: var(--font-spacing-0, 0px);
  line-height: 28px; /* 177.778% */
  font-family: "Gotham";
  font-weight: 400 !important;
}
@media (min-width: 992px) {
  .content-text blockquote cite {
    font-size: 20px;
    line-height: var(--font-line-height-m, 28px); /* 140% */
    margin-top: 32px;
  }
}
@media (min-width: 1980px) {
  .content-text blockquote cite {
    font-size: 24px;
    line-height: var(--font-line-height-m, 32px); /* 133.333% */
    margin-top: 36px;
  }
}
.content-text blockquote::before {
  content: "";
  display: block;
  width: 87px;
  height: 67px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="87" height="67" viewBox="0 0 87 67" fill="none"><path d="M17.25 66.7498C11.9167 66.7498 7.66667 64.9164 4.5 61.2498C1.5 57.4164 0 52.3331 0 45.9998C0 36.9998 2.5 28.8331 7.5 21.4998C12.5 13.9998 20.3333 6.83309 31 -0.000244141L36.5 6.24976C29.3333 12.0831 23.75 17.5831 19.75 22.7498C15.75 27.9164 13.5833 32.4998 13.25 36.4998L14.25 37.2498C15.0833 35.7498 17.1667 34.9998 20.5 34.9998C24.1667 34.9998 27.25 36.4998 29.75 39.4998C32.25 42.3331 33.5 45.9998 33.5 50.4998C33.5 55.3331 32 59.2498 29 62.2498C26 65.2498 22.0833 66.7498 17.25 66.7498ZM67.25 66.7498C61.9167 66.7498 57.6667 64.9164 54.5 61.2498C51.5 57.4164 50 52.3331 50 45.9998C50 36.9998 52.5 28.8331 57.5 21.4998C62.5 13.9998 70.3333 6.83309 81 -0.000244141L86.5 6.24976C79.3333 12.0831 73.75 17.5831 69.75 22.7498C65.75 27.9164 63.5833 32.4998 63.25 36.4998L64.25 37.2498C65.0833 35.7498 67.1667 34.9998 70.5 34.9998C74.1667 34.9998 77.25 36.4998 79.75 39.4998C82.25 42.3331 83.5 45.9998 83.5 50.4998C83.5 55.3331 82 59.2498 79 62.2498C76 65.2498 72.0833 66.7498 67.25 66.7498Z" fill="%23FFDF00"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 19%;
  left: 6%;
}
.content-text ul li {
  font-weight: 325 !important;
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
  font-family: "Gotham";
  position: relative;
  padding-left: 14px;
}
@media (min-width: 992px) {
  .content-text ul li {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  .content-text ul li {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
  }
}
.content-text ul li.fw-lighter {
  font-family: "Gotham";
  font-weight: 100;
}
.content-text ul li strong {
  font-family: "Gotham";
  font-weight: bold;
}
.content-text ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--Surface-brand, #CE181E);
  left: 0;
  top: 11px;
  display: inline-block;
  position: absolute;
}
.content-text ol li {
  font-weight: 325 !important;
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
  font-family: "Gotham";
  list-style: numeric;
  list-style-position: inside;
}
@media (min-width: 992px) {
  .content-text ol li {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  .content-text ol li {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
  }
}
.content-text ol li.fw-lighter {
  font-family: "Gotham";
  font-weight: 100;
}
.content-text ol li strong {
  font-family: "Gotham";
  font-weight: bold;
}
.content-text a {
  text-decoration: underline;
}

.case-study-image {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.case-study-image img {
  object-fit: cover;
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
}

.blog-single-header .box-property-wrapper {
  aspect-ratio: 3/4;
}

.single-challenges {
  padding: 24px 0;
}
.single-challenges-icon {
  display: flex;
  width: 100px;
  height: 100px;
  justify-content: center;
  align-items: center;
  background: var(--Surface-primary, #FFDF00);
  flex-shrink: 0;
}
.single-challenges-title {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}

.casestudy-single-header .card-parameters-property {
  flex-direction: column;
}
.casestudy-single-header .card-parameters-property svg {
  display: none;
}
@media (min-width: 576px) {
  .casestudy-single-header .card-parameters-property {
    flex-direction: row;
  }
  .casestudy-single-header .card-parameters-property svg {
    display: block;
  }
}
.casestudy-single-header .box-property-wrapper {
  aspect-ratio: 472/588;
  overflow: hidden;
}
.casestudy-single-header .case-study-image {
  height: 400px;
}
@media (min-width: 768px) {
  .casestudy-single-header .case-study-image {
    height: 100%;
  }
}

.search-results {
  background: rgba(0, 0, 0, 0.3803921569);
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  position: fixed;
  z-index: -99;
  opacity: 0;
  transition: 0.3s ease;
  top: 0;
}
.search-results.--active {
  opacity: 1;
  z-index: 999;
}
.search-results.--active .search-results-wrapper {
  transform: translateX(0px);
}
.search-results-wrapper {
  height: 100vh;
  background: white;
  width: 100%;
  padding: var(--Spacing-3xl, 16px) var(--Spacing-6xl, 32px) var(--Spacing-6xl, 32px) var(--Spacing-6xl, 32px);
  transform: translateX(100%);
  overflow: scroll;
  transition: 0.6s ease;
}
@media (min-width: 576px) {
  .search-results-wrapper {
    padding: var(--Spacing-3xl, 32px) var(--Spacing-6xl, 64px) var(--Spacing-6xl, 64px) var(--Spacing-6xl, 64px);
  }
}
@media (min-width: 768px) {
  .search-results-wrapper {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .search-results-wrapper {
    padding: var(--Spacing-3xl, 48px) var(--Spacing-6xl, 128px) var(--Spacing-6xl, 128px) var(--Spacing-6xl, 128px);
  }
}
.search-results-content {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.search-results-close {
  text-align: right;
}
.search-results-close svg {
  cursor: pointer;
  transform: rotate(0deg);
  transition: 0.3s ease;
}
.search-results-close svg:hover {
  transform: rotate(90deg);
}
.search-results-main {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.search-results-main-title {
  background: var(--Surface-primary, #FFDF00);
  padding-left: 4px;
  padding-right: 4px;
}
.search-results .InputWrap--primary-filter {
  max-width: 354px;
}
@media (max-width: 575.98px) {
  .search-results .swiper-results .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
.search-results .swiper-button-disabled {
  opacity: 0.3;
  cursor: default;
}

.aboutUs-header {
  width: 100%;
  overflow: hidden;
  padding: 80px 0;
  display: flex;
}
.aboutUs-header-item {
  text-align: center;
}
.aboutUs-header-item span {
  color: var(--Text-primary, #FFDF00);
}
@media (min-width: 768px) {
  .aboutUs-header {
    aspect-ratio: 1440/640;
    max-height: 800px;
  }
}

.aboutUs-header-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.aboutUs-header-bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.aboutUs-header-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 9.77%, rgba(0, 0, 0, 0.8) 68.98%);
}

.modal-open {
  overflow: hidden;
}
@media (min-width: 1200px) {
  .modal-open .hero-header {
    left: -7px;
  }
}
#ordp_spinner {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255, 223, 0, 0.8);
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

#ordp_spinner svg {
  max-width: 144px;
  max-height: 144px;
  width: 100%;
  height: 100%;
  animation: zoomInOut 1.2s ease-in-out infinite;
}

@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.breadcrump-wrapper a {
  padding: 0px 8px;
  color: var(--Text-on, #FFF);
  /* S/Regular */
  font-family: var(--font-family-body, Sora);
  font-size: var(--font-size-s, 14px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 300);
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  letter-spacing: var(--font-spacing-0, 0px);
}
@media (min-width: 1980px) {
  .breadcrump-wrapper a {
    font-size: 16px;
  }
}
.breadcrump-wrapper a:hover {
  color: #7F6053;
}

.breadcrump-wrapper .breadcrump-separator {
  font-size: var(--font-size-m, 16px);
  line-height: var(--font-line-height-s, 24px); /* 150% */
}

.breadcrump-wrapper .breadcrump-last {
  color: var(--Text-action, #7F6053);
  font-family: var(--font-family-body, Sora);
  font-size: var(--font-size-s, 14px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 300);
  line-height: var(--font-line-height-xs, 16px); /* 114.286% */
  letter-spacing: var(--font-spacing-0, 0px);
}
@media (min-width: 1980px) {
  .breadcrump-wrapper .breadcrump-last {
    font-size: 16px;
  }
}

.box-contact {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 równe kolumny */
  grid-template-rows: repeat(2, 1fr); /* 2 równe wiersze */
  gap: 22px; /* odstęp między elementami */
}
@media (min-width: 992px) {
  .box-contact {
    grid-template-columns: repeat(1, 1fr); /* 2 równe kolumny */
    grid-template-rows: repeat(1, 1fr); /* 2 równe wiersze */
  }
}
@media (min-width: 1200px) {
  .box-contact {
    grid-template-columns: repeat(2, 1fr); /* 2 równe kolumny */
    grid-template-rows: repeat(2, 1fr); /* 2 równe wiersze */
  }
}
.box-contact-item {
  display: flex;
}
.box-contact-item-1 {
  justify-content: end;
  margin-top: auto;
}
.box-contact-item-1 img {
  max-height: max-content;
  width: 100%;
}
.box-contact-item-2 {
  align-items: flex-end;
  justify-content: flex-start;
}
.box-contact-item-3 {
  justify-content: end;
}
.box-contact-item-3 img {
  max-height: max-content;
}
@media (min-width: 992px) {
  .box-contact-item-3 img {
    max-width: 280px;
    max-height: 280px;
  }
}
@media (min-width: 1200px) {
  .box-contact-item-3 img {
    max-width: 240px;
    max-height: 240px;
  }
}
@media (min-width: 1980px) {
  .box-contact-item-3 img {
    max-width: 280px;
    max-height: 280px;
  }
}
.box-contact-content {
  padding: 24px;
  background: var(--Surface-secondary, #25273A);
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .box-contact-content {
    max-width: 220px;
    max-height: 220px;
  }
}
@media (min-width: 1980px) {
  .box-contact-content p {
    font-size: 16px;
  }
}
.box-contact-content span {
  margin-top: auto;
}

.section-contact {
  background: var(--Surface-primary, #FFDF00);
}
.section-contact-services {
  background: var(--Surface-Blue-100, #F2F3F5);
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999;
}

.menu-overlay.visible {
  opacity: 1;
  visibility: visible;
}

.swiper-property-prev,
.swiper-property-next,
.swiper-testimonial-prev,
.swiper-testimonial-next,
.swiper-single-contact-prev,
.swiper-single-contact-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}
.swiper-property-prev.swiper-button-disabled,
.swiper-property-next.swiper-button-disabled,
.swiper-testimonial-prev.swiper-button-disabled,
.swiper-testimonial-next.swiper-button-disabled,
.swiper-single-contact-prev.swiper-button-disabled,
.swiper-single-contact-next.swiper-button-disabled {
  display: none;
}

.swiper-property-prev,
.swiper-testimonial-prev,
.swiper-single-contact-prev {
  left: 0;
}
@media (min-width: 1200px) {
  .swiper-property-prev,
  .swiper-testimonial-prev,
  .swiper-single-contact-prev {
    left: -96px;
  }
}
.swiper-property-prev svg,
.swiper-testimonial-prev svg,
.swiper-single-contact-prev svg {
  transform: rotate(180deg);
}

.swiper-property-next,
.swiper-testimonial-next,
.swiper-single-contact-next {
  right: 0;
}
@media (min-width: 1200px) {
  .swiper-property-next,
  .swiper-testimonial-next,
  .swiper-single-contact-next {
    right: -96px;
  }
}

.favorites-wrapper {
  position: relative;
  min-height: 186px;
}

.loader-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loader {
  width: 48px;
  height: 48px;
  border: 4px solid #ccc;
  border-top-color: #007bff;
  border-radius: 50%;
}

.favorite-map {
  position: relative;
}

.favorite-map.--hidden {
  pointer-events: none;
  transition: all 0.3s ease;
}
.favorite-map.--hidden:before {
  content: "";
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.8);
}

#mapa-zbiorcza {
  max-width: 952px;
  min-height: 952px;
  position: absolute !important;
  right: 64px;
  top: 64px;
  z-index: 9999;
}

#map-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading-screen {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.loading-icon > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.loading-icon span {
  color: var(--Text-error, #D8494E);
  font-size: var(--font-size-m, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-s, 24px); /* 150% */
  letter-spacing: var(--font-spacing-0, 0px);
}

#kroki {
  color: var(--Text-headline, #000);
  font-family: var(--font-family-body, Gotham);
  font-size: var(--font-size-l, 20px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 400);
  line-height: var(--font-line-height-m, 28px);
  letter-spacing: var(--font-spacing-0, 0px);
  position: absolute;
  top: 24px;
  left: 24px;
}

.loading-box {
  text-align: center;
  font-family: sans-serif;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 5px solid #ffdf00;
  border-top-color: #000;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 20px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.hidden {
  display: none;
}

#favorite-back {
  background: #25273A;
  padding: 24px 16px;
  max-width: 436px;
  width: 100%;
  position: fixed;
  right: 0px;
  bottom: 28px;
  z-index: 99;
  color: #fff;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
@media (min-width: 576px) {
  #favorite-back {
    right: 28px;
  }
}

#favorite-back span:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
}

#loadingIcon {
  position: relative;
}

.nieruchomosci-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}
.nieruchomosci-bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

.result-pagination-list {
  display: flex;
  justify-content: center;
  gap: 4px;
}
.result-pagination-list li:hover span, .result-pagination-list li:hover a {
  border: 1px solid var(--Icon-secondary, #25273A);
}
.result-pagination-list li.active span, .result-pagination-list li.active a {
  border-radius: var(--Radius-null, 0px);
  background: var(--Surface-primary, #FFDF00);
}
.result-pagination-list li.active:hover span, .result-pagination-list li.active:hover a {
  border: unset;
}
.result-pagination-list li.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.result-pagination-list span, .result-pagination-list a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.property-grid {
  position: relative;
  min-height: 700px;
}

.property-map {
  position: relative;
}
.property-map .gm-style-iw-chr {
  z-index: 4;
}

.markerContentImg {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  position: relative;
  display: block;
}
.markerContentImg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.markerContentImg::after {
  content: "";
  position: absolute;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6699054622) 26%, rgba(44, 240, 255, 0) 77%);
  z-index: 22;
  width: 100%;
  top: 0;
  z-index: 2;
  display: block;
}

.markerContent {
  width: 214px;
}

.markerContentImgTitle {
  position: absolute;
  top: 0;
  padding: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4px;
  z-index: 3;
}

.markerContentImgTitleTag {
  display: flex;
  padding: var(--Spacing-s, 4px) var(--Spacing-m, 12px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: var(--Surface-primary, #FFDF00);
  width: fit-content;
  text-transform: uppercase;
}
.markerContentImgTitleTag.type-service {
  background: #7068D5;
  color: var(--Text-action-invert, #FFF);
}

.markerContentInfo {
  padding: 12px;
  background: #F5F2F0;
}

.markerContentInfoArea {
  display: flex;
  flex-direction: column;
}
.markerContentInfoArea span:first-of-type {
  color: #696975;
}

.markerContentInfoPrice {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #C0C0C0;
}
.markerContentInfoPrice span:first-of-type {
  color: #696975;
}

.js-send-raport {
  display: none;
}

.js-raport-redirect {
  display: none;
}

.js-raport-form {
  display: none;
}

.sitemap ul {
  margin-left: 12px;
}
.sitemap ul li {
  font-weight: 325 !important;
  letter-spacing: var(--font-spacing-0, 0px);
  font-family: Gotham;
  font-style: normal;
  font-size: 16px;
  line-height: var(--font-line-height-s, 20px); /* 125% */
  font-weight: 500;
  line-height: 28px;
  font-family: "Gotham";
  position: relative;
  padding-left: 18px;
}
@media (min-width: 992px) {
  .sitemap ul li {
    font-size: var(--font-size-m, 16px);
    line-height: var(--font-line-height-s, 24px); /* 150% */
  }
}
@media (min-width: 1980px) {
  .sitemap ul li {
    font-size: 20px;
    line-height: var(--font-line-height-s, 28px); /* 140% */
  }
}
.sitemap ul li.fw-lighter {
  font-family: "Gotham";
  font-weight: 100;
}
.sitemap ul li strong {
  font-family: "Gotham";
  font-weight: bold;
}
.sitemap ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--Surface-brand, #CE181E);
  left: 0;
  top: 9px;
  display: inline-block;
  position: absolute;
}
@media (min-width: 1980px) {
  .sitemap ul li::before {
    top: 11px;
  }
}

#ai-pov p:not(:empty) {
  border: 2px solid var(--Icon-brand, #CE181E);
  background: var(--Surface-page, #FFF);
  padding: var(--Spacing-l, 16px);
  margin-top: 16px;
}
/*# sourceMappingURL=style.css.map */