@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "icomoon";
  src: url("/wp-content/themes/bridgemark/resources/fonts/icomoon.ttf?le8r5l") format("truetype"), url("/wp-content/themes/bridgemark/resources/fonts/icomoon.woff?le8r5l") format("woff"), url("/wp-content/themes/bridgemark/resources/fonts/icomoon.svg?le8r5l#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0 !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-whatsapp:before {
  content: "\e908";
}

.icon-switch:before {
  content: "\e907";
}

.icon-phone:before {
  content: "\e905";
}

.icon-email:before {
  content: "\e906";
}

.icon-youtube:before {
  content: "\e900";
}

.icon-linkedin:before {
  content: "\e901";
}

.icon-x:before {
  content: "\e902";
}

.icon-instagram:before {
  content: "\e903";
}

.icon-facebook:before {
  content: "\e904";
}

/* Стили для логотипа с прогресс-баром */
:root {
  --circle-size: 5.36vw;
  --circle-size: clamp(54px, 5.36vw, 110px);
  --dot-size: max(40px, 2.708vw);
  --circle-gap: clamp(4px, 0.4vw, 10px);
  --grid-columns: 8;
  --page-bg: #ffffff;
  --text-color: #111111;
  --circle-border: rgba(255, 0, 55, 0.11);
  --circle-border-strong: rgba(255, 0, 55, 0.2);
  --circle-fill-light: rgba(255, 0, 55, 0.08);
  --circle-fill-medium: rgba(255, 0, 55, 0.15);
  --dot-gap: max(0.5729vw, 8px);
  --dot-border-default: rgba(255, 0, 55, 0.11);
  --dot-border-strong: rgba(255, 0, 55, 0.6);
}

@media (max-width: 1023px) {
  :root {
    --circle-size: clamp(0px, 5.36vw, 110px);
  }
}
@media (max-width: 1023px) {
  :root {
    --dot-size: 2rem;
  }
  .circles-wrapper {
    max-width: 18.75rem;
  }
}
@media (max-width: 639px) {
  :root {
    --circle-size: 8.5vw;
    --grid-columns: 8;
    --circle-gap: 1vw;
  }
}
.illustration-block * {
  touch-action: manipulation;
}
.illustration-block {
  /* Reduced motion support */
}
@media (prefers-reduced-motion: reduce) {
  .illustration-block *,
  .illustration-block *::before,
  .illustration-block *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.illustration-block {
  /* Fallback styles for older browsers */
}
.illustration-block .circle {
  width: 5vw;
  height: 5vw;
  border: 1px solid rgba(255, 0, 55, 0.11);
}
.illustration-block .circle-dot {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 0, 55, 0.11);
}
.illustration-block {
  /* Performance optimizations */
}
.illustration-block .circle, .illustration-block .circle-dot {
  will-change: transform, opacity;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
@media (prefers-reduced-data: reduce) {
  .illustration-block .circle, .illustration-block .circle-dot {
    animation: none;
    transition: none;
  }
}
.illustration-block .low-performance .circle,
.illustration-block .low-performance .circle-dot {
  will-change: auto;
  transform: none;
}
.illustration-block .low-performance .progress-bar::after {
  display: none;
}
.illustration-block .mobile-performance .circle,
.illustration-block .mobile-performance .circle-dot {
  transform: translateZ(0);
}
.illustration-block .mobile-performance .progress-bar::after {
  animation-duration: 3s;
}
.illustration-block .no-motion .circle,
.illustration-block .no-motion .circle-dot {
  transition: none !important;
  animation: none !important;
}
.illustration-block .no-motion .progress-bar {
  transition: width 0.1s ease !important;
}
.illustration-block {
  /* Grid Section Styles */
}
.illustration-block .grid-section {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
}
@media (min-width: 768px) {
  .illustration-block .grid-section {
    gap: 2rem;
  }
}
@media (min-width: 1024px) {
  .illustration-block .grid-section {
    gap: min(3vw, 62px);
    align-items: flex-end;
  }
}
.illustration-block .grid-container {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), var(--circle-size));
  gap: var(--circle-gap);
  justify-content: center;
  align-content: center;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  aspect-ratio: 240/210;
  max-width: 947px;
  row-gap: 3px;
}
@media (min-width: 768px) {
  .illustration-block .grid-container {
    row-gap: --circle-gap;
    aspect-ratio: 292/255;
  }
}
.illustration-block {
  /* Fallback for no grid support */
}
.illustration-block .no-grid-support .grid-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 600px;
}
.illustration-block .no-grid-support .circle {
  margin: 5px;
}
.illustration-block .circle {
  width: var(--circle-size);
  height: var(--circle-size);
  border-radius: 50%;
  border: 1px solid var(--circle-border);
  background: transparent;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  will-change: transform, border-color, background-color;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  z-index: 2;
}
.illustration-block .circle.core {
  background: var(--circle-fill-medium);
  border-color: var(--circle-border-strong);
}
.illustration-block .circle.above {
  background: transparent;
  border-color: var(--circle-border);
}
.illustration-block .circle.below {
  background: transparent;
  border-color: var(--circle-border-strong);
}
.illustration-block .circle.painted-red {
  background: #FF0037 !important;
  border-color: #FF0037 !important;
}
.illustration-block .circle.painted-black {
  background: #111111 !important;
  border-color: #111111 !important;
}
.illustration-block {
  /* Прогресс-бар */
}
.illustration-block .progress-container {
  width: 74.8vw;
  height: 5px;
  background: rgba(255, 0, 55, 0.1);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 640px) {
  .illustration-block .progress-container {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .illustration-block .progress-container {
    max-width: min(100%, 947px);
    align-self: flex-end;
    margin-left: 0.75vw;
  }
}
.illustration-block .progress-bar {
  height: 100%;
  width: 0%;
  background: #FF0037;
  border-radius: 3px;
  transition: width 0.5s ease;
  position: relative;
}
.illustration-block .progress-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  animation: shimmer 2s infinite;
  /* Reduced motion for progress bar */
}
@media (prefers-reduced-motion: reduce) {
  .illustration-block .progress-bar::after {
    animation: none;
  }
}
.illustration-block {
  /* Мобильная подсказка */
}
.illustration-block .mobile-hint {
  display: block;
  text-align: left;
  font-size: 0.9rem;
  color: #666;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
@media (min-width: 768px) {
  .illustration-block .mobile-hint {
    display: none;
  }
}
@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.illustration-block {
  /* Engagement Formats Styles */
  /* ====== Иллюстрации Engagement Formats ====== */
}
.illustration-block .circles-wrapper {
  position: relative;
  width: auto;
  max-width: 100%;
  aspect-ratio: 1/1;
  background: transparent;
}
.illustration-block .circles-grid {
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  gap: var(--dot-gap);
  justify-content: center;
  align-content: center;
  cursor: default;
}
.illustration-block .circle-dot {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid var(--dot-border-default);
  background: transparent;
  transform: translate3d(0, 0, 0) scale(1);
  pointer-events: none;
  opacity: 0;
}
.illustration-block .circle-dot.is-active {
  border-color: rgba(255, 0, 55, 0.35);
}
.illustration-block .circle-dot.is-filled {
  background: rgba(255, 0, 55, 0.11);
  border-color: rgba(255, 0, 55, 0.2);
}
.illustration-block .circle-dot.is-strong {
  border-color: rgba(255, 0, 55, 0.35);
}
.illustration-block .circle-dot.is-dashed {
  border: none !important;
  border-style: none;
  background: repeating-conic-gradient(rgb(255, 0, 55) 0deg 8deg, transparent 8deg 18deg);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), rgba(255, 0, 55, 0.3) calc(100% - 2px));
}
html.lenis, html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent], .lenis [data-lenis-prevent-wheel], .lenis [data-lenis-prevent-touch] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}

.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);
  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 */
: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;
  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: #FFD9E1;
  position: relative;
  border-radius: 7px;
  overflow: hidden;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #FF0037;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
  border-radius: 7px;
}
.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: 5px;
  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, 5px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

/*
  @param {$fontfamily} - font family name
  @param {$filename} - file name in 'fonts' folder (e.g. my-web-font.woff)
  @param {$fontweight} - @default: normal;
  @param {$fontstyle} - @default: normal;

  NOTE: used only woff, because in supported in all browsers:
*/
/*

  @param {$min-font-size} - minimum font size (in PX)
  @param {$max-font-size} - maximum font size (in PX)
  @param {$min-vw} - minimum viewport where minimum font size become fixed @default: $fluid-min;
  @param {$max-vw} - maximum viewport where maximum font size become fixed @default: $fluid-max;

  h1 {
    @include fluid-type(12px, 24px);
  }

  NOTE:

  Important: all values should be in same units (px, rem, em)

  h2 {
    @include fluid-type(2rem, 4rem, 32rem, 190rem);
  }

  This font work:;

  h2 {
    @include fluid-type(2rem, 4em, 320px, 1920px);
  }

*/
/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container {
  margin-left: auto; /* 2 */
  margin-right: auto; /* 2 */
  padding-left: 1.04166vw; /* 3 */
  padding-right: 1.04166vw; /* 3 */
  width: 100%; /* 1 */
}
@media screen and (min-width: 768px) {
  .container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .container {
    padding-left: 3.125vw;
    padding-right: 3.125vw;
  }
}

.unstyled-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

.visually-hidden,
.hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.resetButton {
  appearance: none;
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

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

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

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

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

@media screen and (min-width: 1024px) {
  .only-mobile-view {
    display: none;
  }
}

.from-tablet-view {
  display: none;
}
@media screen and (min-width: 1024px) {
  .from-tablet-view {
    display: block;
  }
}

@media screen and (max-width: 1023px) {
  .only-desktop-view {
    display: none;
  }
}

.mf-cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 250;
  direction: ltr;
  contain: layout style size;
  pointer-events: none;
  transition: opacity 0.3s, color 0.4s;
}
@media screen and (max-width: 1023px) {
  .mf-cursor {
    display: none !important;
  }
}
.mf-cursor:before {
  content: "";
  position: absolute;
  top: -24px;
  left: -24px;
  display: block;
  width: 48px;
  height: 48px;
  transform: scale(0.416667);
  background: currentColor;
  border-radius: 50%;
  transition: transform 0.25s ease-in-out, opacity 0.1s;
}
.mf-cursor.-inverse {
  color: white;
}
@supports (mix-blend-mode: exclusion) {
  .mf-cursor.-exclusion {
    mix-blend-mode: exclusion;
  }
  .mf-cursor.-exclusion:before {
    background: white;
  }
}
.mf-cursor.-pointer:before {
  transform: scale(0.15);
}
.mf-cursor.-text:before {
  background: #FF0037;
  opacity: 1;
  transform: scale(1.7);
}
.mf-cursor.-text.-active:before {
  transform: scale(1.6);
  transition-duration: 0.2s;
}
.mf-cursor.-icon:before {
  transform: scale(1.5);
}
.mf-cursor.-icon.-active:before {
  transform: scale(1.4);
}
.mf-cursor.-hidden:before {
  transform: scale(0);
}
.mf-cursor-circle-blur .mf-cursor-media {
  backdrop-filter: blur(225px);
  background: #fff;
  border-radius: 50%;
}
.mf-cursor-text {
  position: absolute;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  top: 50%;
  left: 50%;
  justify-content: center;
  transform: translate(-50%, -50%) scale(0) rotate(10deg);
  font-weight: bold;
  font-size: 1rem;
  opacity: 0;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  transition: opacity 0.4s, transform 0.3s;
}
.mf-cursor.-text .mf-cursor-text, .mf-cursor.-icon .mf-cursor-text {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.mf-cursor-media {
  position: absolute;
  width: 400px;
  height: 400px;
  margin: -200px 0 0 -200px;
}
.mf-cursor-media img, .mf-cursor-media video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
@supports (object-fit: cover) {
  .mf-cursor-media img, .mf-cursor-media video {
    position: static;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateZ(0);
  }
}
.mf-cursor-media-box {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: scale(0) translateZ(0);
  padding: 1px;
  opacity: 0;
  border-radius: 50%;
  transition: transform 0.35s, opacity 0.2s 0.2s;
}
.mf-cursor.-media .mf-cursor-media-box {
  opacity: 1;
  transform: scale(0.696);
  transition-duration: 0.4s, 0.4s;
  transition-delay: 0s, 0s;
}

.blur-ball {
  position: absolute;
  width: 513px;
  height: 513px;
  pointer-events: none;
  border-radius: 50%;
  background: #fff;
  filter: blur(112.5px);
  opacity: 1;
  top: 0;
  left: 0;
  z-index: 0; /* над секцией, но под cursor-icon */
  transform: translate(-50%, -50%);
}

/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*:before,
*:after {
  box-sizing: inherit;
}

/**
 * Set up a decent box model on the root element
 */
html {
  font-size: 16px;
}

/**
 * Basic typography style for copy text
 */
body {
  color: #000;
  background-color: #fff;
  font-family: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-optical-sizing: auto;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 1024px) {
  body {
    font-size: clamp(1rem, 1.25vw, 1.75rem);
  }
}

/**
 * Basic styles for links
 */
a {
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  color: #FF0037;
  text-decoration: none;
}
a:hover {
  color: rgb(213.8207171315, 92.5358565737, 11.6792828685);
  text-decoration: none;
}

ul,
ol,
dl,
p {
  margin: 0 0 1.5em;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
  font-family: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight: 500;
  margin: 0 0 2vw;
  line-height: 1.03;
  color: #000;
  letter-spacing: -0.06em;
}

h1,
.h1 {
  font-size: 3rem;
}
@media screen and (min-width: 1024px) {
  h1,
  .h1 {
    font-size: clamp(3.75rem, 5.7292vw, 6.875rem);
  }
}

h2,
.h2 {
  font-size: 2.5rem;
}
@media screen and (min-width: 1024px) {
  h2,
  .h2 {
    font-size: 5vw;
  }
}

h3,
.h3 {
  font-size: 1.75rem;
  font-size: clamp(2rem, 2.5vw, 3.625rem);
}
@media screen and (min-width: 1024px) {
  h3,
  .h3 {
    font-size: clamp(2rem, 2.5vw, 3.625rem);
  }
}

h4,
.h4 {
  font-size: 20px;
}
@media screen and (min-width: 1024px) {
  h4,
  .h4 {
    font-size: 30px;
  }
}

h5,
.h5 {
  font-size: 18px;
}
@media screen and (min-width: 1024px) {
  h5,
  .h5 {
    font-size: 28px;
  }
}

h6,
.h6 {
  font-size: 26px;
}

.text-small {
  font-size: 14px;
}

.text-medium {
  font-size: 18px;
}

.text-base {
  font-size: 14px;
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  background-color: transparent;
  color: #000;
  height: 40px;
  width: 100%;
  min-width: 0;
  padding: 5px 10px;
  border: 1px solid transparent;
  border-radius: 0;
  font-family: inherit;
  font-size: clamp(1rem, 1.25vw, 1.75rem);
  appearance: none;
  -webkit-appearance: none;
}
input[type=text]:focus, input[type=text]:hover,
input[type=email]:focus,
input[type=email]:hover,
input[type=tel]:focus,
input[type=tel]:hover,
textarea:focus,
textarea:hover {
  box-shadow: none;
  outline: none;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
textarea::placeholder {
  color: #000;
  font-size: inherit;
}

textarea {
  display: block;
  height: 200px;
  padding: 5px 10px;
  border-radius: 0;
  resize: none;
}

/* set styles for grid */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  width: calc(100% + 30px);
}
.row.gutters-xs {
  margin-right: -10px;
  margin-left: -10px;
  width: calc(100% + 20px);
}
.row.gutters-sm {
  margin-right: -12px;
  margin-left: -12px;
  width: calc(100% + 24px);
}
@media screen and (min-width: 1024px) {
  .row.gutters-md {
    margin-right: -20px;
    margin-left: -20px;
    width: calc(100% + 40px);
  }
}
@media screen and (min-width: 1024px) {
  .row.gutters-lg {
    margin-right: -28px;
    margin-left: -28px;
    width: calc(100% + 56px);
  }
}
@media screen and (min-width: 1024px) {
  .row.gutters-xl {
    margin-right: -28px;
    margin-left: -28px;
    width: calc(100% + 56px);
  }
}
@media screen and (min-width: 1280px) {
  .row.gutters-xl {
    margin-right: -55px;
    margin-left: -55px;
    width: calc(100% + 110px);
  }
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs,
.col-xs-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.gutters-xs > .col-1,
.gutters-xs > .col-2,
.gutters-xs > .col-3,
.gutters-xs > .col-4,
.gutters-xs > .col-5,
.gutters-xs > .col-6,
.gutters-xs > .col-7,
.gutters-xs > .col-8,
.gutters-xs > .col-9,
.gutters-xs > .col-10,
.gutters-xs > .col-11,
.gutters-xs > .col-12,
.gutters-xs > .col,
.gutters-xs > .col-auto,
.gutters-xs > .col-xs-1,
.gutters-xs > .col-xs-2,
.gutters-xs > .col-xs-3,
.gutters-xs > .col-xs-4,
.gutters-xs > .col-xs-5,
.gutters-xs > .col-xs-6,
.gutters-xs > .col-xs-7,
.gutters-xs > .col-xs-8,
.gutters-xs > .col-xs-9,
.gutters-xs > .col-xs-10,
.gutters-xs > .col-xs-11,
.gutters-xs > .col-xs-12,
.gutters-xs > .col-xs,
.gutters-xs > .col-xs-auto,
.gutters-xs > .col-md-1,
.gutters-xs > .col-md-2,
.gutters-xs > .col-md-3,
.gutters-xs > .col-md-4,
.gutters-xs > .col-md-5,
.gutters-xs > .col-md-6,
.gutters-xs > .col-md-7,
.gutters-xs > .col-md-8,
.gutters-xs > .col-md-9,
.gutters-xs > .col-md-10,
.gutters-xs > .col-md-11,
.gutters-xs > .col-md-12,
.gutters-xs > .col-md,
.gutters-xs > .col-md-auto,
.gutters-xs > .col-lg-1,
.gutters-xs > .col-lg-2,
.gutters-xs > .col-lg-3,
.gutters-xs > .col-lg-4,
.gutters-xs > .col-lg-5,
.gutters-xs > .col-lg-6,
.gutters-xs > .col-lg-7,
.gutters-xs > .col-lg-8,
.gutters-xs > .col-lg-9,
.gutters-xs > .col-lg-10,
.gutters-xs > .col-lg-11,
.gutters-xs > .col-lg-12,
.gutters-xs > .col-lg,
.gutters-xs > .col-lg-auto,
.gutters-xs > .col-xl-1,
.gutters-xs > .col-xl-2,
.gutters-xs > .col-xl-3,
.gutters-xs > .col-xl-4,
.gutters-xs > .col-xl-5,
.gutters-xs > .col-xl-6,
.gutters-xs > .col-xl-7,
.gutters-xs > .col-xl-8,
.gutters-xs > .col-xl-9,
.gutters-xs > .col-xl-10,
.gutters-xs > .col-xl-11,
.gutters-xs > .col-xl-12,
.gutters-xs > .col-xl-1,
.gutters-xs > .col-xl-2,
.gutters-xs > .col-xl-3,
.gutters-xs > .col-xl-4,
.gutters-xs > .col-xl-5,
.gutters-xs > .col-xl-6,
.gutters-xs > .col-xl-7,
.gutters-xs > .col-xl-8,
.gutters-xs > .col-xl-9,
.gutters-xs > .col-xl-10,
.gutters-xs > .col-xl-11,
.gutters-xs > .col-xl-12,
.gutters-xs > .col-xl,
.gutters-xs > .col-xl-auto,
.gutters-xs > .col-xxl-1,
.gutters-xs > .col-xxl-2,
.gutters-xs > .col-xxl-3,
.gutters-xs > .col-xl-4,
.gutters-xs > .col-xxl-5,
.gutters-xs > .col-xxl-6,
.gutters-xs > .col-xxl-7,
.gutters-xs > .col-xxl-8,
.gutters-xs > .col-xxl-9,
.gutters-xs > .col-xxl-10,
.gutters-xs > .col-xxl-11,
.gutters-xs > .col-xxl-12,
.gutters-xs > .col-xxl,
.gutters-xs > .col-xxl-auto {
  padding-left: 10px;
  padding-right: 10px;
}
.gutters-sm > .col-1,
.gutters-sm > .col-2,
.gutters-sm > .col-3,
.gutters-sm > .col-4,
.gutters-sm > .col-5,
.gutters-sm > .col-6,
.gutters-sm > .col-7,
.gutters-sm > .col-8,
.gutters-sm > .col-9,
.gutters-sm > .col-10,
.gutters-sm > .col-11,
.gutters-sm > .col-12,
.gutters-sm > .col,
.gutters-sm > .col-auto,
.gutters-sm > .col-xs-1,
.gutters-sm > .col-xs-2,
.gutters-sm > .col-xs-3,
.gutters-sm > .col-xs-4,
.gutters-sm > .col-xs-5,
.gutters-sm > .col-xs-6,
.gutters-sm > .col-xs-7,
.gutters-sm > .col-xs-8,
.gutters-sm > .col-xs-9,
.gutters-sm > .col-xs-10,
.gutters-sm > .col-xs-11,
.gutters-sm > .col-xs-12,
.gutters-sm > .col-xs,
.gutters-sm > .col-xs-auto,
.gutters-sm > .col-md-1,
.gutters-sm > .col-md-2,
.gutters-sm > .col-md-3,
.gutters-sm > .col-md-4,
.gutters-sm > .col-md-5,
.gutters-sm > .col-md-6,
.gutters-sm > .col-md-7,
.gutters-sm > .col-md-8,
.gutters-sm > .col-md-9,
.gutters-sm > .col-md-10,
.gutters-sm > .col-md-11,
.gutters-sm > .col-md-12,
.gutters-sm > .col-md,
.gutters-sm > .col-md-auto,
.gutters-sm > .col-lg-1,
.gutters-sm > .col-lg-2,
.gutters-sm > .col-lg-3,
.gutters-sm > .col-lg-4,
.gutters-sm > .col-lg-5,
.gutters-sm > .col-lg-6,
.gutters-sm > .col-lg-7,
.gutters-sm > .col-lg-8,
.gutters-sm > .col-lg-9,
.gutters-sm > .col-lg-10,
.gutters-sm > .col-lg-11,
.gutters-sm > .col-lg-12,
.gutters-sm > .col-lg,
.gutters-sm > .col-lg-auto,
.gutters-sm > .col-xl-1,
.gutters-sm > .col-xl-2,
.gutters-sm > .col-xl-3,
.gutters-sm > .col-xl-4,
.gutters-sm > .col-xl-5,
.gutters-sm > .col-xl-6,
.gutters-sm > .col-xl-7,
.gutters-sm > .col-xl-8,
.gutters-sm > .col-xl-9,
.gutters-sm > .col-xl-10,
.gutters-sm > .col-xl-11,
.gutters-sm > .col-xl-12,
.gutters-sm > .col-xl-1,
.gutters-sm > .col-xl-2,
.gutters-sm > .col-xl-3,
.gutters-sm > .col-xl-4,
.gutters-sm > .col-xl-5,
.gutters-sm > .col-xl-6,
.gutters-sm > .col-xl-7,
.gutters-sm > .col-xl-8,
.gutters-sm > .col-xl-9,
.gutters-sm > .col-xl-10,
.gutters-sm > .col-xl-11,
.gutters-sm > .col-xl-12,
.gutters-sm > .col-xl,
.gutters-sm > .col-xl-auto,
.gutters-sm > .col-xxl-1,
.gutters-sm > .col-xxl-2,
.gutters-sm > .col-xxl-3,
.gutters-sm > .col-xl-4,
.gutters-sm > .col-xxl-5,
.gutters-sm > .col-xxl-6,
.gutters-sm > .col-xxl-7,
.gutters-sm > .col-xxl-8,
.gutters-sm > .col-xxl-9,
.gutters-sm > .col-xxl-10,
.gutters-sm > .col-xxl-11,
.gutters-sm > .col-xxl-12,
.gutters-sm > .col-xxl,
.gutters-sm > .col-xxl-auto {
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (min-width: 1024px) {
  .gutters-md > .col-1,
  .gutters-md > .col-2,
  .gutters-md > .col-3,
  .gutters-md > .col-4,
  .gutters-md > .col-5,
  .gutters-md > .col-6,
  .gutters-md > .col-7,
  .gutters-md > .col-8,
  .gutters-md > .col-9,
  .gutters-md > .col-10,
  .gutters-md > .col-11,
  .gutters-md > .col-12,
  .gutters-md > .col,
  .gutters-md > .col-auto,
  .gutters-md > .col-xs-1,
  .gutters-md > .col-xs-2,
  .gutters-md > .col-xs-3,
  .gutters-md > .col-xs-4,
  .gutters-md > .col-xs-5,
  .gutters-md > .col-xs-6,
  .gutters-md > .col-xs-7,
  .gutters-md > .col-xs-8,
  .gutters-md > .col-xs-9,
  .gutters-md > .col-xs-10,
  .gutters-md > .col-xs-11,
  .gutters-md > .col-xs-12,
  .gutters-md > .col-xs,
  .gutters-md > .col-xs-auto,
  .gutters-md > .col-md-1,
  .gutters-md > .col-md-2,
  .gutters-md > .col-md-3,
  .gutters-md > .col-md-4,
  .gutters-md > .col-md-5,
  .gutters-md > .col-md-6,
  .gutters-md > .col-md-7,
  .gutters-md > .col-md-8,
  .gutters-md > .col-md-9,
  .gutters-md > .col-md-10,
  .gutters-md > .col-md-11,
  .gutters-md > .col-md-12,
  .gutters-md > .col-md,
  .gutters-md > .col-md-auto,
  .gutters-md > .col-lg-1,
  .gutters-md > .col-lg-2,
  .gutters-md > .col-lg-3,
  .gutters-md > .col-lg-4,
  .gutters-md > .col-lg-5,
  .gutters-md > .col-lg-6,
  .gutters-md > .col-lg-7,
  .gutters-md > .col-lg-8,
  .gutters-md > .col-lg-9,
  .gutters-md > .col-lg-10,
  .gutters-md > .col-lg-11,
  .gutters-md > .col-lg-12,
  .gutters-md > .col-lg,
  .gutters-md > .col-lg-auto,
  .gutters-md > .col-xl-1,
  .gutters-md > .col-xl-2,
  .gutters-md > .col-xl-3,
  .gutters-md > .col-xl-4,
  .gutters-md > .col-xl-5,
  .gutters-md > .col-xl-6,
  .gutters-md > .col-xl-7,
  .gutters-md > .col-xl-8,
  .gutters-md > .col-xl-9,
  .gutters-md > .col-xl-10,
  .gutters-md > .col-xl-11,
  .gutters-md > .col-xl-12,
  .gutters-md > .col-xl-1,
  .gutters-md > .col-xl-2,
  .gutters-md > .col-xl-3,
  .gutters-md > .col-xl-4,
  .gutters-md > .col-xl-5,
  .gutters-md > .col-xl-6,
  .gutters-md > .col-xl-7,
  .gutters-md > .col-xl-8,
  .gutters-md > .col-xl-9,
  .gutters-md > .col-xl-10,
  .gutters-md > .col-xl-11,
  .gutters-md > .col-xl-12,
  .gutters-md > .col-xl,
  .gutters-md > .col-xl-auto,
  .gutters-md > .col-xxl-1,
  .gutters-md > .col-xxl-2,
  .gutters-md > .col-xxl-3,
  .gutters-md > .col-xl-4,
  .gutters-md > .col-xxl-5,
  .gutters-md > .col-xxl-6,
  .gutters-md > .col-xxl-7,
  .gutters-md > .col-xxl-8,
  .gutters-md > .col-xxl-9,
  .gutters-md > .col-xxl-10,
  .gutters-md > .col-xxl-11,
  .gutters-md > .col-xxl-12,
  .gutters-md > .col-xxl,
  .gutters-md > .col-xxl-auto {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .gutters-lg > .col-1,
  .gutters-lg > .col-2,
  .gutters-lg > .col-3,
  .gutters-lg > .col-4,
  .gutters-lg > .col-5,
  .gutters-lg > .col-6,
  .gutters-lg > .col-7,
  .gutters-lg > .col-8,
  .gutters-lg > .col-9,
  .gutters-lg > .col-10,
  .gutters-lg > .col-11,
  .gutters-lg > .col-12,
  .gutters-lg > .col,
  .gutters-lg > .col-auto,
  .gutters-lg > .col-xs-1,
  .gutters-lg > .col-xs-2,
  .gutters-lg > .col-xs-3,
  .gutters-lg > .col-xs-4,
  .gutters-lg > .col-xs-5,
  .gutters-lg > .col-xs-6,
  .gutters-lg > .col-xs-7,
  .gutters-lg > .col-xs-8,
  .gutters-lg > .col-xs-9,
  .gutters-lg > .col-xs-10,
  .gutters-lg > .col-xs-11,
  .gutters-lg > .col-xs-12,
  .gutters-lg > .col-xs,
  .gutters-lg > .col-xs-auto,
  .gutters-lg > .col-md-1,
  .gutters-lg > .col-md-2,
  .gutters-lg > .col-md-3,
  .gutters-lg > .col-md-4,
  .gutters-lg > .col-md-5,
  .gutters-lg > .col-md-6,
  .gutters-lg > .col-md-7,
  .gutters-lg > .col-md-8,
  .gutters-lg > .col-md-9,
  .gutters-lg > .col-md-10,
  .gutters-lg > .col-md-11,
  .gutters-lg > .col-md-12,
  .gutters-lg > .col-md,
  .gutters-lg > .col-md-auto,
  .gutters-lg > .col-lg-1,
  .gutters-lg > .col-lg-2,
  .gutters-lg > .col-lg-3,
  .gutters-lg > .col-lg-4,
  .gutters-lg > .col-lg-5,
  .gutters-lg > .col-lg-6,
  .gutters-lg > .col-lg-7,
  .gutters-lg > .col-lg-8,
  .gutters-lg > .col-lg-9,
  .gutters-lg > .col-lg-10,
  .gutters-lg > .col-lg-11,
  .gutters-lg > .col-lg-12,
  .gutters-lg > .col-lg,
  .gutters-lg > .col-lg-auto,
  .gutters-lg > .col-xl-1,
  .gutters-lg > .col-xl-2,
  .gutters-lg > .col-xl-3,
  .gutters-lg > .col-xl-4,
  .gutters-lg > .col-xl-5,
  .gutters-lg > .col-xl-6,
  .gutters-lg > .col-xl-7,
  .gutters-lg > .col-xl-8,
  .gutters-lg > .col-xl-9,
  .gutters-lg > .col-xl-10,
  .gutters-lg > .col-xl-11,
  .gutters-lg > .col-xl-12,
  .gutters-lg > .col-xl-1,
  .gutters-lg > .col-xl-2,
  .gutters-lg > .col-xl-3,
  .gutters-lg > .col-xl-4,
  .gutters-lg > .col-xl-5,
  .gutters-lg > .col-xl-6,
  .gutters-lg > .col-xl-7,
  .gutters-lg > .col-xl-8,
  .gutters-lg > .col-xl-9,
  .gutters-lg > .col-xl-10,
  .gutters-lg > .col-xl-11,
  .gutters-lg > .col-xl-12,
  .gutters-lg > .col-xl,
  .gutters-lg > .col-xl-auto,
  .gutters-lg > .col-xxl-1,
  .gutters-lg > .col-xxl-2,
  .gutters-lg > .col-xxl-3,
  .gutters-lg > .col-xl-4,
  .gutters-lg > .col-xxl-5,
  .gutters-lg > .col-xxl-6,
  .gutters-lg > .col-xxl-7,
  .gutters-lg > .col-xxl-8,
  .gutters-lg > .col-xxl-9,
  .gutters-lg > .col-xxl-10,
  .gutters-lg > .col-xxl-11,
  .gutters-lg > .col-xxl-12,
  .gutters-lg > .col-xxl,
  .gutters-lg > .col-xxl-auto {
    padding-right: 28px;
    padding-left: 28px;
  }
}
@media screen and (min-width: 1024px) {
  .gutters-xl > .col-1,
  .gutters-xl > .col-2,
  .gutters-xl > .col-3,
  .gutters-xl > .col-4,
  .gutters-xl > .col-5,
  .gutters-xl > .col-6,
  .gutters-xl > .col-7,
  .gutters-xl > .col-8,
  .gutters-xl > .col-9,
  .gutters-xl > .col-10,
  .gutters-xl > .col-11,
  .gutters-xl > .col-12,
  .gutters-xl > .col,
  .gutters-xl > .col-auto,
  .gutters-xl > .col-xs-1,
  .gutters-xl > .col-xs-2,
  .gutters-xl > .col-xs-3,
  .gutters-xl > .col-xs-4,
  .gutters-xl > .col-xs-5,
  .gutters-xl > .col-xs-6,
  .gutters-xl > .col-xs-7,
  .gutters-xl > .col-xs-8,
  .gutters-xl > .col-xs-9,
  .gutters-xl > .col-xs-10,
  .gutters-xl > .col-xs-11,
  .gutters-xl > .col-xs-12,
  .gutters-xl > .col-xs,
  .gutters-xl > .col-xs-auto,
  .gutters-xl > .col-md-1,
  .gutters-xl > .col-md-2,
  .gutters-xl > .col-md-3,
  .gutters-xl > .col-md-4,
  .gutters-xl > .col-md-5,
  .gutters-xl > .col-md-6,
  .gutters-xl > .col-md-7,
  .gutters-xl > .col-md-8,
  .gutters-xl > .col-md-9,
  .gutters-xl > .col-md-10,
  .gutters-xl > .col-md-11,
  .gutters-xl > .col-md-12,
  .gutters-xl > .col-md,
  .gutters-xl > .col-md-auto,
  .gutters-xl > .col-lg-1,
  .gutters-xl > .col-lg-2,
  .gutters-xl > .col-lg-3,
  .gutters-xl > .col-lg-4,
  .gutters-xl > .col-lg-5,
  .gutters-xl > .col-lg-6,
  .gutters-xl > .col-lg-7,
  .gutters-xl > .col-lg-8,
  .gutters-xl > .col-lg-9,
  .gutters-xl > .col-lg-10,
  .gutters-xl > .col-lg-11,
  .gutters-xl > .col-lg-12,
  .gutters-xl > .col-lg,
  .gutters-xl > .col-lg-auto,
  .gutters-xl > .col-xl-1,
  .gutters-xl > .col-xl-2,
  .gutters-xl > .col-xl-3,
  .gutters-xl > .col-xl-4,
  .gutters-xl > .col-xl-5,
  .gutters-xl > .col-xl-6,
  .gutters-xl > .col-xl-7,
  .gutters-xl > .col-xl-8,
  .gutters-xl > .col-xl-9,
  .gutters-xl > .col-xl-10,
  .gutters-xl > .col-xl-11,
  .gutters-xl > .col-xl-12,
  .gutters-xl > .col-xl-1,
  .gutters-xl > .col-xl-2,
  .gutters-xl > .col-xl-3,
  .gutters-xl > .col-xl-4,
  .gutters-xl > .col-xl-5,
  .gutters-xl > .col-xl-6,
  .gutters-xl > .col-xl-7,
  .gutters-xl > .col-xl-8,
  .gutters-xl > .col-xl-9,
  .gutters-xl > .col-xl-10,
  .gutters-xl > .col-xl-11,
  .gutters-xl > .col-xl-12,
  .gutters-xl > .col-xl,
  .gutters-xl > .col-xl-auto,
  .gutters-xl > .col-xxl-1,
  .gutters-xl > .col-xxl-2,
  .gutters-xl > .col-xxl-3,
  .gutters-xl > .col-xl-4,
  .gutters-xl > .col-xxl-5,
  .gutters-xl > .col-xxl-6,
  .gutters-xl > .col-xxl-7,
  .gutters-xl > .col-xxl-8,
  .gutters-xl > .col-xxl-9,
  .gutters-xl > .col-xxl-10,
  .gutters-xl > .col-xxl-11,
  .gutters-xl > .col-xxl-12,
  .gutters-xl > .col-xxl,
  .gutters-xl > .col-xxl-auto {
    padding-right: 28px;
    padding-left: 28px;
  }
}
@media screen and (min-width: 1280px) {
  .gutters-xl > .col-1,
  .gutters-xl > .col-2,
  .gutters-xl > .col-3,
  .gutters-xl > .col-4,
  .gutters-xl > .col-5,
  .gutters-xl > .col-6,
  .gutters-xl > .col-7,
  .gutters-xl > .col-8,
  .gutters-xl > .col-9,
  .gutters-xl > .col-10,
  .gutters-xl > .col-11,
  .gutters-xl > .col-12,
  .gutters-xl > .col,
  .gutters-xl > .col-auto,
  .gutters-xl > .col-xs-1,
  .gutters-xl > .col-xs-2,
  .gutters-xl > .col-xs-3,
  .gutters-xl > .col-xs-4,
  .gutters-xl > .col-xs-5,
  .gutters-xl > .col-xs-6,
  .gutters-xl > .col-xs-7,
  .gutters-xl > .col-xs-8,
  .gutters-xl > .col-xs-9,
  .gutters-xl > .col-xs-10,
  .gutters-xl > .col-xs-11,
  .gutters-xl > .col-xs-12,
  .gutters-xl > .col-xs,
  .gutters-xl > .col-xs-auto,
  .gutters-xl > .col-md-1,
  .gutters-xl > .col-md-2,
  .gutters-xl > .col-md-3,
  .gutters-xl > .col-md-4,
  .gutters-xl > .col-md-5,
  .gutters-xl > .col-md-6,
  .gutters-xl > .col-md-7,
  .gutters-xl > .col-md-8,
  .gutters-xl > .col-md-9,
  .gutters-xl > .col-md-10,
  .gutters-xl > .col-md-11,
  .gutters-xl > .col-md-12,
  .gutters-xl > .col-md,
  .gutters-xl > .col-md-auto,
  .gutters-xl > .col-lg-1,
  .gutters-xl > .col-lg-2,
  .gutters-xl > .col-lg-3,
  .gutters-xl > .col-lg-4,
  .gutters-xl > .col-lg-5,
  .gutters-xl > .col-lg-6,
  .gutters-xl > .col-lg-7,
  .gutters-xl > .col-lg-8,
  .gutters-xl > .col-lg-9,
  .gutters-xl > .col-lg-10,
  .gutters-xl > .col-lg-11,
  .gutters-xl > .col-lg-12,
  .gutters-xl > .col-lg,
  .gutters-xl > .col-lg-auto,
  .gutters-xl > .col-xl-1,
  .gutters-xl > .col-xl-2,
  .gutters-xl > .col-xl-3,
  .gutters-xl > .col-xl-4,
  .gutters-xl > .col-xl-5,
  .gutters-xl > .col-xl-6,
  .gutters-xl > .col-xl-7,
  .gutters-xl > .col-xl-8,
  .gutters-xl > .col-xl-9,
  .gutters-xl > .col-xl-10,
  .gutters-xl > .col-xl-11,
  .gutters-xl > .col-xl-12,
  .gutters-xl > .col-xl-1,
  .gutters-xl > .col-xl-2,
  .gutters-xl > .col-xl-3,
  .gutters-xl > .col-xl-4,
  .gutters-xl > .col-xl-5,
  .gutters-xl > .col-xl-6,
  .gutters-xl > .col-xl-7,
  .gutters-xl > .col-xl-8,
  .gutters-xl > .col-xl-9,
  .gutters-xl > .col-xl-10,
  .gutters-xl > .col-xl-11,
  .gutters-xl > .col-xl-12,
  .gutters-xl > .col-xl,
  .gutters-xl > .col-xl-auto,
  .gutters-xl > .col-xxl-1,
  .gutters-xl > .col-xxl-2,
  .gutters-xl > .col-xxl-3,
  .gutters-xl > .col-xl-4,
  .gutters-xl > .col-xxl-5,
  .gutters-xl > .col-xxl-6,
  .gutters-xl > .col-xxl-7,
  .gutters-xl > .col-xxl-8,
  .gutters-xl > .col-xxl-9,
  .gutters-xl > .col-xxl-10,
  .gutters-xl > .col-xxl-11,
  .gutters-xl > .col-xxl-12,
  .gutters-xl > .col-xxl,
  .gutters-xl > .col-xxl-auto {
    padding-right: 55px;
    padding-left: 55px;
  }
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

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

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

.row-cols-3 > * {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

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

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

.row-cols-6 > * {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 320px) {
  .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xs-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xs-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xs-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xs-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xs-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xs-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xs-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xs-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xs-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xs-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xs-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xs-first {
    order: -1;
  }
  .order-xs-last {
    order: 13;
  }
  .order-xs-0 {
    order: 0;
  }
  .order-xs-1 {
    order: 1;
  }
  .order-xs-2 {
    order: 2;
  }
  .order-xs-3 {
    order: 3;
  }
  .order-xs-4 {
    order: 4;
  }
  .order-xs-5 {
    order: 5;
  }
  .order-xs-6 {
    order: 6;
  }
  .order-xs-7 {
    order: 7;
  }
  .order-xs-8 {
    order: 8;
  }
  .order-xs-9 {
    order: 9;
  }
  .order-xs-10 {
    order: 10;
  }
  .order-xs-11 {
    order: 11;
  }
  .order-xs-12 {
    order: 12;
  }
  .offset-xs-0 {
    margin-left: 0;
  }
  .offset-xs-1 {
    margin-left: 8.333333%;
  }
  .offset-xs-2 {
    margin-left: 16.666667%;
  }
  .offset-xs-3 {
    margin-left: 25%;
  }
  .offset-xs-4 {
    margin-left: 33.333333%;
  }
  .offset-xs-5 {
    margin-left: 41.666667%;
  }
  .offset-xs-6 {
    margin-left: 50%;
  }
  .offset-xs-7 {
    margin-left: 58.333333%;
  }
  .offset-xs-8 {
    margin-left: 66.666667%;
  }
  .offset-xs-9 {
    margin-left: 75%;
  }
  .offset-xs-10 {
    margin-left: 83.333333%;
  }
  .offset-xs-11 {
    margin-left: 91.666667%;
  }
}
@media screen and (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media screen and (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .row-cols-lg-8 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media screen and (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
@media screen and (min-width: 1440px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xxl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}

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

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

.d-block {
  display: block !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;
}

@media screen and (min-width: 320px) {
  .d-xs-none {
    display: none !important;
  }
  .d-xs-inline {
    display: inline !important;
  }
  .d-xs-inline-block {
    display: inline-block !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-table {
    display: table !important;
  }
  .d-xs-table-row {
    display: table-row !important;
  }
  .d-xs-table-cell {
    display: table-cell !important;
  }
  .d-xs-flex {
    display: flex !important;
  }
  .d-xs-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !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;
  }
}
@media screen and (min-width: 1024px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !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;
  }
}
@media screen and (min-width: 1280px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !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;
  }
}
.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-wrap {
  flex-wrap: wrap !important;
}

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

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

.flex-fill {
  flex: 1 1 auto !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;
}

.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;
}

.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;
}

@media screen and (min-width: 320px) {
  .flex-xs-row {
    flex-direction: row !important;
  }
  .flex-xs-column {
    flex-direction: column !important;
  }
  .flex-xs-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xs-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xs-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xs-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xs-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xs-start {
    justify-content: flex-start !important;
  }
  .justify-content-xs-end {
    justify-content: flex-end !important;
  }
  .justify-content-xs-center {
    justify-content: center !important;
  }
  .justify-content-xs-between {
    justify-content: space-between !important;
  }
  .justify-content-xs-around {
    justify-content: space-around !important;
  }
  .align-items-xs-start {
    align-items: flex-start !important;
  }
  .align-items-xs-end {
    align-items: flex-end !important;
  }
  .align-items-xs-center {
    align-items: center !important;
  }
  .align-items-xs-baseline {
    align-items: baseline !important;
  }
  .align-items-xs-stretch {
    align-items: stretch !important;
  }
  .align-content-xs-start {
    align-content: flex-start !important;
  }
  .align-content-xs-end {
    align-content: flex-end !important;
  }
  .align-content-xs-center {
    align-content: center !important;
  }
  .align-content-xs-between {
    align-content: space-between !important;
  }
  .align-content-xs-around {
    align-content: space-around !important;
  }
  .align-content-xs-stretch {
    align-content: stretch !important;
  }
  .align-self-xs-auto {
    align-self: auto !important;
  }
  .align-self-xs-start {
    align-self: flex-start !important;
  }
  .align-self-xs-end {
    align-self: flex-end !important;
  }
  .align-self-xs-center {
    align-self: center !important;
  }
  .align-self-xs-baseline {
    align-self: baseline !important;
  }
  .align-self-xs-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .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-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;
  }
  .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;
  }
}
@media screen and (min-width: 1024px) {
  .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-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;
  }
  .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;
  }
}
@media screen and (min-width: 1280px) {
  .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-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;
  }
  .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;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 1.1875rem 0;
  transition: padding 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .header {
    padding: min(2vw, 40px) 0;
  }
}
.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .header .container {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1.04166vw;
  }
}
.header .logo-holder {
  position: relative;
  z-index: 102;
  width: 48px;
}
@media screen and (min-width: 1024px) {
  .header .logo-holder {
    grid-column: span 1/span 1;
    width: auto;
  }
}
.header .logo {
  position: relative;
}
.header .logo .desktop {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header .logo .desktop {
    width: 10.3125vw;
    display: block;
  }
}
.header .logo .desktop .scroll {
  top: 50%;
  transform: translateY(-50%);
}
.header .logo .desktop .scroll img {
  height: 100%;
  object-position: 0 center;
}
@media screen and (min-width: 1024px) {
  .header .logo .mobile {
    display: none;
  }
}
.header .logo .active,
.header .logo .scroll {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .header .logo .active,
  .header .logo .scroll {
    height: 3vw;
  }
}
.header .logo .active {
  opacity: 0;
}
.menu--opened .header .logo .active {
  opacity: 1;
}
.header .logo .scroll {
  opacity: 0;
}
.header .logo .default {
  transition: opacity 0.3s ease-in-out;
}
.menu--opened .header .logo .default {
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .header.scrolled {
    padding: min(1vw, 20px) 0;
  }
}
.header.scrolled .logo .default {
  opacity: 0;
}
.header.scrolled .logo .scroll {
  opacity: 1;
}
.menu--opened .header.scrolled .logo .scroll {
  opacity: 0;
}
.header.scrolled .lang-item {
  display: none;
}
.header.scrolled .add-nav .contact-popup {
  background: #FF0037;
  color: #fff;
}
.header.scrolled .add-nav .contact-popup:hover {
  background: #000;
}
.header.scrolled .add-nav .contact-popup:hover .contact-icon {
  background: #000;
}
.header.scrolled .add-nav .contact-popup .contact-text {
  transform: translateX(1.5vw);
}
.header .navs-holder {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-inline: 1.25rem;
}
@media screen and (min-width: 768px) {
  .header .navs-holder {
    padding-inline: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .header .navs-holder {
    grid-column: span 5/span 5;
    padding-inline: 0;
    align-items: center;
  }
}
.header .navs-holder ul {
  list-style: none;
  margin-left: 0;
  padding: 0;
  align-items: flex-start;
}
@media screen and (min-width: 1024px) {
  .header .navs-holder ul {
    align-items: center;
    margin-bottom: 0;
  }
}
.header .add-nav,
.header .main-menu {
  display: flex;
  flex-direction: column;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.06em;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1024px) {
  .header .add-nav,
  .header .main-menu {
    gap: 10vw;
    flex-direction: row;
    font-size: max(1rem, 1.05vw);
  }
}
.header .add-nav a,
.header .main-menu a {
  color: #000;
}
.header .add-nav a:hover,
.header .main-menu a:hover {
  color: #FF0037;
}
.menu--opened .header .add-nav a,
.menu--opened .header .main-menu a {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .menu--opened .header .add-nav a,
  .menu--opened .header .main-menu a {
    color: #000;
  }
}
.header .main-menu a {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .header .main-menu a {
    color: #000;
  }
}
.header .add-nav {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header .add-nav {
    display: flex;
    gap: 4vw;
  }
}
.header .add-nav .contact-popup {
  display: flex;
  align-items: center;
  gap: 2vw;
  border-radius: 25em;
  padding-left: 0.5vw;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .header .add-nav .contact-popup {
    padding-left: 0;
  }
}
.header .add-nav .contact-popup:hover {
  background: #FF0037;
  color: #fff;
}
.header .add-nav .contact-popup:hover .contact-text {
  transform: translateX(1.5vw);
}
.header .add-nav .contact-popup .contact-text {
  transition: transform 0.3s ease-in-out;
}
.header .add-nav .contact-popup .contact-icon {
  width: 2.7604vw;
  height: 2.7604vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FF0037;
  border-radius: 50%;
  color: #fff;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.header .add-nav .contact-popup .contact-icon svg {
  width: 0.729vw;
  height: 0.729vw;
}

.mobile-lang {
  list-style: none;
  margin: 0 1.875rem 0 auto;
  padding: 0;
  z-index: 102;
  font-size: 1.5rem;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 1024px) {
  .mobile-lang {
    display: none;
  }
}
.mobile-lang a {
  color: #000;
}
.menu--opened .mobile-lang a {
  color: #fff;
}

.nav-opener {
  background: none;
  padding: 0;
  width: 20px;
  height: 20px;
  position: relative;
  border: none;
  cursor: pointer;
  color: #000;
  z-index: 102;
  transition: color 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .nav-opener {
    display: none;
  }
}
.menu--opened .nav-opener {
  color: #fff;
}
.menu--opened .nav-opener .middle {
  opacity: 0;
}
.menu--opened .nav-opener .top {
  transform: rotate(45deg) translate(6px, 7px) scale(1.2);
}
.menu--opened .nav-opener .bottom {
  transform: rotate(-45deg) translate(6px, -7px) scale(1.2);
}
.nav-opener span {
  width: 100%;
  height: 2px;
  position: absolute;
  background: currentColor;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  left: 0;
}
.nav-opener span.top {
  top: 0;
}
.nav-opener span.middle {
  top: 50%;
  margin-top: -1px;
}
.nav-opener span.bottom {
  bottom: 0;
}

.navs-holder {
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateX(100%);
  background-color: #fff;
  background-image: linear-gradient(180deg, rgba(255, 0, 55, 0.27) 0%, #FF0037 100%);
  transition: transform 0.3s ease-in-out;
  z-index: 101;
  padding-top: 6.875rem;
  padding-bottom: 1.4rem;
  counter-reset: links;
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (min-width: 1024px) {
  .navs-holder {
    flex-direction: row;
    position: static;
    transform: translateX(0);
    background: none;
    padding: 0;
    overflow: visible;
  }
}
.menu--opened .navs-holder {
  transform: translateX(0);
}
.navs-holder .mobile-contact-popup {
  font-weight: 500;
  font-size: 2rem;
  color: #fff;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 1024px) {
  .navs-holder .mobile-contact-popup {
    display: none;
  }
}
.navs-holder .mobile-contact-info {
  font-weight: 500;
  font-size: 1.125rem;
  letter-spacing: -0.06em;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 2rem;
}
@media screen and (min-width: 1024px) {
  .navs-holder .mobile-contact-info {
    display: none;
  }
}
.navs-holder .mobile-contact-info svg {
  margin-right: 4px;
}
.navs-holder .mobile-contact-info a {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .navs-holder a {
    display: inline-flex;
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  }
}
.menu--opened .navs-holder a {
  opacity: 1;
  transform: translateX(0);
  transition-delay: calc(0.3s + var(--delay-link));
}

::selection {
  background: #FFD6DF;
}

body {
  background-color: #fff;
}
body.menu--opened, .menu--opened body {
  overflow: hidden;
}
@media screen and (min-width: ) {
  body.popup-opened {
    overflow: hidden;
  }
}

.resize-active *,
.resize-active *:after,
.resize-active *:before {
  transition: none !important;
}

section {
  background-color: #fff;
  position: relative;
  z-index: auto;
}

/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container {
  /* 1 */
  margin-left: auto;
  /* 2 */
  margin-right: auto;
  /* 2 */
  padding-left: 1.25rem;
  /* 3 */
  padding-right: 1.25rem;
  /* 3 */
  width: 100%;
  /* 1 */
}
@media screen and (min-width: 768px) {
  .container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .container {
    padding-left: 3.125vw;
    padding-right: 3.125vw;
  }
}
.container--fluid {
  max-width: 100%;
}

/*
  Footer at bottom layout by default.
  To disable - remove flex styles amd min-height
*/
.wrapper {
  width: 100%;
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.touchevents .wrapper {
  min-height: var(--full-viewport);
}

/*
  Element that will push footer to the end of page.
  Didn't used as <main> tag, because mainly - structure of pages should be more
  deeper for most of the designs, and <main> will be inside.
*/
.page-holder {
  flex-grow: 1;
  overflow: hidden;
  width: 100%;
}

img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

#wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
.touchevents #wrapper {
  min-height: var(--full-viewport);
}

.wrapper-inner {
  min-height: 100svh;
  min-height: calc(var(--vh, 1vh) * 100);
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.wrapper-inner > #header {
  width: 100%;
  flex: 0 0 auto;
}
.wrapper-inner > #main {
  width: 100%;
  flex: 1 auto;
  background: #fff;
  position: relative;
  z-index: 2;
}
.wrapper-inner > #footer {
  width: 100%;
  flex: 0 0 auto;
}

[data-lenis-prevent] {
  scroll-behavior: smooth;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.eyebrow {
  font-size: 1rem;
  color: #FF0037;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.03;
  text-transform: uppercase;
  margin-bottom: 2rem;
  display: block;
}
@media screen and (min-width: 1024px) {
  .eyebrow {
    font-size: max(1.125rem, 1.0416vw);
    margin-bottom: 3vw;
  }
}

.swiper-click-next {
  overflow: visible;
}
.swiper-click-next .swiper-wrapper {
  margin-bottom: 2rem;
}
@media screen and (min-width: 1024px) {
  .swiper-click-next .swiper-wrapper {
    margin-bottom: 3.9vw;
  }
}

@media screen and (min-width: 1024px) {
  .grid-template {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 1.041667vw;
  }
}
@media screen and (min-width: 1024px) {
  .grid-template .cell-heading {
    grid-column: span 4/span 4;
  }
}
@media screen and (min-width: 1280px) {
  .grid-template .cell-heading {
    grid-column: span 3/span 3;
  }
}
@media screen and (min-width: 1024px) {
  .grid-template .cell-template {
    grid-column: span 6/span 6;
  }
}
@media screen and (min-width: 1280px) {
  .grid-template .cell-template {
    grid-column: span 5/span 5;
  }
}
@media screen and (min-width: 1024px) {
  .grid-template .post-template {
    grid-column: span 5/span 5;
  }
}
@media screen and (min-width: 1280px) {
  .grid-template .post-template {
    grid-column: span 4/span 4;
  }
}
@media screen and (min-width: 1024px) {
  .grid-template .cell-half-template {
    grid-column: span 3/span 3;
  }
}
@media screen and (min-width: 1024px) {
  .grid-template .cell-one {
    grid-column: span 1/span 1;
  }
}
@media screen and (min-width: 1024px) {
  .grid-template .cell-two-end {
    grid-column: span 2/span 2;
    grid-column-start: 5;
  }
}

.swiper-fade {
  overflow: visible;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
  opacity: 0;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
  opacity: 1;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.control-panel {
  position: fixed;
  bottom: 2vw;
  right: 2vw;
  display: flex;
  align-items: center;
  gap: clamp(1rem, 1vw, 1.25rem);
  z-index: 99;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 25em;
  padding: 0.25rem 0.5rem;
}
@media screen and (min-width: 1024px) {
  .control-panel {
    padding: 0.5rem clamp(0.5rem, 0.5vw, 0.875rem);
  }
}
.control-panel.white {
  background: transparent;
  color: #fff;
}
.control-panel.white .motion-toggle {
  display: none;
}
.control-panel.white .link-arrow {
  display: flex;
}
.control-panel .link-arrow {
  color: #fff;
  display: none;
  width: auto;
  white-space: nowrap;
  align-items: center;
  gap: max(0.8125rem, 0.677083vw);
  line-height: 1;
}
.control-panel .link-arrow:hover {
  color: rgba(255, 255, 255, 0.5);
}
.control-panel .link-arrow svg {
  transform: rotate(180deg);
  transform-origin: center;
  flex-shrink: 0;
  width: max(1.375rem, 1.145833vw);
  height: max(1.5rem, 1.25vw);
  color: #fff;
}
.control-panel .link-arrow .text {
  display: block;
  font-size: max(0.625rem, 0.520833vw);
  line-height: 1;
  font-weight: normal;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  padding-top: max(0.125rem, 0.104167vw);
}

.motion-toggle {
  position: relative;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  font-size: max(0.625rem, 0.52083vw);
  text-transform: uppercase;
  letter-spacing: -0.04em;
  line-height: 1;
  gap: max(0.375rem, 0.3125vw);
  padding: 0;
  cursor: pointer;
}
.control-panel.white .motion-toggle {
  color: #fff;
}
.motion-toggle:hover .oval {
  background: rgba(255, 0, 55, 0.11);
}
.control-panel.white .motion-toggle:hover .oval {
  background: rgba(255, 255, 255, 0.11);
}
.motion-toggle.enabled .has-hide {
  display: block;
}
.motion-toggle.enabled .has-show {
  display: none;
}
.motion-toggle .has-hide {
  display: none;
}
.motion-toggle [class*=icon-] {
  font-size: max(1.625rem, 1.354167vw);
}
@media screen and (max-width: 767px) {
  .motion-toggle [class*=icon-] {
    display: none;
  }
}
.control-panel.white .motion-toggle [class*=icon-] {
  color: #fff;
}
.motion-toggle .oval {
  width: max(3.125rem, 2.604167vw);
  height: max(1.5rem, 1.25vw);
  border: 1px solid rgba(255, 0, 55, 0.11);
  border-radius: 25em;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: max(1.375rem, 1.14583vw);
  padding-right: max(0.625rem, 0.52083vw);
  transition: background 0.3s ease-in-out;
}
.control-panel.white .motion-toggle .oval {
  border-color: #fff;
}
.motion-toggle .oval:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: max(0.3125rem, 0.260416vw);
  width: 0.75rem;
  height: 0.75rem;
  background: rgba(255, 0, 55, 0.11);
  transition: background 0.3s ease-in-out;
  border-radius: 50%;
}
.control-panel.white .motion-toggle .oval:before {
  background: #fff;
}

.scroll-progress {
  position: relative;
  font-weight: 600;
  font-size: clamp(1.125rem, 1.041667vw, 1.4rem);
  line-height: 1;
  text-align: right;
}
.control-panel.white .scroll-progress {
  color: #fff;
}
.scroll-progress__row {
  display: flex;
  align-items: center;
}
.scroll-progress__value-wrapper {
  position: relative;
  overflow: hidden;
  height: calc(clamp(1.125rem, 1.041667vw, 1.4rem) * 2);
  width: clamp(2rem, 2.2vw, 2.875rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  mask-image: linear-gradient(to bottom, transparent 0%, black 25%, black 75%, transparent 100%);
}
.scroll-progress .scroll-progress__value {
  position: absolute;
  right: 0.25rem;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  font-variant-numeric: tabular-nums;
  font-size: clamp(1.125rem, 1.041667vw, 1.4rem); /* адаптив через clamp */
  font-weight: 600;
  letter-spacing: -0.06em;
}
.scroll-progress .scroll-progress__suffix {
  font-size: clamp(1.125rem, 1.041667vw, 1.4rem); /* адаптив через clamp */
  font-weight: 600;
  letter-spacing: -0.06em;
}

.loader-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  height: 100dvh;
  width: 100dvw;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.loader-wrap > svg {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 110vh;
  fill: #ffd6df;
}
@media screen and (max-width: 1023px) {
  .loader-wrap > svg {
    min-width: 1024px;
  }
}
@media screen and (max-width: 767px) {
  .loader-wrap > svg {
    min-width: 768px;
  }
}
.loader-wrap .loader-logo-holder {
  z-index: 20;
  max-width: 80%;
  margin: 0 auto;
  max-height: fit-content;
  position: relative;
}
@media screen and (min-width: 640px) {
  .loader-wrap .loader-logo-holder {
    max-height: 40vh;
  }
}
@media screen and (min-width: 1024px) {
  .loader-wrap .loader-logo-holder {
    max-height: none;
    max-width: 100%;
    width: 694px;
  }
}
.loader-wrap .loader-logo-holder img {
  position: relative;
  opacity: 0;
  transform: translate(0, 70px);
}
@media screen and (min-width: 640px) {
  .loader-wrap .loader-logo-holder img {
    object-fit: scale-down;
    width: 100%;
    max-height: max(100px, 40vh);
    max-width: none;
  }
}
@media screen and (min-width: 1024px) {
  .loader-wrap .loader-logo-holder img {
    transform: translate(0, 170px);
    max-height: none;
    display: block;
    max-width: none;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

.breadcrumbs {
  display: flex;
  list-style: none;
  margin: 0 0 clamp(2rem, 2.60417vw, 3.75rem);
  padding: 0;
  font-size: clamp(0.875rem, 1.041667vw, 1.5rem);
  font-weight: 500;
  letter-spacing: -0.06em;
  gap: clamp(1.5rem, 1.979167vw, 2.75rem);
  color: #fff;
}
.breadcrumbs a {
  color: #FF0037;
}

.share .eyebrow {
  margin-bottom: clamp(0.625rem, 1.09375vw, 1.5rem);
}
.share .addtoany_list {
  display: flex;
  gap: clamp(0.25rem, 0.4167vw, 0.75rem);
}
.share .addtoany_list .a2a_svg {
  display: none !important;
}
.share .addtoany_list .a2a_kit {
  display: flex;
  gap: 0.6rem;
}
.share .addtoany_list a {
  font-family: "icomoon" !important;
  width: clamp(2.5rem, 2.7vw, 3.5rem);
  height: clamp(2.5rem, 2.7vw, 3.5rem);
  font-size: clamp(1rem, 1.25vw, 1.625rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FF0037;
  color: #fff;
  border-radius: 50%;
  transition: background 0.3s ease-in-out;
}
.share .addtoany_list a:before {
  font-size: clamp(1rem, 1.25vw, 1.625rem);
}
.share .addtoany_list a:hover {
  background: #000;
}
.share .addtoany_list .a2a_button_facebook::before {
  content: "\e904";
}
.share .addtoany_list .a2a_button_linkedin::before {
  content: "\e901";
}
.share .addtoany_list .a2a_button_x::before {
  content: "\e902";
}
.share .addtoany_list .a2a_button_whatsapp::before {
  content: "\e908";
}
.share .addtoany_list .a2a_button_facebook {
  font-family: inherit;
  position: relative;
}
.share .addtoany_list .a2a_button_facebook i {
  font-size: 20px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: background-color 9999s ease-in-out 0s;
}

.footer-wrap {
  position: relative;
  z-index: auto;
}

.footer {
  background: linear-gradient(180deg, rgba(255, 0, 55, 0.27) 0%, #FF0037 100%);
  padding-top: 4rem;
  padding-bottom: 3.5rem;
  position: relative;
  z-index: 1;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 1024px) {
  .footer {
    padding-top: 10.1vw;
    padding-bottom: 7vw;
  }
}
@media screen and (min-width: 1280px) {
  .footer {
    padding-bottom: 0.833vw;
  }
}
.footer .footer-holder {
  min-height: 30.20833vw;
  margin-bottom: max(2.5rem, 1.25vw);
}
@media screen and (max-width: 1023px) {
  .footer .footer-holder {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
  }
}
@media screen and (max-width: 519px) {
  .footer .footer-holder {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .footer .footer-holder .cell-add-nav,
  .footer .footer-holder .cell-nav {
    grid-column: span 3/span 3;
    order: 0;
  }
}
@media screen and (max-width: 1023px) {
  .footer .footer-holder .cell-social {
    grid-column: span 3/span 3;
    order: 1;
  }
}
@media screen and (max-width: 519px) {
  .footer .footer-holder .cell-social {
    order: 2;
  }
}
@media screen and (max-width: 1023px) {
  .footer .footer-holder .cell-add-nav {
    order: 2;
  }
}
@media screen and (max-width: 519px) {
  .footer .footer-holder .cell-add-nav {
    order: 1;
  }
}
@media screen and (max-width: 1023px) {
  .footer .footer-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
  }
}
@media screen and (max-width: 519px) {
  .footer .footer-row {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
  }
}
.footer .footer-row .cell-logo {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .footer .footer-row .cell-logo {
    grid-column: span 3/span 3;
  }
}
@media screen and (max-width: 519px) {
  .footer .footer-row .cell-logo {
    order: 1;
  }
}
@media screen and (max-width: 1023px) {
  .footer .footer-row .cell-contact {
    grid-column: span 3/span 3;
  }
}
@media screen and (max-width: 519px) {
  .footer .footer-row .cell-contact {
    order: 0;
  }
}
.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer a {
  color: #fff;
}
.footer a:hover {
  color: #000;
}
.footer h3 {
  color: currentColor;
  font-size: max(2rem, 3.3333vw);
  margin-bottom: max(2rem, 2.1354167vw);
}
.footer .footer-nav {
  padding-top: 0.260416vw;
}
.footer .footer-nav li {
  margin-bottom: 0.3125vw;
}
.footer .footer-social {
  display: flex;
  gap: 0.6rem;
  align-items: center;
}
.footer .footer-social a {
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  font-size: 0.75rem;
  align-items: center;
  justify-content: center;
  background: #FF0037;
  color: #fff;
  border-radius: 50%;
  transition: background 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .footer .footer-social a {
    width: max(2.5rem, 3vw);
    height: max(2.5rem, 3vw);
    font-size: max(1rem, 1.25vw);
  }
}
.footer .footer-social a:hover {
  background: #000;
}
.footer .footer-contact {
  display: flex;
  flex-direction: column;
  gap: max(0.1875rem, 0.20834vw);
}
.footer .footer-contact a {
  display: inline-flex;
  align-items: center;
}
.footer .footer-contact [class*=icon-] {
  margin-right: max(0.5rem, 0.5vw);
}
.footer .by {
  margin: 0;
  margin-top: 0;
  position: relative;
  z-index: 3;
}
.footer .footer-logo {
  width: clamp(10rem, 14.739583vw, 17.75rem);
  display: inline-flex;
  margin-top: max(1rem, 1.5625vw);
  transition: opacity 0.5s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .footer .footer-logo {
    position: absolute;
    bottom: 0;
  }
}
.footer .footer-logo:hover {
  opacity: 0.85;
}
.footer .decor-circles {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  gap: 0.35625vw;
}
@media screen and (max-width: 767px) {
  .footer .decor-circles {
    gap: 0.6vw;
  }
}
@media screen and (max-width: 519px) {
  .footer .decor-circles {
    grid-template-columns: repeat(8, 1fr);
    gap: 2vw;
  }
}
.footer .decor-circles .row-circles {
  display: flex;
  gap: 0.35625vw;
}
.footer .decor-circles .circle {
  width: 5.4437vw;
  height: 5.4437vw;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
}
@media screen and (max-width: 767px) {
  .footer .decor-circles .circle {
    width: 7.5vw;
    height: 7.5vw;
  }
}
@media screen and (max-width: 519px) {
  .footer .decor-circles .circle {
    width: 10vw;
    height: 10vw;
  }
}

.btn {
  font-weight: 400;
  font-family: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size: clamp(1rem, 1.25vw, 1.75rem);
  line-height: 1.5;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  min-width: 100px;
  background-color: #000;
  border: 1px solid #000;
}

.popup {
  position: fixed;
  inset: 0;
  z-index: 111;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  min-height: 100dvh;
  overflow-y: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .popup {
    padding-top: max(3rem, 2.76042vw);
    padding-bottom: 3.33vw;
    padding-block: 2vw;
  }
}
.popup.popup-opened {
  opacity: 1;
  visibility: visible;
}
.popup.popup-opened .img-holder {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.4s;
}
.popup.popup-opened .form-holder {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.4s;
}
.popup.popup-opened .popup-close {
  opacity: 1;
}
.popup .form-holder {
  padding-top: 1vw;
  opacity: 0;
  transition: opacity 0.3s 0.6s, transform 0.3s 0.6s;
}
@media screen and (min-width: 1024px) {
  .popup .form-holder {
    transform: translateX(100px);
  }
}
.popup .img-holder {
  border-radius: 1.4063vw;
  overflow: hidden;
  margin-bottom: 2rem;
  opacity: 0;
  transition: opacity 0.3s 0.6s, transform 0.3s 0.6s;
}
@media screen and (min-width: 1024px) {
  .popup .img-holder {
    margin-right: 2.9166667vw;
    margin-bottom: 0;
    transform: translateX(-100px);
  }
}
.popup .img-holder img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.popup .popup-close {
  position: sticky;
  top: 0;
  right: 1.25rem;
  margin-left: auto;
  transform: translateY(-25%);
  display: block;
  background: #FF0037;
  color: #fff;
  border-radius: 0;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  z-index: 30;
  opacity: 0;
  transition: background 0.3s ease-in-out, opacity 0.4s 0.8s;
}
@media screen and (min-width: 768px) {
  .popup .popup-close {
    right: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .popup .popup-close {
    position: absolute;
    top: 4.6665vw;
    transform: translateY(-50%);
    right: 3.125vw;
    width: max(3.3125rem, 2.7604167vw);
    height: max(3.3125rem, 2.7604167vw);
  }
}
.popup .popup-close:hover {
  background: #000;
}
.popup .popup-close .right,
.popup .popup-close .left {
  width: 0.125rem;
  height: 1rem;
  background: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
@media screen and (min-width: 1024px) {
  .popup .popup-close .right,
  .popup .popup-close .left {
    width: max(0.125rem, 0.1041667vw);
    height: max(1.25rem, 1.0416667vw);
  }
}
.popup .popup-close .right {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.popup .heading {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5vw;
}
@media screen and (min-width: 768px) {
  .popup .heading {
    gap: 1.041667vw;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
  }
}
@media screen and (min-width: 1024px) {
  .popup .heading {
    padding-right: 6vw;
  }
}
.popup .heading .title {
  font-size: 2rem;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .popup .heading .title {
    font-size: 3.333vw;
  }
}
.popup .heading .note {
  font-size: max(0.75rem, 0.7292vw);
  margin: 0;
  letter-spacing: -0.06em;
}
.popup .heading .note .red {
  color: #FF0037;
}
.popup form {
  letter-spacing: -0.06em;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .popup form {
    padding-bottom: clamp(3.75rem, 4.1667vw, 6.25rem);
  }
}
.popup form textarea,
.popup form input {
  border: none;
  border-bottom: 0.125rem solid #FFD9E1;
  font-size: max(1.5rem, 1.6667vw) !important;
  font-weight: 500;
  height: auto;
  line-height: 1.22;
  padding: 0.5rem 0;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 1024px) {
  .popup form textarea,
  .popup form input {
    border-width: 3px;
    padding: max(0.5rem, 0.5208vw) 0;
  }
}
.popup form textarea {
  height: 8rem;
  padding-inline: 1rem;
  border-radius: 27px;
  border: 0.125rem solid #FFD9E1;
  font-size: 1.125rem;
}
@media screen and (min-width: 1024px) {
  .popup form textarea {
    border-width: 3px;
    height: 8.75vw;
    padding-inline: 1.3542vw;
    font-size: max(1rem, 1.041667vw);
  }
}
.popup form .form-row {
  position: relative;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1024px) {
  .popup form .form-row {
    margin-bottom: clamp(1rem, 1.5vw, 2rem);
  }
}
.popup form .form-row:has(input:autofill) > label {
  opacity: 0;
}
.popup form .form-row > label {
  position: absolute;
  line-height: 1.22;
  top: max(0.5rem, 0.52083vw);
}
.popup form .form-row > label sup {
  color: #FF0037;
}
.popup form label {
  font-size: max(1.5rem, 1.6667vw);
  font-weight: 500;
  display: block;
  margin-bottom: 0.520834vw;
  letter-spacing: -0.06em;
}
.popup form .wpcf7-form-control-wrap:has(.radio-list) {
  margin: 0 0 2rem;
  display: block;
}
@media screen and (min-width: 1024px) {
  .popup form .wpcf7-form-control-wrap:has(.radio-list) {
    margin-bottom: 2.291667vw;
  }
}
.popup form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  font-size: 12px;
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .popup form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    font-size: clamp(0.75rem, 0.83333vw, 1.125rem);
  }
}
.popup form .radio-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
  letter-spacing: -0.06em;
  gap: 0.625rem;
  font-size: 1rem;
  font-size: max(1.5rem, 1.6667vw);
}
@media screen and (min-width: 1024px) {
  .popup form .radio-list {
    font-size: 1.0416vw;
  }
}
.popup form .radio-list .wpcf7-list-item {
  margin: 0;
}
.popup form .radio-list input {
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.popup form .radio-list label {
  display: block;
  padding: 0.5625rem 1rem;
  border: 2px solid rgba(255, 0, 55, 0.11);
  border-radius: 5em;
  font-size: 1rem;
  margin-bottom: 0;
  cursor: pointer;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .popup form .radio-list label {
    padding-inline: 1.25vw;
    border-width: 3px;
    font-size: max(0.875rem, 1.041667vw);
  }
}
@media screen and (min-width: 1024px) {
  .popup form .radio-list label:hover {
    background: #FF0037;
    border-color: #FF0037;
    color: #fff;
  }
}
.popup form .radio-list label:has(input:checked) {
  background: #FF0037;
  border-color: #FF0037;
  color: #fff;
}
.popup form .footer-form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 1024px) {
  .popup form .footer-form {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}
.popup form .footer-form button {
  display: flex;
  padding: 20px;
  background: #FF0037;
  border: none;
  border-radius: 1.4063vw;
  color: #fff;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 30px 20px;
  text-transform: uppercase;
  text-align: center;
  min-width: 300px;
  transition: background 0.3s ease-in-out;
  font-size: 1.125rem;
  padding: 1rem;
}
@media screen and (min-width: 1024px) {
  .popup form .footer-form button {
    min-width: 14.73958vw;
    font-size: 1.041667vw;
    padding: 1.4583vw;
  }
}
.popup form .footer-form button:hover {
  background: #000;
}
.popup form .footer-form .checkbox {
  margin-bottom: clamp(0.3125rem, 0.52083vw, 0.75rem);
}
.popup form .footer-form .checkbox label {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .popup form .footer-form .checkbox label {
    font-size: max(0.875rem, 1.041667vw);
  }
}
.popup form .footer-form .checkbox label .wpcf7-list-item-label {
  padding-left: 2rem;
}
@media screen and (min-width: 1024px) {
  .popup form .footer-form .checkbox label .wpcf7-list-item-label {
    padding-left: 2.2917vw;
  }
}
.popup form .footer-form .checkbox label .wpcf7-list-item-label:before {
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  top: 0rem;
  left: 0;
  border-radius: 50%;
  background: rgba(255, 0, 55, 0.11);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 1px;
  font-size: max(0.75rem, 1vw);
}
@media screen and (min-width: 1024px) {
  .popup form .footer-form .checkbox label .wpcf7-list-item-label:before {
    top: max(2px, 0.15625vw);
    width: max(1.125rem, 1.4063vw);
    height: max(1.125rem, 1.4063vw);
  }
}
.popup form .footer-form .checkbox label:has(input[type=checkbox]:checked) .wpcf7-list-item-label:before {
  background: #FF0037;
  content: "✓";
}
.popup form .footer-form .checkbox input[type=checkbox] {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.popup form .footer-form .checkbox .wpcf7-list-item {
  margin-left: 0;
}
@media screen and (min-width: 1024px) {
  .popup form.invalid .wpcf7-response-output {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
  }
}
.popup form.sent .wpcf7-response-output {
  position: absolute;
  border: none;
  margin: 0;
  padding: 0;
  top: clamp(5.5rem, 6.2083vw, 8.5rem);
  font-size: clamp(2.25rem, 2.5vw, 3.5rem);
  font-weight: 500;
  bottom: auto;
}

.text-marque-holder {
  font-size: 4.125rem;
  line-height: 1;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #fff;
  letter-spacing: -0.06em;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .text-marque-holder {
    font-size: 8.333vw;
  }
}
.text-marque-holder.gray {
  color: #EFEFEF;
}
.text-marque-holder .marquee-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.text-marque-holder .marque-item {
  pointer-events: none;
}
.text-marque-holder .marque-item p {
  margin: 0;
}
.text-marque-holder .marquee-track {
  display: inline-block;
  white-space: nowrap;
}
.title-row-animation .text-marque-holder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  top: -0.5rem;
}
@media screen and (min-width: 1024px) {
  .title-row-animation .text-marque-holder {
    top: -0.9375vw;
  }
}

.title-row-animation {
  position: relative;
  z-index: 1;
  padding-bottom: 2rem;
  margin-bottom: 2px;
}
@media screen and (min-width: 1024px) {
  .title-row-animation {
    padding-bottom: 3vw;
    margin-bottom: 3vw;
  }
}
.title-row-animation[data-block-animate].in-view h2 {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s;
}
.title-row-animation[data-block-animate] h2 {
  transform: translateY(20px);
  opacity: 0;
}
.title-row-animation h2 {
  margin-bottom: 0;
}

.hero-home {
  background: #000;
  background: linear-gradient(180deg, rgba(255, 0, 55, 0.2) 0%, rgba(255, 0, 55, 0) 100%);
  display: flex;
  flex-direction: column;
  padding-top: 6rem;
  padding-bottom: 3rem;
}
@media screen and (min-width: 1024px) {
  .hero-home {
    justify-content: center;
    padding-top: min(10.5vw, 12.5625rem);
    padding-bottom: min(4.583vw, 5.5rem);
  }
}
.hero-home.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.hero-home.hidden {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.hero-home .hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: end;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .hero-home .hero-grid {
    gap: 3rem;
  }
}
@media screen and (min-width: 640px) {
  .hero-home .hero-grid {
    gap: 1.04166vw;
    grid-template-columns: repeat(2, 1fr);
  }
}
.hero-home .hero-text-holder {
  order: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  letter-spacing: -0.06em;
  font-weight: 500;
  line-height: 1.32;
}
@media screen and (min-width: 640px) {
  .hero-home .hero-text-holder {
    order: 1;
    gap: 1.75vw;
    font-size: max(12px, 1.25vw);
    position: sticky;
    bottom: 2vw;
    column-count: 1;
    grid-column: span 1/span 1;
  }
}
.hero-home .hero-text-holder h1 {
  margin-bottom: 0;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition-delay: 0.1s;
}
@media screen and (min-width: 1024px) {
  .hero-home .hero-text-holder h1 {
    font-size: 5.7292vw;
  }
}
.is-loading .hero-home .hero-text-holder h1 {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0;
}
.hero-home .hero-text-holder p {
  margin-bottom: 0;
}
.hero-home .hero-text-holder .hero-text {
  width: 66%;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition-delay: 0.2s;
}
@media screen and (min-width: 640px) {
  .hero-home .hero-text-holder .hero-text {
    width: 90%;
  }
}
@media screen and (min-width: 1024px) {
  .hero-home .hero-text-holder .hero-text {
    width: 66%;
  }
}
.is-loading .hero-home .hero-text-holder .hero-text {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0;
}
.hero-home .hero-text-holder .link-arrow {
  color: #000;
  width: 1.5rem;
  display: block;
  transition: opacity 0.3s 0.3s ease-in-out, transform 0.3s 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .hero-home .hero-text-holder .link-arrow {
    width: max(1.5rem, 1.5104vw);
  }
}
.hero-home .hero-text-holder .link-arrow:hover {
  color: #FF0037;
}
.is-loading .hero-home .hero-text-holder .link-arrow {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0;
}
.hero-home .hero-text-holder .link-arrow svg {
  width: 100%;
}
.hero-home .hero-illustration {
  order: 0;
}
@media screen and (min-width: 640px) {
  .hero-home .hero-illustration {
    order: 1;
    margin-bottom: 1vw;
    grid-column: span 1/span 1;
  }
}

.text-and-image {
  padding-block: 3rem;
}
@media screen and (min-width: 1024px) {
  .text-and-image {
    padding-block: 5vw;
  }
}
.text-and-image.pink-gradient {
  background: linear-gradient(180deg, rgba(255, 0, 55, 0) 0%, rgba(255, 0, 55, 0.13) 37.91%, rgba(255, 0, 55, 0.13) 76.14%, rgba(255, 0, 55, 0) 100%);
}
.text-and-image .block {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .text-and-image .block {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .text-and-image .block {
    justify-content: space-between;
  }
}
.text-and-image .text-holder {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -0.06em;
}
@media screen and (min-width: 768px) {
  .text-and-image .text-holder {
    flex: 1;
    min-width: 0;
  }
}
@media screen and (min-width: 1024px) {
  .text-and-image .text-holder {
    font-size: max(2rem, 2.5vw);
    flex: 0 0 min(30.625rem, 48vw);
  }
}
@media screen and (min-width: 1280px) {
  .text-and-image .text-holder {
    flex: 0 0 50%;
  }
}
.text-and-image .text-holder p {
  margin-bottom: 0.75em;
}
@media screen and (min-width: 768px) {
  .text-and-image .text-holder p {
    margin-bottom: 1.15em;
  }
}
.text-and-image .illustration-block {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .text-and-image .illustration-block {
    flex: 1;
    min-width: 0;
  }
}
@media screen and (min-width: 1024px) {
  .text-and-image .illustration-block {
    flex: 1 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .text-and-image .illustration-block {
    justify-content: flex-end;
  }
}
.text-and-image .cell-template {
  position: relative;
  z-index: 2;
}
.text-and-image .swiper-click-next .eyebrow {
  opacity: 0;
  transform: translateX(100px);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .eyebrow {
    transform: translateY(1.5vw);
  }
}
.text-and-image .swiper-click-next .text-holder p {
  opacity: 0;
  transform: translateX(100px);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .text-holder p {
    transform: translateY(1.5vw);
  }
}
.text-and-image .swiper-click-next .text-holder p:nth-child(1) {
  transition-delay: 0.1s;
}
.text-and-image .swiper-click-next .text-holder p:nth-child(2) {
  transition-delay: 0.2s;
}
.text-and-image .swiper-click-next .text-holder p:nth-child(3) {
  transition-delay: 0.3s;
}
.text-and-image .swiper-click-next .text-holder p:nth-child(4) {
  transition-delay: 0.4s;
}
.text-and-image .swiper-click-next .text-holder p:nth-child(5) {
  transition-delay: 0.5s;
}
.text-and-image .swiper-click-next .text-holder p:nth-child(6) {
  transition-delay: 0.6s;
}
.text-and-image .swiper-click-next .text-holder p:nth-child(7) {
  transition-delay: 0.7s;
}
.text-and-image .swiper-click-next .text-holder p:nth-child(8) {
  transition-delay: 0.8s;
}
.text-and-image .swiper-click-next .illustration-block {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.text-and-image .swiper-click-next .swiper-slide-next .eyebrow {
  transform: translateX(100px);
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-next .eyebrow {
    transform: translateY(1.5vw);
    transition-delay: 0.5s;
  }
}
.text-and-image .swiper-click-next .swiper-slide-next .text-holder p {
  transform: translateX(100px);
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-next .text-holder p {
    transform: translateY(1.5vw);
  }
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-next .text-holder p:nth-child(1) {
    transition-delay: 0.6s;
  }
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-next .text-holder p:nth-child(2) {
    transition-delay: 0.7s;
  }
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-next .text-holder p:nth-child(3) {
    transition-delay: 0.8s;
  }
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-next .text-holder p:nth-child(4) {
    transition-delay: 0.9s;
  }
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-next .text-holder p:nth-child(5) {
    transition-delay: 1s;
  }
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-next .text-holder p:nth-child(6) {
    transition-delay: 1.1s;
  }
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-next .text-holder p:nth-child(7) {
    transition-delay: 1.2s;
  }
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-next .text-holder p:nth-child(8) {
    transition-delay: 1.3s;
  }
}
.text-and-image .swiper-click-next .swiper-slide-next .illustration-block {
  transform: translateX(50px);
}
.text-and-image .swiper-click-next .swiper-slide-next.swiper-slide-prev .eyebrow {
  transform: translateX(-100px);
  transition-delay: 0s;
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-next.swiper-slide-prev .eyebrow {
    transform: translateY(0);
  }
}
.text-and-image .swiper-click-next .swiper-slide-next.swiper-slide-prev .text-holder p {
  transform: translateX(-100px);
  transition-delay: 0s;
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-next.swiper-slide-prev .text-holder p {
    transform: translateY(0);
  }
}
.text-and-image .swiper-click-next .swiper-slide-prev .eyebrow {
  transform: translateX(-100px);
  transition-delay: 0s;
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-prev .eyebrow {
    transform: translateY(0);
  }
}
.text-and-image .swiper-click-next .swiper-slide-prev .text-holder p {
  transform: translateX(-100px);
  transition-delay: 0s;
}
@media screen and (min-width: 1024px) {
  .text-and-image .swiper-click-next .swiper-slide-prev .text-holder p {
    transform: translateY(0);
  }
}
.text-and-image .swiper-click-next .swiper-slide-active .eyebrow {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.3s;
}
.text-and-image .swiper-click-next .swiper-slide-active .text-holder p {
  opacity: 1;
  transform: translateX(0);
}
.text-and-image .swiper-click-next .swiper-slide-active .text-holder p:nth-child(1) {
  transition-delay: 0.4s;
}
.text-and-image .swiper-click-next .swiper-slide-active .text-holder p:nth-child(2) {
  transition-delay: 0.5s;
}
.text-and-image .swiper-click-next .swiper-slide-active .text-holder p:nth-child(3) {
  transition-delay: 0.6s;
}
.text-and-image .swiper-click-next .swiper-slide-active .text-holder p:nth-child(4) {
  transition-delay: 0.7s;
}
.text-and-image .swiper-click-next .swiper-slide-active .text-holder p:nth-child(5) {
  transition-delay: 0.8s;
}
.text-and-image .swiper-click-next .swiper-slide-active .text-holder p:nth-child(6) {
  transition-delay: 0.9s;
}
.text-and-image .swiper-click-next .swiper-slide-active .text-holder p:nth-child(7) {
  transition-delay: 1s;
}
.text-and-image .swiper-click-next .swiper-slide-active .text-holder p:nth-child(8) {
  transition-delay: 1.1s;
}
.text-and-image .swiper-click-next .swiper-slide-active .illustration-block {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.5s;
}
.text-and-image .swiper-click-next .swiper-slide-active.swiper-slide-animate .eyebrow {
  opacity: 0;
  transform: translateY(20px);
}
.text-and-image .swiper-click-next .swiper-slide-active.swiper-slide-animate .text-holder p {
  opacity: 0;
  transform: translateY(20px);
}
.text-and-image .swiper-click-next .swiper-slide-active.swiper-slide-animate .illustration-block {
  opacity: 0;
  transform: translateY(20px);
}
@keyframes in-view {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.two-column {
  font-size: max(1.5rem, 2.0833vw);
  font-weight: 500;
  padding-block: 3rem;
  letter-spacing: -0.06em;
  line-height: 1.23;
}
@media screen and (min-width: 768px) {
  .two-column {
    padding-bottom: 7vw;
    padding-top: 9vw;
  }
}
@media screen and (min-width: 768px) {
  .two-column:has(.img-holder) {
    padding-top: max(5vw, 5rem);
    padding-bottom: max(5vw, 5rem);
  }
}
.two-column .eyebrow {
  margin-bottom: 4.1667vw;
}
.two-column .two-cols {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 4.7395vw;
}
@media screen and (min-width: 768px) {
  .two-column .two-cols {
    flex-direction: row;
    align-items: stretch;
  }
}
.two-column .two-cols .col-left,
.two-column .two-cols .col-right {
  flex: 1 1 0;
}
@media screen and (min-width: 768px) {
  .two-column .two-cols .col-left,
  .two-column .two-cols .col-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .two-column .two-cols .col-left {
    margin-top: calc(-4.1667vw - max(1.125rem, 1.0416vw));
  }
}
.two-column .two-cols[data-block-animate] .col-right > *,
.two-column .two-cols[data-block-animate] .col-left > * {
  transform: translateY(20px);
  opacity: 0;
}
.two-column .two-cols[data-block-animate].in-view .col-right > *,
.two-column .two-cols[data-block-animate].in-view .col-left > * {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.two-column .two-cols[data-block-animate].in-view .col-right > *:nth-child(1),
.two-column .two-cols[data-block-animate].in-view .col-left > *:nth-child(1) {
  transition-delay: 0.4s;
}
.two-column .two-cols[data-block-animate].in-view .col-right > *:nth-child(2),
.two-column .two-cols[data-block-animate].in-view .col-left > *:nth-child(2) {
  transition-delay: 0.5s;
}
.two-column .two-cols[data-block-animate].in-view .col-right > *:nth-child(3),
.two-column .two-cols[data-block-animate].in-view .col-left > *:nth-child(3) {
  transition-delay: 0.6s;
}
.two-column .two-cols[data-block-animate].in-view .col-right > *:nth-child(4),
.two-column .two-cols[data-block-animate].in-view .col-left > *:nth-child(4) {
  transition-delay: 0.7s;
}
.two-column .two-cols[data-block-animate].in-view .col-right > *:nth-child(5),
.two-column .two-cols[data-block-animate].in-view .col-left > *:nth-child(5) {
  transition-delay: 0.8s;
}
.two-column .two-cols[data-block-animate].in-view .col-right > *:nth-child(6),
.two-column .two-cols[data-block-animate].in-view .col-left > *:nth-child(6) {
  transition-delay: 0.9s;
}
.two-column .two-cols[data-block-animate].in-view .col-right > *:nth-child(7),
.two-column .two-cols[data-block-animate].in-view .col-left > *:nth-child(7) {
  transition-delay: 1s;
}
.two-column .two-cols[data-block-animate].in-view .col-right > *:nth-child(8),
.two-column .two-cols[data-block-animate].in-view .col-left > *:nth-child(8) {
  transition-delay: 1.1s;
}
.two-column .img-holder {
  border-radius: 1.4063vw;
  overflow: hidden;
}
.two-column .img-holder img {
  aspect-ratio: 689/582;
  object-fit: cover;
}
.two-column p {
  margin-bottom: 2vw;
}

.cases {
  padding-block: 3rem;
}
@media screen and (min-width: 768px) {
  .cases {
    padding-block: 5vw;
  }
}
.cases.pink-gradient {
  background: linear-gradient(180deg, rgba(255, 0, 55, 0) 0%, rgba(255, 0, 55, 0.13) 37.91%, rgba(255, 0, 55, 0.13) 76.14%, rgba(255, 0, 55, 0) 100%);
}
.cases .eyebrow {
  margin-bottom: 3.6vw;
}
.cases .blockquote {
  font-size: max(1.5rem, 2.5vw);
  line-height: 1.22;
  font-weight: 500;
  letter-spacing: -0.06em;
  width: 100%;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .cases .blockquote {
    width: 70%;
  }
}
.cases .blockquote q, .cases .blockquote p {
  margin: 0 0 max(1.25rem, 2.3333vw);
  display: block;
}
.cases .blockquote .cite-holder {
  display: flex;
  align-items: center;
  gap: max(1rem, 1.40625vw);
}
.cases .blockquote .cite-holder .img-holder {
  width: max(4rem, 4.6875vw);
  overflow: hidden;
  border-radius: 50%;
}
.cases .blockquote .cite-holder .img-holder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cases .blockquote .cite-holder cite {
  font-style: normal;
  font-size: max(1rem, 1.041666vw);
  letter-spacing: -0.06em;
  display: block;
  margin-top: 0.6770833vw;
}
.cases .blockquote .cite-holder cite span {
  display: block;
}
.cases .cases-swiper-thumbs .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.cases .cases-swiper-thumbs .swiper-slide {
  height: auto;
  width: 9rem;
}
@media screen and (min-width: 768px) {
  .cases .cases-swiper-thumbs .swiper-slide {
    width: 16.6666666667%;
  }
}
.cases .cases-swiper-thumbs .swiper-slide.swiper-slide-thumb-active .img-holder:before {
  width: 100%;
  transition: width 0.5s ease-in-out;
}
.cases .cases-swiper-thumbs .swiper-slide:first-child .img-holder:after {
  border-radius: 7px 0 0 7px;
}
.cases .cases-swiper-thumbs .swiper-slide:last-child .img-holder:after {
  border-radius: 0 7px 7px 0;
}
.cases .cases-swiper-thumbs .swiper-slide .img-holder {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 5rem;
  justify-content: center;
  border-bottom: 5px solid transparent;
  padding-inline: 0.5rem;
  position: relative;
  cursor: pointer;
}
.cases .cases-swiper-thumbs .swiper-slide .img-holder:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  background: #FFD9E1;
  height: 5px;
  z-index: -2;
}
.cases .cases-swiper-thumbs .swiper-slide .img-holder:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0%;
  background: #FF0037;
  height: 5px;
  border-radius: 7px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .cases .cases-swiper-thumbs .swiper-slide .img-holder {
    padding-inline: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .cases .cases-swiper-thumbs .swiper-slide .img-holder {
    padding-inline: 1.5vw;
    min-height: 9.1667vw;
  }
}
.cases .cases-swiper-thumbs .swiper-slide .img-holder img {
  max-width: 80%;
}
@media screen and (min-width: 768px) {
  .cases .cases-swiper-thumbs .swiper-slide .img-holder img {
    max-width: 100%;
  }
}
.cases .cases-swiper-thumbs[data-block-animate].in-view .swiper-slide .img-holder {
  opacity: 1;
  transition: 0.3s linear all;
}
.cases .cases-swiper-thumbs[data-block-animate] .swiper-slide .img-holder {
  opacity: 0;
}
.cases .cases-swiper-thumbs[data-block-animate] .swiper-slide:nth-child(1) .img-holder {
  transition-delay: 0.1s;
}
.cases .cases-swiper-thumbs[data-block-animate] .swiper-slide:nth-child(2) .img-holder {
  transition-delay: 0.2s;
}
.cases .cases-swiper-thumbs[data-block-animate] .swiper-slide:nth-child(3) .img-holder {
  transition-delay: 0.3s;
}
.cases .cases-swiper-thumbs[data-block-animate] .swiper-slide:nth-child(4) .img-holder {
  transition-delay: 0.4s;
}
.cases .cases-swiper-thumbs[data-block-animate] .swiper-slide:nth-child(5) .img-holder {
  transition-delay: 0.5s;
}
.cases .cases-swiper-thumbs[data-block-animate] .swiper-slide:nth-child(6) .img-holder {
  transition-delay: 0.6s;
}
.cases .cases-swiper-thumbs[data-block-animate] .swiper-slide:nth-child(7) .img-holder {
  transition-delay: 0.7s;
}
.cases .cases-swiper-thumbs[data-block-animate] .swiper-slide:nth-child(8) .img-holder {
  transition-delay: 0.8s;
}
.cases .cases-swiper {
  margin-bottom: max(1.5rem, 2.5vw);
}
.cases .cases-swiper .swiper-slide {
  width: 100%;
}
.cases .cases-swiper .blockquote q,
.cases .cases-swiper .blockquote p {
  opacity: 0;
  transform: translateX(100px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .cases .cases-swiper .blockquote q,
  .cases .cases-swiper .blockquote p {
    transform: translateY(1.5vw);
  }
}
.cases .cases-swiper .blockquote q:nth-child(1),
.cases .cases-swiper .blockquote p:nth-child(1) {
  transition-delay: 0.1s;
}
.cases .cases-swiper .blockquote q:nth-child(2),
.cases .cases-swiper .blockquote p:nth-child(2) {
  transition-delay: 0.2s;
}
.cases .cases-swiper .blockquote q:nth-child(3),
.cases .cases-swiper .blockquote p:nth-child(3) {
  transition-delay: 0.3s;
}
.cases .cases-swiper .blockquote q:nth-child(4),
.cases .cases-swiper .blockquote p:nth-child(4) {
  transition-delay: 0.4s;
}
.cases .cases-swiper .blockquote q:nth-child(5),
.cases .cases-swiper .blockquote p:nth-child(5) {
  transition-delay: 0.5s;
}
.cases .cases-swiper .blockquote q:nth-child(6),
.cases .cases-swiper .blockquote p:nth-child(6) {
  transition-delay: 0.6s;
}
.cases .cases-swiper .blockquote q:nth-child(7),
.cases .cases-swiper .blockquote p:nth-child(7) {
  transition-delay: 0.7s;
}
.cases .cases-swiper .blockquote q:nth-child(8),
.cases .cases-swiper .blockquote p:nth-child(8) {
  transition-delay: 0.8s;
}
.cases .cases-swiper .cite-holder {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.cases .cases-swiper .swiper-slide-prev .blockquote q,
.cases .cases-swiper .swiper-slide-prev .blockquote p {
  transform: translateX(-100px);
  transition-delay: 0s;
}
@media screen and (min-width: 1024px) {
  .cases .cases-swiper .swiper-slide-prev .blockquote q,
  .cases .cases-swiper .swiper-slide-prev .blockquote p {
    transform: translateY(-1.5vw);
  }
}
.cases .cases-swiper .swiper-slide-active .blockquote q,
.cases .cases-swiper .swiper-slide-active .blockquote p {
  opacity: 1;
  transform: translate(0, 0);
  transition-delay: 0.3s;
}
.cases .cases-swiper .swiper-slide-active .cite-holder {
  opacity: 1;
  transform: translate(0, 0);
}
.cases .cases-swiper .swiper-slide-active.swiper-slide-animate .blockquote q, .cases .cases-swiper .swiper-slide-active.swiper-slide-animate .blockquote p {
  opacity: 0;
  transform: translateY(20px);
}
.cases .cases-swiper .swiper-slide-active.swiper-slide-animate .cite-holder {
  opacity: 0;
  transform: translateY(20px);
}

.recent-posts {
  padding-block: 3rem;
}
@media screen and (min-width: 768px) {
  .recent-posts {
    padding-block: 5vw;
  }
}
.recent-posts .title-row {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .recent-posts .title-row {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 4rem;
    margin-bottom: max(3rem, 5.7vw);
  }
}
.recent-posts .title-row .eyebrow {
  margin-bottom: 0;
}
.recent-posts .title-row .link-more {
  color: #000;
  font-size: clamp(1rem, 1vw, 1.5rem);
  letter-spacing: -0.06em;
}
.recent-posts .title-row .link-more:hover {
  color: #FF0037;
}
.recent-posts .title-row[data-block-animate].in-view .link-more,
.recent-posts .title-row[data-block-animate].in-view .eyebrow {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s;
}
.recent-posts .title-row[data-block-animate].in-view .link-more {
  transition: transform 0.3s 0.3s ease-in-out, opacity 0.3s 0.3s ease-in-out, color 0.3s 0s ease-in-out;
}
.recent-posts .title-row[data-block-animate] .link-more,
.recent-posts .title-row[data-block-animate] .eyebrow {
  transform: translateY(20px);
  opacity: 0;
}
.recent-posts .post-template {
  gap: max(2rem, 5vw);
  display: flex;
  flex-direction: column;
}
.recent-posts .posts-list {
  display: flex;
  flex-direction: column;
  gap: max(2rem, 2.604167vw);
}
.recent-posts .post-block {
  display: flex;
  flex-direction: column;
  gap: max(2rem, 2.23958vw);
  color: #000;
  letter-spacing: -0.06em;
  line-height: 1.32;
}
@media screen and (min-width: 768px) {
  .recent-posts .post-block {
    flex-direction: row;
  }
}
.recent-posts .post-block[data-block-animate].in-view .img-holder,
.recent-posts .post-block[data-block-animate].in-view .text-holder * {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition-delay: 0.3s;
}
.recent-posts .post-block[data-block-animate].in-view .img-holder.post-title,
.recent-posts .post-block[data-block-animate].in-view .text-holder *.post-title {
  transition: transform opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, color 0.3s ease-in-out;
}
.recent-posts .post-block[data-block-animate].in-view .img-holder {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.recent-posts .post-block[data-block-animate].in-view:hover .img-holder {
  opacity: 0.54;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(1) {
  transition-delay: 0.4s;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(1):is(.post-title) {
  transition: transform 0.3s 0.4s ease-in-out, opacity 0.3s 0.4s ease-in-out, color 0.3s 0s ease-in-out;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(2) {
  transition-delay: 0.5s;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(2):is(.post-title) {
  transition: transform 0.3s 0.5s ease-in-out, opacity 0.3s 0.5s ease-in-out, color 0.3s 0s ease-in-out;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(3) {
  transition-delay: 0.6s;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(3):is(.post-title) {
  transition: transform 0.3s 0.6s ease-in-out, opacity 0.3s 0.6s ease-in-out, color 0.3s 0s ease-in-out;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(4) {
  transition-delay: 0.7s;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(4):is(.post-title) {
  transition: transform 0.3s 0.7s ease-in-out, opacity 0.3s 0.7s ease-in-out, color 0.3s 0s ease-in-out;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(5) {
  transition-delay: 0.8s;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(5):is(.post-title) {
  transition: transform 0.3s 0.8s ease-in-out, opacity 0.3s 0.8s ease-in-out, color 0.3s 0s ease-in-out;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(6) {
  transition-delay: 0.9s;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(6):is(.post-title) {
  transition: transform 0.3s 0.9s ease-in-out, opacity 0.3s 0.9s ease-in-out, color 0.3s 0s ease-in-out;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(7) {
  transition-delay: 1s;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(7):is(.post-title) {
  transition: transform 0.3s 1s ease-in-out, opacity 0.3s 1s ease-in-out, color 0.3s 0s ease-in-out;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(8) {
  transition-delay: 1.1s;
}
.recent-posts .post-block[data-block-animate].in-view .text-holder *:nth-child(8):is(.post-title) {
  transition: transform 0.3s 1.1s ease-in-out, opacity 0.3s 1.1s ease-in-out, color 0.3s 0s ease-in-out;
}
.recent-posts .post-block[data-block-animate] .img-holder,
.recent-posts .post-block[data-block-animate] .text-holder * {
  transform: translateY(20px);
  opacity: 0;
}
.recent-posts .post-block:hover .post-title {
  color: #FF0037;
}
.recent-posts .post-block:hover .img-holder {
  opacity: 0.54;
}
.recent-posts .post-block .img-holder {
  transition: opacity 0.3s ease-in-out;
  border-radius: 1.40625vw;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .recent-posts .post-block .img-holder {
    flex: 1 1 0;
  }
}
.recent-posts .post-block .img-holder img {
  aspect-ratio: 587/377;
  object-fit: cover;
}
.recent-posts .post-block .text-holder {
  flex: 1 1 0;
  padding-top: 0.5625rem;
}
.recent-posts .post-block .post-title {
  transition: color 0.3s ease-in-out;
  line-height: 1.2;
  margin-bottom: max(1rem, 1.25vw);
}
.recent-posts .post-block .date {
  color: rgba(51, 51, 51, 0.6);
  display: block;
  margin-bottom: max(1rem, 1.5104167vw);
  font-size: max(1rem, 1.041667vw);
}
.recent-posts .nav-holder {
  overflow: hidden;
  margin: 0 0 clamp(3.5rem, 8.125vw, 9.25rem);
  padding: 0 0 0.5rem;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .recent-posts .nav-holder {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
}
@media screen and (max-width: 1023px) {
  .recent-posts .nav-holder::-webkit-scrollbar {
    display: none;
  }
}
.recent-posts .blog-nav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  font-size: clamp(1.25rem, 1.667vw, 2.5rem);
  letter-spacing: -0.06em;
  font-weight: 500;
  gap: 1rem;
  white-space: nowrap;
  border-bottom: 5px solid transparent;
  min-width: 100%;
  justify-content: space-between;
  flex-shrink: 0;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .recent-posts .blog-nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 1.041667vw;
    text-align: center;
    border-bottom-width: 0.3125rem;
  }
}
.recent-posts .blog-nav:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  border-radius: 7px;
  right: 0;
  height: 5px;
  background: #FFD9E1;
  z-index: -2;
}
.recent-posts .blog-nav li {
  padding-bottom: clamp(1.5rem, 1.667vw, 2rem);
  border-bottom: 5px solid transparent;
  margin-bottom: -5px;
  position: relative;
}
.recent-posts .blog-nav li:after {
  content: "";
  position: absolute;
  z-index: 1;
  position: absolute;
  left: 0;
  width: 0;
  z-index: 2;
  bottom: -5px;
  background: #FFD9E1;
  height: 5px;
}
.recent-posts .blog-nav li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  z-index: 2;
  bottom: -5px;
  height: 5px;
  background: #FF0037;
  border-radius: 7px;
  transition: width 0.3s ease-in-out;
}
.recent-posts .blog-nav li:first-child:after {
  border-radius: 7px 0 0 7px;
}
.recent-posts .blog-nav li:last-child:after {
  border-radius: 0 7px 7px 0;
}
.recent-posts .blog-nav li:hover:before, .recent-posts .blog-nav li.active:before {
  width: 100%;
}
.recent-posts .blog-nav a {
  color: #000;
}

.blog-pagination[data-block-animate] ul.page-numbers {
  opacity: 0;
  transform: translateY(20px);
}
.blog-pagination[data-block-animate].in-view ul.page-numbers {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition-delay: 0.3s;
}
.blog-pagination ul.page-numbers {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: clamp(0.5rem, 0.4167vw, 0.75rem);
  font-weight: 500;
  letter-spacing: -0.06em;
  font-size: clamp(1rem, 1.04167vw, 1.5rem);
}
.blog-pagination ul.page-numbers .page-numbers {
  width: clamp(2rem, 2.70833vw, 4rem);
  height: clamp(2rem, 2.70833vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 0, 55, 0.11);
  border-radius: 50%;
  color: #000;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.blog-pagination ul.page-numbers .page-numbers:hover {
  background: #ff0037;
  color: #fff;
}
.blog-pagination ul.page-numbers .page-numbers.prev, .blog-pagination ul.page-numbers .page-numbers.next {
  background: none;
  border-radius: 0;
  color: #000;
  margin-left: clamp(0.5rem, 0.78125vw, 1.125rem);
}
.blog-pagination ul.page-numbers .page-numbers.prev:hover, .blog-pagination ul.page-numbers .page-numbers.next:hover {
  color: #FF0037;
}
.blog-pagination ul.page-numbers .page-numbers.prev {
  margin-left: 0;
  margin-right: clamp(0.5rem, 0.78125vw, 1.125rem);
}
.blog-pagination ul.page-numbers .page-numbers.current {
  background: #FF0037;
  color: #fff;
}

.hero {
  display: flex;
  flex-direction: column;
  padding-top: 8rem;
  padding-bottom: 2rem;
  position: relative;
  z-index: auto;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .hero {
    justify-content: flex-start;
    padding-top: min(10.5vw, 12.5625rem);
    padding-bottom: min(2.1875vw, 3rem);
    min-height: 27vw;
  }
}
.hero:before {
  content: "";
  height: 20rem;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(255, 0, 55, 0.2) 0%, rgba(255, 0, 55, 0) 100%);
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .hero:before {
    height: max(25rem, 34.21875vw);
  }
}
.error404 .hero {
  min-height: 80dvh;
}
.hero .hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: end;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .hero .hero-grid {
    gap: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .hero .hero-grid {
    gap: 1.04166vw;
    grid-template-columns: 1fr 1fr;
  }
}
.hero .hero-below-img {
  margin-top: 5vw;
  aspect-ratio: 360/240;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition-delay: 0.4s;
}
@media screen and (min-width: 1024px) {
  .hero .hero-below-img {
    aspect-ratio: 360/119;
  }
}
.is-loading .hero .hero-below-img {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0;
}
.hero .hero-below-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.40625vw;
}
.hero .container {
  position: relative;
  z-index: 3;
}
.hero .breadcrumbs {
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition-delay: 0.1s;
}
.is-loading .hero .breadcrumbs {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0;
}
.hero .hero-text-holder {
  order: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  letter-spacing: -0.06em;
  font-weight: 500;
  line-height: 1.32;
}
@media screen and (min-width: 1024px) {
  .hero .hero-text-holder {
    order: 1;
    gap: 2.760417vw;
    font-size: max(1rem, 1.25vw);
    position: sticky;
    bottom: 2vw;
  }
}
.hero .hero-text-holder h1 {
  margin-bottom: 0;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition-delay: 0.2s;
}
@media screen and (min-width: 1024px) {
  .hero .hero-text-holder h1 {
    font-size: 5.7292vw;
  }
}
.is-loading .hero .hero-text-holder h1 {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0;
}
.hero .hero-text-holder p {
  margin-bottom: 0;
}
.hero .hero-text-holder .hero-text {
  width: 66%;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition-delay: 0.3s;
}
.is-loading .hero .hero-text-holder .hero-text {
  opacity: 0;
  transform: translateY(40px);
  transition-duration: 0;
}
.hero .hero-text-holder .link-arrow {
  color: #000;
  width: 1.5rem;
  display: block;
}
@media screen and (min-width: 1024px) {
  .hero .hero-text-holder .link-arrow {
    width: max(1.5rem, 1.5104vw);
  }
}
.hero .hero-text-holder .link-arrow:hover {
  color: #FF0037;
}
.hero .hero-text-holder .link-arrow svg {
  width: 100%;
}

.simple-content {
  padding-block: 2rem;
}
@media screen and (min-width: 768px) {
  .simple-content {
    padding-top: 3.1vw;
    padding-bottom: 4.5vw;
  }
}
.simple-content .wp-block-heading {
  font-size: clamp(2rem, 2.5vw, 3.625rem);
  font-weight: 500;
}
.simple-content .wp-block-image {
  margin: 2.5em 0;
}
.simple-content .wp-block-image.is-rounded {
  border-radius: 1.40625vw;
  overflow: hidden;
}
.simple-content .wp-block-list {
  padding-left: 2.2em;
  margin-bottom: 3em;
}
.privacy-policy .simple-content .wp-block-list {
  margin-bottom: 1.7em;
  padding-left: 1.6em;
}
.simple-content .wp-block-list li {
  margin-bottom: 0.4em;
}
.privacy-policy .simple-content .wp-block-list li {
  margin-bottom: 0;
}
.simple-content .wp-block-list li::marker {
  color: #FF0037;
}
@media screen and (min-width: 768px) {
  .simple-content .wp-block-list li::marker {
    font-size: 1.3em;
  }
}
.privacy-policy .simple-content .wp-block-list li::marker {
  color: #000;
  font-size: 1em;
}
.simple-content p {
  margin-bottom: 1.1em;
}
.privacy-policy .simple-content p {
  margin-bottom: 1.5em;
}
.simple-content .wp-block-quote {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: -0.02em;
  color: #fff;
  background: #fff;
  border-radius: 1.40625vw;
  margin: 2.7vw 0;
  padding: 1.25rem;
  font-size: 1.75rem;
}
@media screen and (min-width: 768px) {
  .simple-content .wp-block-quote {
    font-size: clamp(2rem, 2.5vw, 3.625rem);
    padding: clamp(1.5rem, 2.0833vw, 3rem) clamp(3rem, 4.270834vw, 5.25rem);
  }
}